sanity-plugin-tags-v4 1.0.7 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/_chunks/{index-2165dd09.js → index-d54903d7.js} +179 -124
  2. package/dist/_chunks/index-d54903d7.js.map +1 -0
  3. package/dist/_chunks/{index-8ec314f1.js → index-e1de951b.js} +179 -124
  4. package/dist/_chunks/index-e1de951b.js.map +1 -0
  5. package/dist/_chunks/{refractor-86932f9e.js → refractor-4a6d87b2.js} +2 -2
  6. package/dist/_chunks/{refractor-86932f9e.js.map → refractor-4a6d87b2.js.map} +1 -1
  7. package/dist/_chunks/{refractor-44595dc0.js → refractor-9d1eb9d3.js} +2 -2
  8. package/dist/_chunks/{refractor-44595dc0.js.map → refractor-9d1eb9d3.js.map} +1 -1
  9. package/dist/index.esm.js +1 -1
  10. package/dist/index.js +1 -1
  11. package/package.json +10 -8
  12. package/src/components/TagsInput.tsx +18 -10
  13. package/src/index.ts +1 -0
  14. package/src/types.ts +9 -2
  15. package/src/utils/mutators.ts +13 -5
  16. package/src/utils/observables.ts +1 -1
  17. package/dist/_chunks/index-2165dd09.js.map +0 -1
  18. package/dist/_chunks/index-8ec314f1.js.map +0 -1
package/dist/_chunks/{index-2165dd09.js → index-d54903d7.js} RENAMED
@@ -1,17 +1,17 @@
1
- var _process$env,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject0,_templateObject1,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,_templateObject19,_templateObject20,_templateObject21,_templateObject22,_templateObject23,_templateObject24,_templateObject25,_templateObject26,_templateObject27,_templateObject28,_templateObject29,_templateObject30,_templateObject31,_templateObject32,_templateObject33,_templateObject34,_templateObject35,_templateObject36,_templateObject37,_templateObject38,_templateObject39,_templateObject40,_templateObject41,_templateObject42,_templateObject43,_templateObject44,_templateObject45,_templateObject46,_templateObject47,_templateObject48,_templateObject49,_templateObject50,_templateObject51,_templateObject52,_templateObject53,_templateObject54,_templateObject55,_templateObject56,_templateObject57,_templateObject58,_templateObject59,_templateObject60,_templateObject61,_templateObject62,_templateObject63,_templateObject64,_templateObject65,_templateObject66,_templateObject67,_templateObject68,_templateObject69,_templateObject70,_templateObject71,_templateObject72,_templateObject73,_templateObject74,_templateObject75,_templateObject76,_templateObject77,_templateObject78,_templateObject79,_templateObject80,_templateObject81,_templateObject82,_templateObject83,_templateObject84,_templateObject85,_templateObject86,_templateObject87,_templateObject88;const _excluded=["crossAxis","alignment","allowedPlacements","autoAlignment"],_excluded2=["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"],_excluded3=["strategy"],_excluded4=["mainAxis","crossAxis","limiter"],_excluded5=["type"],_excluded6=["motionValue","onUpdate","onComplete","element"],_excluded7=["autoplay","delay","type","repeat","repeatDelay","repeatType","keyframes","name","motionValue","element"],_excluded8=["when","delay","delayChildren","staggerChildren","staggerDirection","repeat","repeatType","repeatDelay","from","elapsed"],_excluded9=["transitionEnd","transition"],_excluded0=["transition","transitionEnd"],_excluded1=["willChange"],_excluded10=["attrX","attrY","attrScale","pathLength","pathSpacing","pathOffset"],_excluded11=["transition","transitionEnd"],_excluded12=["transitionEnd","transition"],_excluded13=["root"],_excluded14=["accent","align","children","muted","size","textOverflow","weight"],_excluded15=["__unstable_hideInnerStroke","as","color","src","title","initials","onImageLoadError","arrowPosition","animateArrowFrom","status","size"],_excluded16=["children","maxLength","size"],_excluded17=["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"],_excluded18=["accent","align","children","muted","size","textOverflow","weight"],_excluded19=["children","fontSize","mode","padding","radius","tone"],_excluded20=["align","as","direction","gap","justify","wrap"],_excluded21=["children","disabled","fontSize","icon","iconRight","justify","loading","mode","padding","paddingX","paddingY","paddingTop","paddingBottom","paddingLeft","paddingRight","radius","selected","space","text","textAlign","textWeight","tone","type","muted","width"],_excluded22=["__unstable_checkered","__unstable_focusRing","as","border","borderTop","borderRight","borderBottom","borderLeft","muted","pressed","radius","scheme","selected","shadow","tone"],_excluded23=["checked","className","disabled","indeterminate","customValidity","readOnly","style"],_excluded24=["children","language","size","weight"],_excluded25=["as","width"],_excluded26=["as","autoRows","autoCols","autoFlow","columns","gap","gapX","gapY","rows","children"],_excluded27=["accent","align","children","muted","size","textOverflow","weight"],_excluded28=["as","children","space"],_excluded29=["children","fontSize","padding","radius"],_excluded30=["width","height","radius"],_excluded31=["children","media"],_excluded32=["children","onActivate","onFocus","style"],_excluded33=["children","zOffset"],_excluded34=["as","gap","getItemKey","items","onChange","renderItem"],_excluded35=["__unstable_margins","animate","arrow","arrowRef","arrowX","arrowY","children","padding","placement","originX","originY","overflow","radius","scheme","shadow","strategy","style","tone","width","x","y"],_excluded36=["__unstable_margins","animate","arrow","boundaryElement","children","constrainSize","content","disabled","fallbackPlacements","matchReferenceWidth","floatingBoundary","modal","onActivate","open","overflow","padding","placement","placementStrategy","portal","preventOverflow","radius","referenceBoundary","referenceElement","scheme","shadow","tone","width","zOffset","updateRef"],_excluded37=["className","disabled","style","customValidity","readOnly"],_excluded38=["children","customValidity","disabled","fontSize","padding","radius","readOnly","space"],_excluded39=["as","space"],_excluded40=["checked","className","disabled","indeterminate","readOnly","style"],_excluded41=["border","customValidity","disabled","fontSize","padding","radius","weight","__unstable_disableFocusRing"],_excluded42=["__unstable_disableFocusRing","border","clearButton","disabled","fontSize","icon","iconRight","onClear","padding","prefix","radius","readOnly","space","suffix","customValidity","type","weight"],_excluded43=["animate","arrow","arrowRef","arrowX","arrowY","children","originX","originY","padding","placement","radius","scheme","shadow","style"],_excluded44=["animate","arrow","boundaryElement","children","content","disabled","fallbackPlacements","padding","placement","portal","radius","scheme","shadow","zOffset","delay"],_excluded45=["fontSize","keys","padding","radius","space"],_excluded46=["children","focusFirst","focusLast","onClickOutside","onEscape","onItemClick","onItemSelect","onKeyDown","originElement","padding","registerElement","shouldFocus","space"],_excluded47=["as","children","disabled","fontSize","hotkeys","icon","iconRight","onClick","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","pressed","radius","selected","space","text","tone"],_excluded48=["icon","id","focused","fontSize","label","onClick","onFocus","padding","selected"],_excluded49=["children"],_excluded50=["border","customValidity","disabled","filterOption","fontSize","icon","id","listBox","loading","onBlur","onChange","onFocus","onQueryChange","onSelect","openButton","openOnFocus","options","padding","popover","prefix","radius","readOnly","relatedElements","renderOption","renderPopover","renderValue","suffix","value"],_excluded51=["children","maxLength","separator","space"],_excluded52=["__unstable_autoFocus","__unstable_hideCloseButton","cardRadius","cardShadow","children","contentRef","footer","header","id","onActivate","onClickOutside","onClose","onFocus","padding","portal","position","scheme","width","zOffset","animate"],_excluded53=["animated","delay","radius"],_excluded54=["size"],_excluded55=["size"],_excluded56=["size"],_excluded57=["size"],_excluded58=["flex"],_excluded59=["children","space","onFocus"];function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==typeof i?i:i+"";}function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}import{useClient as useClient$1,useFormValue,set,unset,definePlugin}from'sanity';import{jsx,Fragment,jsxs}from'react/jsx-runtime';import*as React$1 from'react';import React__default,{forwardRef,useLayoutEffect,createContext,useRef as useRef$1,useEffect as useEffect$1,useId,useContext,useInsertionEffect,useMemo,useCallback,Children,isValidElement as isValidElement$1,useState,createElement,Fragment as Fragment$1,Component,useImperativeHandle,lazy,cloneElement,useDebugValue,useSyncExternalStore,Suspense,useReducer,startTransition}from'react';import{css,styled,keyframes as keyframes$1,useTheme,ThemeProvider as ThemeProvider$1}from'styled-components';import*as ReactDOM from'react-dom';import{createPortal}from'react-dom';import Select$1 from'react-select';import CreatableSelect from'react-select/creatable';import{defer,from,pipe as pipe$1}from'rxjs';import{map,switchMap}from'rxjs/operators';const COLOR_HUES=["gray","blue","purple","magenta","red","orange","yellow","green","cyan"],COLOR_TINTS=["50","100","200","300","400","500","600","700","800","900","950"];const 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"}},hues={gray,blue,purple,magenta,red,orange,yellow,green,cyan},color$1=_objectSpread({black,white},hues);const defaultThemeConfig={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:0.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"}}// card: {
1
+ var _process$env,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject0,_templateObject1,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,_templateObject19,_templateObject20,_templateObject21,_templateObject22,_templateObject23,_templateObject24,_templateObject25,_templateObject26,_templateObject27,_templateObject28,_templateObject29,_templateObject30,_templateObject31,_templateObject32,_templateObject33,_templateObject34,_templateObject35,_templateObject36,_templateObject37,_templateObject38,_templateObject39,_templateObject40,_templateObject41,_templateObject42,_templateObject43,_templateObject44,_templateObject45,_templateObject46,_templateObject47,_templateObject48,_templateObject49,_templateObject50,_templateObject51,_templateObject52,_templateObject53,_templateObject54,_templateObject55,_templateObject56,_templateObject57,_templateObject58,_templateObject59,_templateObject60,_templateObject61,_templateObject62,_templateObject63,_templateObject64,_templateObject65,_templateObject66,_templateObject67,_templateObject68,_templateObject69,_templateObject70,_templateObject71,_templateObject72,_templateObject73,_templateObject74,_templateObject75,_templateObject76,_templateObject77,_templateObject78,_templateObject79,_templateObject80,_templateObject81,_templateObject82,_templateObject83,_templateObject84,_templateObject85,_templateObject86,_templateObject87,_templateObject88;const _excluded=["color"],_excluded2=["crossAxis","alignment","allowedPlacements","autoAlignment"],_excluded3=["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"],_excluded4=["strategy"],_excluded5=["mainAxis","crossAxis","limiter"],_excluded6=["type"],_excluded7=["motionValue","onUpdate","onComplete","element"],_excluded8=["autoplay","delay","type","repeat","repeatDelay","repeatType","keyframes","name","motionValue","element"],_excluded9=["inherit"],_excluded0=["when","delay","delayChildren","staggerChildren","staggerDirection","repeat","repeatType","repeatDelay","from","elapsed"],_excluded1=["transitionEnd","transition"],_excluded10=["transition","transitionEnd"],_excluded11=["willChange"],_excluded12=["attrX","attrY","attrScale","pathLength","pathSpacing","pathOffset"],_excluded13=["transition","transitionEnd"],_excluded14=["transitionEnd","transition"],_excluded15=["root"],_excluded16=["accent","align","children","muted","size","textOverflow","weight"],_excluded17=["__unstable_hideInnerStroke","as","color","src","title","initials","onImageLoadError","arrowPosition","animateArrowFrom","status","size"],_excluded18=["children","maxLength","size"],_excluded19=["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"],_excluded20=["accent","align","children","muted","size","textOverflow","weight"],_excluded21=["children","fontSize","mode","padding","radius","tone"],_excluded22=["align","as","direction","gap","justify","wrap"],_excluded23=["children","disabled","fontSize","icon","iconRight","justify","loading","mode","padding","paddingX","paddingY","paddingTop","paddingBottom","paddingLeft","paddingRight","radius","selected","space","text","textAlign","textWeight","tone","type","muted","width"],_excluded24=["__unstable_checkered","__unstable_focusRing","as","border","borderTop","borderRight","borderBottom","borderLeft","muted","pressed","radius","scheme","selected","shadow","tone"],_excluded25=["checked","className","disabled","indeterminate","customValidity","readOnly","style"],_excluded26=["children","language","size","weight"],_excluded27=["as","width"],_excluded28=["as","autoRows","autoCols","autoFlow","columns","gap","gapX","gapY","rows","children"],_excluded29=["accent","align","children","muted","size","textOverflow","weight"],_excluded30=["as","children","space"],_excluded31=["children","fontSize","padding","radius"],_excluded32=["width","height","radius"],_excluded33=["children","media"],_excluded34=["children","onActivate","onFocus","style"],_excluded35=["children","zOffset"],_excluded36=["as","gap","getItemKey","items","onChange","renderItem"],_excluded37=["__unstable_margins","animate","arrow","arrowRef","arrowX","arrowY","children","padding","placement","originX","originY","overflow","radius","scheme","shadow","strategy","style","tone","width","x","y"],_excluded38=["__unstable_margins","animate","arrow","boundaryElement","children","constrainSize","content","disabled","fallbackPlacements","matchReferenceWidth","floatingBoundary","modal","onActivate","open","overflow","padding","placement","placementStrategy","portal","preventOverflow","radius","referenceBoundary","referenceElement","scheme","shadow","tone","width","zOffset","updateRef"],_excluded39=["className","disabled","style","customValidity","readOnly"],_excluded40=["children","customValidity","disabled","fontSize","padding","radius","readOnly","space"],_excluded41=["as","space"],_excluded42=["checked","className","disabled","indeterminate","readOnly","style"],_excluded43=["border","customValidity","disabled","fontSize","padding","radius","weight","__unstable_disableFocusRing"],_excluded44=["__unstable_disableFocusRing","border","clearButton","disabled","fontSize","icon","iconRight","onClear","padding","prefix","radius","readOnly","space","suffix","customValidity","type","weight"],_excluded45=["animate","arrow","arrowRef","arrowX","arrowY","children","originX","originY","padding","placement","radius","scheme","shadow","style"],_excluded46=["animate","arrow","boundaryElement","children","content","disabled","fallbackPlacements","padding","placement","portal","radius","scheme","shadow","zOffset","delay"],_excluded47=["fontSize","keys","padding","radius","space"],_excluded48=["children","focusFirst","focusLast","onClickOutside","onEscape","onItemClick","onItemSelect","onKeyDown","originElement","padding","registerElement","shouldFocus","space"],_excluded49=["as","children","disabled","fontSize","hotkeys","icon","iconRight","onClick","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","pressed","radius","selected","space","text","tone"],_excluded50=["icon","id","focused","fontSize","label","onClick","onFocus","padding","selected"],_excluded51=["children"],_excluded52=["border","customValidity","disabled","filterOption","fontSize","icon","id","listBox","loading","onBlur","onChange","onFocus","onQueryChange","onSelect","openButton","openOnFocus","options","padding","popover","prefix","radius","readOnly","relatedElements","renderOption","renderPopover","renderValue","suffix","value"],_excluded53=["children","maxLength","separator","space"],_excluded54=["__unstable_autoFocus","__unstable_hideCloseButton","cardRadius","cardShadow","children","contentRef","footer","header","id","onActivate","onClickOutside","onClose","onFocus","padding","portal","position","scheme","width","zOffset","animate"],_excluded55=["animated","delay","radius"],_excluded56=["size"],_excluded57=["size"],_excluded58=["size"],_excluded59=["size"],_excluded60=["flex"],_excluded61=["children","space","onFocus"];function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==typeof i?i:i+"";}function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}import{useClient as useClient$1,useFormValue,set,unset,definePlugin}from'sanity';import{jsx,Fragment,jsxs}from'react/jsx-runtime';import*as React$1 from'react';import React__default,{forwardRef,useLayoutEffect,createContext,useRef as useRef$1,useEffect as useEffect$1,useId,useContext,useInsertionEffect,useMemo,useCallback,Children,isValidElement as isValidElement$1,useState,createElement,Fragment as Fragment$1,Component,useImperativeHandle,lazy,cloneElement,useDebugValue,useSyncExternalStore,Suspense,useReducer,startTransition}from'react';import{css,styled,keyframes as keyframes$1,useTheme,ThemeProvider as ThemeProvider$1}from'styled-components';import*as ReactDOM from'react-dom';import{createPortal}from'react-dom';import Select$1 from'react-select';import CreatableSelect from'react-select/creatable';import{defer,from,pipe as pipe$1}from'rxjs';import{map,switchMap}from'rxjs/operators';const COLOR_HUES=["gray","blue","purple","magenta","red","orange","yellow","green","cyan"],COLOR_TINTS=["50","100","200","300","400","500","600","700","800","900","950"];const 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"}},hues={gray,blue,purple,magenta,red,orange,yellow,green,cyan},color$1=_objectSpread({black,white},hues);const defaultThemeConfig={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:0.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"}}// card: {
2
2
  // root: {
3
3
  // transition: 'background-color 100ms,border-color 100ms,color 100ms',
4
4
  // },
5
5
  // },
6
- }},defaultThemeFonts={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:0.5},{ascenderHeight:2,descenderHeight:2,fontSize:9.5,iconSize:15,lineHeight:11,letterSpacing:0.5},{ascenderHeight:2,descenderHeight:2,fontSize:10.8,iconSize:17,lineHeight:12,letterSpacing:0.5},{ascenderHeight:2,descenderHeight:2,fontSize:12.25,iconSize:19,lineHeight:13,letterSpacing:0.5},{ascenderHeight:2,descenderHeight:2,fontSize:13.6,iconSize:21,lineHeight:14,letterSpacing:0.5},{ascenderHeight:2,descenderHeight:2,fontSize:15,iconSize:23,lineHeight:15,letterSpacing:0.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}]}},cache$4=/* @__PURE__ */new WeakMap();function themeColor_v0_v2(color_v0){var _color_v0$selectable,_color_v0$skeleton,_color_v0$skeleton2;const cached_v2=cache$4.get(color_v0);if(cached_v2)return cached_v2;const base=stateThemeColor_v0_v2(color_v0,color_v0.card.enabled),color_v2={_blend:color_v0._blend||(color_v0.dark?"screen":"multiply"),_dark:color_v0.dark,accent:base.accent,avatar:base.avatar,backdrop:color_v0.base.shadow.ambient,badge:base.badge,bg:color_v0.base.bg,border:color_v0.base.border,button:{default:stateTonesThemeColor_v0_v2(color_v0,color_v0.button.default),ghost:stateTonesThemeColor_v0_v2(color_v0,color_v0.button.ghost),bleed:stateTonesThemeColor_v0_v2(color_v0,color_v0.button.bleed)},code:base.code,fg:color_v0.base.fg,focusRing:color_v0.base.focusRing,icon:base.muted.fg,input:{default:inputStatesThemeColor_v0_v2(color_v0.input.default),invalid:inputStatesThemeColor_v0_v2(color_v0.input.invalid)},kbd:base.kbd,link:base.link,muted:_objectSpread(_objectSpread({},base.muted),{},{bg:((_color_v0$selectable=color_v0.selectable)===null||_color_v0$selectable===void 0?void 0:_color_v0$selectable.default.enabled.bg2)||color_v0.base.bg}),selectable:stateTonesThemeColor_v0_v2(color_v0,color_v0.selectable||color_v0.muted),shadow:color_v0.base.shadow,skeleton:{from:((_color_v0$skeleton=color_v0.skeleton)===null||_color_v0$skeleton===void 0?void 0:_color_v0$skeleton.from)||color_v0.base.border,to:((_color_v0$skeleton2=color_v0.skeleton)===null||_color_v0$skeleton2===void 0?void 0:_color_v0$skeleton2.to)||color_v0.base.border},syntax:color_v0.syntax};return cache$4.set(color_v0,color_v2),color_v2;}function stateTonesThemeColor_v0_v2(v0,t){return{default:{enabled:stateThemeColor_v0_v2(v0,t.default.enabled),hovered:stateThemeColor_v0_v2(v0,t.default.hovered),pressed:stateThemeColor_v0_v2(v0,t.default.pressed),selected:stateThemeColor_v0_v2(v0,t.default.selected),disabled:stateThemeColor_v0_v2(v0,t.default.disabled)},neutral:{enabled:stateThemeColor_v0_v2(v0,t.default.enabled),hovered:stateThemeColor_v0_v2(v0,t.default.hovered),pressed:stateThemeColor_v0_v2(v0,t.default.pressed),selected:stateThemeColor_v0_v2(v0,t.default.selected),disabled:stateThemeColor_v0_v2(v0,t.default.disabled)},primary:{enabled:stateThemeColor_v0_v2(v0,t.primary.enabled),hovered:stateThemeColor_v0_v2(v0,t.primary.hovered),pressed:stateThemeColor_v0_v2(v0,t.primary.pressed),selected:stateThemeColor_v0_v2(v0,t.primary.selected),disabled:stateThemeColor_v0_v2(v0,t.primary.disabled)},suggest:{enabled:stateThemeColor_v0_v2(v0,t.primary.enabled),hovered:stateThemeColor_v0_v2(v0,t.primary.hovered),pressed:stateThemeColor_v0_v2(v0,t.primary.pressed),selected:stateThemeColor_v0_v2(v0,t.primary.selected),disabled:stateThemeColor_v0_v2(v0,t.primary.disabled)},positive:{enabled:stateThemeColor_v0_v2(v0,t.positive.enabled),hovered:stateThemeColor_v0_v2(v0,t.positive.hovered),pressed:stateThemeColor_v0_v2(v0,t.positive.pressed),selected:stateThemeColor_v0_v2(v0,t.positive.selected),disabled:stateThemeColor_v0_v2(v0,t.positive.disabled)},caution:{enabled:stateThemeColor_v0_v2(v0,t.caution.enabled),hovered:stateThemeColor_v0_v2(v0,t.caution.hovered),pressed:stateThemeColor_v0_v2(v0,t.caution.pressed),selected:stateThemeColor_v0_v2(v0,t.caution.selected),disabled:stateThemeColor_v0_v2(v0,t.caution.disabled)},critical:{enabled:stateThemeColor_v0_v2(v0,t.critical.enabled),hovered:stateThemeColor_v0_v2(v0,t.critical.hovered),pressed:stateThemeColor_v0_v2(v0,t.critical.pressed),selected:stateThemeColor_v0_v2(v0,t.critical.selected),disabled:stateThemeColor_v0_v2(v0,t.critical.disabled)}};}function stateThemeColor_v0_v2(v0,state){var _state$skeleton,_state$skeleton2;return _objectSpread(_objectSpread({},state),{},{avatar:{gray:{bg:v0.spot.gray,fg:v0.base.bg},blue:{bg:v0.spot.blue,fg:v0.base.bg},purple:{bg:v0.spot.purple,fg:v0.base.bg},magenta:{bg:v0.spot.magenta,fg:v0.base.bg},red:{bg:v0.spot.red,fg:v0.base.bg},orange:{bg:v0.spot.orange,fg:v0.base.bg},yellow:{bg:v0.spot.yellow,fg:v0.base.bg},green:{bg:v0.spot.green,fg:v0.base.bg},cyan:{bg:v0.spot.cyan,fg:v0.base.bg}},badge:{default:{bg:v0.muted.default.enabled.bg,fg:v0.muted.default.enabled.fg,dot:v0.muted.default.enabled.muted.fg,icon:v0.muted.default.enabled.muted.fg},neutral:{bg:v0.muted.transparent.enabled.bg,fg:v0.muted.transparent.enabled.fg,dot:v0.muted.transparent.enabled.muted.fg,icon:v0.muted.transparent.enabled.muted.fg},primary:{bg:v0.muted.primary.enabled.bg,fg:v0.muted.primary.enabled.fg,dot:v0.muted.primary.enabled.muted.fg,icon:v0.muted.primary.enabled.muted.fg},suggest:{bg:v0.muted.primary.enabled.bg,fg:v0.muted.primary.enabled.fg,dot:v0.muted.primary.enabled.muted.fg,icon:v0.muted.primary.enabled.muted.fg},positive:{bg:v0.muted.positive.enabled.bg,fg:v0.muted.positive.enabled.fg,dot:v0.muted.positive.enabled.muted.fg,icon:v0.muted.positive.enabled.muted.fg},caution:{bg:v0.muted.caution.enabled.bg,fg:v0.muted.caution.enabled.fg,dot:v0.muted.caution.enabled.muted.fg,icon:v0.muted.caution.enabled.muted.fg},critical:{bg:v0.muted.critical.enabled.bg,fg:v0.muted.critical.enabled.fg,dot:v0.muted.critical.enabled.muted.fg,icon:v0.muted.critical.enabled.muted.fg}},kbd:{bg:v0.muted.default.enabled.bg,fg:v0.muted.default.enabled.fg,border:v0.muted.default.enabled.border},muted:_objectSpread(_objectSpread({},v0.muted.default.enabled.muted),{},{bg:state.bg2||state.bg}),skeleton:{from:((_state$skeleton=state.skeleton)===null||_state$skeleton===void 0?void 0:_state$skeleton.from)||state.border,to:((_state$skeleton2=state.skeleton)===null||_state$skeleton2===void 0?void 0:_state$skeleton2.to)||state.border}});}function inputStatesThemeColor_v0_v2(states){return{enabled:inputStateThemeColor_v0_v2(states.enabled),disabled:inputStateThemeColor_v0_v2(states.disabled),readOnly:inputStateThemeColor_v0_v2(states.readOnly),hovered:inputStateThemeColor_v0_v2(states.hovered)};}function inputStateThemeColor_v0_v2(state){return{bg:state.bg,border:state.border,fg:state.fg,muted:{bg:state.bg2},placeholder:state.placeholder};}const cache$3=/* @__PURE__ */new WeakMap();function getTheme_v2(theme){var _theme$sanity$v,_theme$sanity$layer;if((_theme$sanity$v=theme.sanity.v2)!==null&&_theme$sanity$v!==void 0&&_theme$sanity$v._resolved)return theme.sanity.v2;const cached_v2=cache$3.get(theme);if(cached_v2)return cached_v2;const v2={_version:2,_resolved:!0,avatar:_objectSpread(_objectSpread({},defaultThemeConfig.avatar),theme.sanity.avatar),button:_objectSpread(_objectSpread({},defaultThemeConfig.button),theme.sanity.button),card:defaultThemeConfig.card,color:themeColor_v0_v2(theme.sanity.color),container:theme.sanity.container,font:theme.sanity.fonts,input:_objectSpread(_objectSpread(_objectSpread({},defaultThemeConfig.input),theme.sanity.input),{},{checkbox:_objectSpread(_objectSpread({},defaultThemeConfig.input.checkbox),theme.sanity.input.checkbox),radio:_objectSpread(_objectSpread({},defaultThemeConfig.input.radio),theme.sanity.input.radio),switch:_objectSpread(_objectSpread({},defaultThemeConfig.input.switch),theme.sanity.input.switch)}),layer:(_theme$sanity$layer=theme.sanity.layer)!==null&&_theme$sanity$layer!==void 0?_theme$sanity$layer:defaultThemeConfig.layer,media:theme.sanity.media,radius:theme.sanity.radius,shadow:theme.sanity.shadows,space:theme.sanity.space,style:theme.sanity.styles};return cache$3.set(theme,v2),v2;}function is_v2(themeProp){return themeProp._version===2;}const cache$2=/* @__PURE__ */new WeakMap();function v0_v2(v0){if(v0.v2)return v0.v2;const cached_v2=cache$2.get(v0);if(cached_v2)return cached_v2;const{avatar,button,color:color2,container,fonts:font,input,layer,media,radius,shadows:shadow,space,styles:style}=v0,v2={_version:2,avatar:_objectSpread(_objectSpread({},defaultThemeConfig.avatar),avatar),button:_objectSpread(_objectSpread({},defaultThemeConfig.button),button),card:defaultThemeConfig.card,color:{light:{transparent:themeColor_v0_v2(color2.light.transparent),default:themeColor_v0_v2(color2.light.default),neutral:themeColor_v0_v2(color2.light.transparent),primary:themeColor_v0_v2(color2.light.primary),suggest:themeColor_v0_v2(color2.light.primary),positive:themeColor_v0_v2(color2.light.positive),caution:themeColor_v0_v2(color2.light.caution),critical:themeColor_v0_v2(color2.light.critical)},dark:{transparent:themeColor_v0_v2(color2.dark.transparent),default:themeColor_v0_v2(color2.dark.default),neutral:themeColor_v0_v2(color2.dark.transparent),primary:themeColor_v0_v2(color2.dark.primary),suggest:themeColor_v0_v2(color2.dark.primary),positive:themeColor_v0_v2(color2.dark.positive),caution:themeColor_v0_v2(color2.dark.caution),critical:themeColor_v0_v2(color2.dark.critical)}},container,font,input:_objectSpread(_objectSpread(_objectSpread({},defaultThemeConfig.input),input),{},{checkbox:_objectSpread(_objectSpread({},defaultThemeConfig.input.checkbox),input.checkbox),radio:_objectSpread(_objectSpread({},defaultThemeConfig.input.radio),input.radio),switch:_objectSpread(_objectSpread({},defaultThemeConfig.input.switch),input.switch)}),layer:layer!==null&&layer!==void 0?layer:defaultThemeConfig.layer,media,radius,shadow,space,style};return cache$2.set(v0,v2),v2;}const cache$1=/* @__PURE__ */new WeakMap();function v2_v0(v2){const cachedTheme=cache$1.get(v2);if(cachedTheme)return cachedTheme;const{avatar,button,color:color2,container,font:fonts,input,media,radius,shadow:shadows,space,style:styles}=v2;return{_version:0,avatar,button,container,color:{light:{transparent:themeColor_v2_v0(color2.light.transparent),default:themeColor_v2_v0(color2.light.default),primary:themeColor_v2_v0(color2.light.primary),positive:themeColor_v2_v0(color2.light.positive),caution:themeColor_v2_v0(color2.light.caution),critical:themeColor_v2_v0(color2.light.critical)},dark:{transparent:themeColor_v2_v0(color2.dark.transparent),default:themeColor_v2_v0(color2.dark.default),primary:themeColor_v2_v0(color2.dark.primary),positive:themeColor_v2_v0(color2.dark.positive),caution:themeColor_v2_v0(color2.dark.caution),critical:themeColor_v2_v0(color2.dark.critical)}},focusRing:input.text.focusRing,fonts,input,media,radius,shadows,space,styles,v2};}function themeColor_v2_v0(color_v2){return{base:{bg:color_v2.bg,fg:color_v2.fg,border:color_v2.border,focusRing:color_v2.focusRing,shadow:color_v2.shadow},button:color_v2.button,card:color_v2.selectable.default,dark:color_v2._dark,input:{default:inputStatesThemeColor_v2_v0(color_v2.input.default),invalid:inputStatesThemeColor_v2_v0(color_v2.input.invalid)},muted:_objectSpread(_objectSpread({},color_v2.button.ghost),{},{transparent:color_v2.button.ghost.default}),solid:_objectSpread(_objectSpread({},color_v2.button.default),{},{transparent:color_v2.button.default.default}),selectable:color_v2.selectable,spot:{gray:color_v2.avatar.gray.bg,blue:color_v2.avatar.blue.bg,purple:color_v2.avatar.purple.bg,magenta:color_v2.avatar.magenta.bg,red:color_v2.avatar.red.bg,orange:color_v2.avatar.orange.bg,yellow:color_v2.avatar.yellow.bg,green:color_v2.avatar.green.bg,cyan:color_v2.avatar.cyan.bg},syntax:color_v2.syntax};}function inputStatesThemeColor_v2_v0(t){return{enabled:inputStateThemeColor_v2_v0(t.enabled),disabled:inputStateThemeColor_v2_v0(t.disabled),readOnly:inputStateThemeColor_v2_v0(t.readOnly),hovered:inputStateThemeColor_v2_v0(t.hovered)};}function inputStateThemeColor_v2_v0(t){return{bg:t.bg,bg2:t.muted.bg,border:t.border,fg:t.fg,placeholder:t.placeholder};}const THEME_COLOR_BLEND_MODES=["multiply","screen"],THEME_COLOR_CARD_TONES=["transparent","default","neutral","primary",// deprecated
6
+ }},defaultThemeFonts={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:0.5},{ascenderHeight:2,descenderHeight:2,fontSize:9.5,iconSize:15,lineHeight:11,letterSpacing:0.5},{ascenderHeight:2,descenderHeight:2,fontSize:10.8,iconSize:17,lineHeight:12,letterSpacing:0.5},{ascenderHeight:2,descenderHeight:2,fontSize:12.25,iconSize:19,lineHeight:13,letterSpacing:0.5},{ascenderHeight:2,descenderHeight:2,fontSize:13.6,iconSize:21,lineHeight:14,letterSpacing:0.5},{ascenderHeight:2,descenderHeight:2,fontSize:15,iconSize:23,lineHeight:15,letterSpacing:0.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}]}},cache$4=/* @__PURE__ */new WeakMap();function themeColor_v0_v2(color_v0){var _color_v0$selectable,_color_v0$skeleton,_color_v0$skeleton2;const cached_v2=cache$4.get(color_v0);if(cached_v2)return cached_v2;const base=stateThemeColor_v0_v2(color_v0,color_v0.card.enabled),color_v2={_blend:color_v0._blend||(color_v0.dark?"screen":"multiply"),_dark:color_v0.dark,accent:base.accent,avatar:base.avatar,backdrop:color_v0.base.shadow.ambient,badge:base.badge,bg:color_v0.base.bg,border:color_v0.base.border,button:{default:stateTonesThemeColor_v0_v2(color_v0,color_v0.button.default),ghost:stateTonesThemeColor_v0_v2(color_v0,color_v0.button.ghost),bleed:stateTonesThemeColor_v0_v2(color_v0,color_v0.button.bleed)},code:base.code,fg:color_v0.base.fg,focusRing:color_v0.base.focusRing,icon:base.muted.fg,input:{default:inputStatesThemeColor_v0_v2(color_v0.input.default),invalid:inputStatesThemeColor_v0_v2(color_v0.input.invalid)},kbd:base.kbd,link:base.link,muted:_objectSpread(_objectSpread({},base.muted),{},{bg:((_color_v0$selectable=color_v0.selectable)===null||_color_v0$selectable===void 0?void 0:_color_v0$selectable.default.enabled.bg2)||color_v0.base.bg}),selectable:stateTonesThemeColor_v0_v2(color_v0,color_v0.selectable||color_v0.muted),shadow:color_v0.base.shadow,skeleton:{from:((_color_v0$skeleton=color_v0.skeleton)===null||_color_v0$skeleton===void 0?void 0:_color_v0$skeleton.from)||color_v0.base.border,to:((_color_v0$skeleton2=color_v0.skeleton)===null||_color_v0$skeleton2===void 0?void 0:_color_v0$skeleton2.to)||color_v0.base.border},syntax:color_v0.syntax};return cache$4.set(color_v0,color_v2),color_v2;}function stateTonesThemeColor_v0_v2(v0,t){return{default:{enabled:stateThemeColor_v0_v2(v0,t.default.enabled),hovered:stateThemeColor_v0_v2(v0,t.default.hovered),pressed:stateThemeColor_v0_v2(v0,t.default.pressed),selected:stateThemeColor_v0_v2(v0,t.default.selected),disabled:stateThemeColor_v0_v2(v0,t.default.disabled)},neutral:{enabled:stateThemeColor_v0_v2(v0,t.default.enabled),hovered:stateThemeColor_v0_v2(v0,t.default.hovered),pressed:stateThemeColor_v0_v2(v0,t.default.pressed),selected:stateThemeColor_v0_v2(v0,t.default.selected),disabled:stateThemeColor_v0_v2(v0,t.default.disabled)},primary:{enabled:stateThemeColor_v0_v2(v0,t.primary.enabled),hovered:stateThemeColor_v0_v2(v0,t.primary.hovered),pressed:stateThemeColor_v0_v2(v0,t.primary.pressed),selected:stateThemeColor_v0_v2(v0,t.primary.selected),disabled:stateThemeColor_v0_v2(v0,t.primary.disabled)},suggest:{enabled:stateThemeColor_v0_v2(v0,t.primary.enabled),hovered:stateThemeColor_v0_v2(v0,t.primary.hovered),pressed:stateThemeColor_v0_v2(v0,t.primary.pressed),selected:stateThemeColor_v0_v2(v0,t.primary.selected),disabled:stateThemeColor_v0_v2(v0,t.primary.disabled)},positive:{enabled:stateThemeColor_v0_v2(v0,t.positive.enabled),hovered:stateThemeColor_v0_v2(v0,t.positive.hovered),pressed:stateThemeColor_v0_v2(v0,t.positive.pressed),selected:stateThemeColor_v0_v2(v0,t.positive.selected),disabled:stateThemeColor_v0_v2(v0,t.positive.disabled)},caution:{enabled:stateThemeColor_v0_v2(v0,t.caution.enabled),hovered:stateThemeColor_v0_v2(v0,t.caution.hovered),pressed:stateThemeColor_v0_v2(v0,t.caution.pressed),selected:stateThemeColor_v0_v2(v0,t.caution.selected),disabled:stateThemeColor_v0_v2(v0,t.caution.disabled)},critical:{enabled:stateThemeColor_v0_v2(v0,t.critical.enabled),hovered:stateThemeColor_v0_v2(v0,t.critical.hovered),pressed:stateThemeColor_v0_v2(v0,t.critical.pressed),selected:stateThemeColor_v0_v2(v0,t.critical.selected),disabled:stateThemeColor_v0_v2(v0,t.critical.disabled)}};}function stateThemeColor_v0_v2(v0,state){var _state$skeleton,_state$skeleton2;return _objectSpread(_objectSpread({},state),{},{avatar:{gray:{bg:v0.spot.gray,fg:v0.base.bg},blue:{bg:v0.spot.blue,fg:v0.base.bg},purple:{bg:v0.spot.purple,fg:v0.base.bg},magenta:{bg:v0.spot.magenta,fg:v0.base.bg},red:{bg:v0.spot.red,fg:v0.base.bg},orange:{bg:v0.spot.orange,fg:v0.base.bg},yellow:{bg:v0.spot.yellow,fg:v0.base.bg},green:{bg:v0.spot.green,fg:v0.base.bg},cyan:{bg:v0.spot.cyan,fg:v0.base.bg}},badge:{default:{bg:v0.muted.default.enabled.bg,fg:v0.muted.default.enabled.fg,dot:v0.muted.default.enabled.muted.fg,icon:v0.muted.default.enabled.muted.fg},neutral:{bg:v0.muted.transparent.enabled.bg,fg:v0.muted.transparent.enabled.fg,dot:v0.muted.transparent.enabled.muted.fg,icon:v0.muted.transparent.enabled.muted.fg},primary:{bg:v0.muted.primary.enabled.bg,fg:v0.muted.primary.enabled.fg,dot:v0.muted.primary.enabled.muted.fg,icon:v0.muted.primary.enabled.muted.fg},suggest:{bg:v0.muted.primary.enabled.bg,fg:v0.muted.primary.enabled.fg,dot:v0.muted.primary.enabled.muted.fg,icon:v0.muted.primary.enabled.muted.fg},positive:{bg:v0.muted.positive.enabled.bg,fg:v0.muted.positive.enabled.fg,dot:v0.muted.positive.enabled.muted.fg,icon:v0.muted.positive.enabled.muted.fg},caution:{bg:v0.muted.caution.enabled.bg,fg:v0.muted.caution.enabled.fg,dot:v0.muted.caution.enabled.muted.fg,icon:v0.muted.caution.enabled.muted.fg},critical:{bg:v0.muted.critical.enabled.bg,fg:v0.muted.critical.enabled.fg,dot:v0.muted.critical.enabled.muted.fg,icon:v0.muted.critical.enabled.muted.fg}},kbd:{bg:v0.muted.default.enabled.bg,fg:v0.muted.default.enabled.fg,border:v0.muted.default.enabled.border},muted:_objectSpread(_objectSpread({},v0.muted.default.enabled.muted),{},{bg:state.bg2||state.bg}),skeleton:{from:((_state$skeleton=state.skeleton)===null||_state$skeleton===void 0?void 0:_state$skeleton.from)||state.border,to:((_state$skeleton2=state.skeleton)===null||_state$skeleton2===void 0?void 0:_state$skeleton2.to)||state.border}});}function inputStatesThemeColor_v0_v2(states){return{enabled:inputStateThemeColor_v0_v2(states.enabled),disabled:inputStateThemeColor_v0_v2(states.disabled),readOnly:inputStateThemeColor_v0_v2(states.readOnly),hovered:inputStateThemeColor_v0_v2(states.hovered)};}function inputStateThemeColor_v0_v2(state){return{bg:state.bg,border:state.border,fg:state.fg,muted:{bg:state.bg2},placeholder:state.placeholder};}const cache$3=/* @__PURE__ */new WeakMap();function getTheme_v2(theme){var _theme$sanity$v,_theme$sanity$layer;if((_theme$sanity$v=theme.sanity.v2)!==null&&_theme$sanity$v!==void 0&&_theme$sanity$v._resolved)return theme.sanity.v2;const cached_v2=cache$3.get(theme);if(cached_v2)return cached_v2;const v2={_version:2,_resolved:!0,avatar:_objectSpread(_objectSpread({},defaultThemeConfig.avatar),theme.sanity.avatar),button:_objectSpread(_objectSpread({},defaultThemeConfig.button),theme.sanity.button),card:defaultThemeConfig.card,color:themeColor_v0_v2(theme.sanity.color),container:theme.sanity.container,font:theme.sanity.fonts,input:_objectSpread(_objectSpread(_objectSpread({},defaultThemeConfig.input),theme.sanity.input),{},{checkbox:_objectSpread(_objectSpread({},defaultThemeConfig.input.checkbox),theme.sanity.input.checkbox),radio:_objectSpread(_objectSpread({},defaultThemeConfig.input.radio),theme.sanity.input.radio),switch:_objectSpread(_objectSpread({},defaultThemeConfig.input.switch),theme.sanity.input.switch)}),layer:(_theme$sanity$layer=theme.sanity.layer)!==null&&_theme$sanity$layer!==void 0?_theme$sanity$layer:defaultThemeConfig.layer,media:theme.sanity.media,radius:theme.sanity.radius,shadow:theme.sanity.shadows,space:theme.sanity.space,style:theme.sanity.styles};return cache$3.set(theme,v2),v2;}function is_v2(themeProp){return themeProp._version===2;}const cache$2=/* @__PURE__ */new WeakMap();function v0_v2(v0){if(v0.v2)return v0.v2;const cached_v2=cache$2.get(v0);if(cached_v2)return cached_v2;const{avatar,button,color:color2,container,fonts:font,input,layer,media,radius,shadows:shadow,space,styles:style}=v0,v2={_version:2,avatar:_objectSpread(_objectSpread({},defaultThemeConfig.avatar),avatar),button:_objectSpread(_objectSpread({},defaultThemeConfig.button),button),card:defaultThemeConfig.card,color:{light:{transparent:themeColor_v0_v2(color2.light.transparent),default:themeColor_v0_v2(color2.light.default),neutral:themeColor_v0_v2(color2.light.transparent),primary:themeColor_v0_v2(color2.light.primary),suggest:themeColor_v0_v2(color2.light.primary),positive:themeColor_v0_v2(color2.light.positive),caution:themeColor_v0_v2(color2.light.caution),critical:themeColor_v0_v2(color2.light.critical)},dark:{transparent:themeColor_v0_v2(color2.dark.transparent),default:themeColor_v0_v2(color2.dark.default),neutral:themeColor_v0_v2(color2.dark.transparent),primary:themeColor_v0_v2(color2.dark.primary),suggest:themeColor_v0_v2(color2.dark.primary),positive:themeColor_v0_v2(color2.dark.positive),caution:themeColor_v0_v2(color2.dark.caution),critical:themeColor_v0_v2(color2.dark.critical)}},container,font,input:_objectSpread(_objectSpread(_objectSpread({},defaultThemeConfig.input),input),{},{checkbox:_objectSpread(_objectSpread({},defaultThemeConfig.input.checkbox),input.checkbox),radio:_objectSpread(_objectSpread({},defaultThemeConfig.input.radio),input.radio),switch:_objectSpread(_objectSpread({},defaultThemeConfig.input.switch),input.switch)}),layer:layer!==null&&layer!==void 0?layer:defaultThemeConfig.layer,media,radius,shadow,space,style};return cache$2.set(v0,v2),v2;}function defineLazyProperty(obj,key,factory){Object.defineProperty(obj,key,{get(){const value=factory();return Object.defineProperty(obj,key,{value,enumerable:!0,writable:!1,configurable:!1}),value;},enumerable:!0,configurable:!0});}const cache$1=/* @__PURE__ */new WeakMap(),V0_TONES=["transparent","default","primary","positive","caution","critical"];function lazyV0Scheme(schemeKey,color2){const scheme={};for(const tone of V0_TONES)defineLazyProperty(scheme,tone,()=>themeColor_v2_v0(color2[schemeKey][tone]));return scheme;}function v2_v0(v2){const cachedTheme=cache$1.get(v2);if(cachedTheme)return cachedTheme;const{avatar,button,color:color2,container,font:fonts,input,media,radius,shadow:shadows,space,style:styles}=v2,v0Color={};defineLazyProperty(v0Color,"light",()=>lazyV0Scheme("light",color2)),defineLazyProperty(v0Color,"dark",()=>lazyV0Scheme("dark",color2));const theme={_version:0,avatar,button,container,color:v0Color,focusRing:input.text.focusRing,fonts,input,media,radius,shadows,space,styles,v2};return cache$1.set(v2,theme),theme;}function themeColor_v2_v0(color_v2){return{base:{bg:color_v2.bg,fg:color_v2.fg,border:color_v2.border,focusRing:color_v2.focusRing,shadow:color_v2.shadow},button:color_v2.button,card:color_v2.selectable.default,dark:color_v2._dark,input:{default:inputStatesThemeColor_v2_v0(color_v2.input.default),invalid:inputStatesThemeColor_v2_v0(color_v2.input.invalid)},muted:_objectSpread(_objectSpread({},color_v2.button.ghost),{},{transparent:color_v2.button.ghost.default}),solid:_objectSpread(_objectSpread({},color_v2.button.default),{},{transparent:color_v2.button.default.default}),selectable:color_v2.selectable,spot:{gray:color_v2.avatar.gray.bg,blue:color_v2.avatar.blue.bg,purple:color_v2.avatar.purple.bg,magenta:color_v2.avatar.magenta.bg,red:color_v2.avatar.red.bg,orange:color_v2.avatar.orange.bg,yellow:color_v2.avatar.yellow.bg,green:color_v2.avatar.green.bg,cyan:color_v2.avatar.cyan.bg},syntax:color_v2.syntax};}function inputStatesThemeColor_v2_v0(t){return{enabled:inputStateThemeColor_v2_v0(t.enabled),disabled:inputStateThemeColor_v2_v0(t.disabled),readOnly:inputStateThemeColor_v2_v0(t.readOnly),hovered:inputStateThemeColor_v2_v0(t.hovered)};}function inputStateThemeColor_v2_v0(t){return{bg:t.bg,bg2:t.muted.bg,border:t.border,fg:t.fg,placeholder:t.placeholder};}const THEME_COLOR_BLEND_MODES=["multiply","screen"],THEME_COLOR_CARD_TONES=["transparent","default","neutral","primary",// deprecated
7
7
  "suggest","positive","caution","critical"],THEME_COLOR_STATE_TONES=["default","neutral","primary",// deprecated
8
- "suggest","positive","caution","critical"],THEME_COLOR_STATES=["enabled","hovered","pressed","selected","disabled"],THEME_COLOR_BUTTON_MODES=["default","ghost","bleed"],THEME_COLOR_INPUT_MODES=["default","invalid"],THEME_COLOR_INPUT_STATES=["enabled","hovered","readOnly","disabled"];function isColorBlendModeValue(str){return THEME_COLOR_BLEND_MODES.includes(str);}function isColorHueKey(str){return COLOR_HUES.includes(str);}function isColorTintKey(str){return COLOR_TINTS.includes(str);}function isColorMixPercentValue(str){return /^\d+%$/.test(str);}function parseTokenValue(str){const segments=str.split("/");let nextSegment=segments.shift()||"";const[segment0,segment0mix]=nextSegment.split(" ");if(isColorTintKey(segment0)){const tint=segment0,segment1=segments.shift()||"";if(isColorMixPercentValue(segment0mix)){const mix2=Number(segment0mix.slice(0,-1))/100;return{type:"color",tint,mix:mix2};}if(isColorOpacityValue(segment1)){const opacity=Number(segment1);return{type:"color",tint,opacity};}return{type:"color",tint};}if(isColorValue(segment0)){const key=segment0,segment1=segments.shift()||"";if(isColorMixPercentValue(segment0mix)){const mix2=Number(segment0mix.slice(0,-1))/100;return{type:"color",key,mix:mix2};}if(isColorOpacityValue(segment1)){const opacity=Number(segment1);return{type:"color",key,opacity};}return{type:"color",key};}if(isColorHueKey(segment0)){const hue=segment0;nextSegment=segments.shift()||"";const[segment1,segment1mix]=nextSegment.split(" ");if(isColorTintKey(segment1)){const tint=segment1,segment2=segments.shift()||"";if(isColorMixPercentValue(segment1mix)){const mix2=Number(segment1mix.slice(0,-1))/100;return{type:"color",hue,tint,mix:mix2};}if(isColorOpacityValue(segment2)){const opacity=Number(segment2);return{type:"color",hue,tint,opacity};}return{type:"color",hue,tint};}return{type:"hue",value:hue};}if(isColorBlendModeValue(segment0))return{type:"blendMode",value:segment0};}function isColorValue(str){return str==="black"||str==="white";}function isColorOpacityValue(str){return str==="0"||/^0\.[0-9]+$/.test(str)||str==="1";}function compileColorTokenValue(node){let key="";return node.key==="black"||node.key==="white"?key=node.key:key="".concat(node.hue,"/").concat(node.tint),node.mix!==void 0?"".concat(key," ").concat(node.mix*100,"%"):(node.opacity!==void 0&&(key+="/".concat(node.opacity)),key);}const DEFAULT_COLOR_TOKEN_VALUE=["500","500"];function resolveColorTokenValue(context){let value=arguments.length>1&&arguments[1]!==undefined?arguments[1]:DEFAULT_COLOR_TOKEN_VALUE;const{hue,scheme}=context,node=parseTokenValue(value[scheme==="light"?0:1]);if(!node||node.type!=="color")throw new Error("Invalid color token: ".concat(value[0]));return compileColorTokenValue(_objectSpread(_objectSpread({},node),{},{hue:node.hue||hue}));}const defaultColorTokens={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","900"],fg:["800","200"],icon:["800 70%","300 70%"]},pressed:{bg:["100","800"],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 isRecord$1(value){return!!(value&&typeof value=="object"&&!Array.isArray(value));}function merge(){for(var _len=arguments.length,records=new Array(_len),_key=0;_key<_len;_key++){records[_key]=arguments[_key];}const _records=records.filter(Boolean);return _records.length===0?{}:_records.reduce(_merge,{});}function _merge(acc,source){for(const key of Object.keys(source)){const prevValue=acc[key],nextValue=source[key];isRecord$1(prevValue)&&isRecord$1(nextValue)?acc[key]=merge(prevValue,nextValue):acc[key]=nextValue;}return acc;}function resolveColorTokens(inputTokens){const tokens=merge(defaultColorTokens,inputTokens);return{base:resolveBaseColorTokens(tokens),button:resolveButtonColorTokens(tokens),input:resolveInputColorTokens(tokens),selectable:resolveSelectableColorTokens(tokens),syntax:tokens.syntax};}function resolveBaseColorTokens(sparseTokens){const tokens={};for(const tone of THEME_COLOR_CARD_TONES)tokens[tone]=resolveBaseColorTones(sparseTokens,tone);return tokens;}function resolveBaseColorTones(inputTokens,tone){var _inputTokens$base,_inputTokens$base2,_inputTokens$base3;const spec=merge(inputTokens===null||inputTokens===void 0||(_inputTokens$base=inputTokens.base)===null||_inputTokens$base===void 0?void 0:_inputTokens$base["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$base2=inputTokens.base)===null||_inputTokens$base2===void 0?void 0:_inputTokens$base2[tone]),hue=spec._hue||(inputTokens===null||inputTokens===void 0||(_inputTokens$base3=inputTokens.base)===null||_inputTokens$base3===void 0||(_inputTokens$base3=_inputTokens$base3[tone])===null||_inputTokens$base3===void 0?void 0:_inputTokens$base3._hue)||"gray";return _objectSpread(_objectSpread({},spec),{},{_hue:hue,avatar:COLOR_HUES.reduce((acc,hue2)=>{var _spec$avatar,_spec$avatar2;return _objectSpread(_objectSpread({},acc),{},{[hue2]:merge({_hue:hue2},(_spec$avatar=spec.avatar)===null||_spec$avatar===void 0?void 0:_spec$avatar["*"],(_spec$avatar2=spec.avatar)===null||_spec$avatar2===void 0?void 0:_spec$avatar2[hue2])});},{}),badge:THEME_COLOR_STATE_TONES.reduce((acc,tone2)=>{var _inputTokens$base4,_spec$badge,_spec$badge2;return _objectSpread(_objectSpread({},acc),{},{[tone2]:_objectSpread(_objectSpread({_hue:(inputTokens===null||inputTokens===void 0||(_inputTokens$base4=inputTokens.base)===null||_inputTokens$base4===void 0||(_inputTokens$base4=_inputTokens$base4[tone2])===null||_inputTokens$base4===void 0?void 0:_inputTokens$base4._hue)||hue},(_spec$badge=spec.badge)===null||_spec$badge===void 0?void 0:_spec$badge["*"]),(_spec$badge2=spec.badge)===null||_spec$badge2===void 0?void 0:_spec$badge2[tone2])});},{})});}function resolveButtonColorTokens(inputTokens){const tokens={};for(const mode of THEME_COLOR_BUTTON_MODES)tokens[mode]=resolveButtonToneColorTokens(inputTokens,mode);return tokens;}function resolveButtonToneColorTokens(inputTokens,mode){const tokens={};for(const tone of THEME_COLOR_STATE_TONES)tokens[tone]=resolveButtonModeColorTokens(inputTokens,mode,tone);return tokens;}function resolveButtonModeColorTokens(inputTokens,mode,tone){const tokens={};for(const state of THEME_COLOR_STATES)tokens[state]=resolveButtonStateColorTokens(inputTokens,tone,mode,state);return tokens;}function resolveButtonStateColorTokens(inputTokens,tone,mode,state){var _inputTokens$button,_inputTokens$button2,_inputTokens$button3,_inputTokens$button4,_inputTokens$base5;const spec=merge(inputTokens===null||inputTokens===void 0||(_inputTokens$button=inputTokens.button)===null||_inputTokens$button===void 0||(_inputTokens$button=_inputTokens$button[mode])===null||_inputTokens$button===void 0||(_inputTokens$button=_inputTokens$button["*"])===null||_inputTokens$button===void 0?void 0:_inputTokens$button["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$button2=inputTokens.button)===null||_inputTokens$button2===void 0||(_inputTokens$button2=_inputTokens$button2[mode])===null||_inputTokens$button2===void 0||(_inputTokens$button2=_inputTokens$button2[tone])===null||_inputTokens$button2===void 0?void 0:_inputTokens$button2["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$button3=inputTokens.button)===null||_inputTokens$button3===void 0||(_inputTokens$button3=_inputTokens$button3[mode])===null||_inputTokens$button3===void 0||(_inputTokens$button3=_inputTokens$button3["*"])===null||_inputTokens$button3===void 0?void 0:_inputTokens$button3[state],inputTokens===null||inputTokens===void 0||(_inputTokens$button4=inputTokens.button)===null||_inputTokens$button4===void 0||(_inputTokens$button4=_inputTokens$button4[mode])===null||_inputTokens$button4===void 0||(_inputTokens$button4=_inputTokens$button4[tone])===null||_inputTokens$button4===void 0?void 0:_inputTokens$button4[state]),hue=spec._hue||(inputTokens===null||inputTokens===void 0||(_inputTokens$base5=inputTokens.base)===null||_inputTokens$base5===void 0||(_inputTokens$base5=_inputTokens$base5[tone])===null||_inputTokens$base5===void 0?void 0:_inputTokens$base5._hue);return _objectSpread(_objectSpread({},spec),{},{_hue:hue,avatar:COLOR_HUES.reduce((acc,hue2)=>{var _spec$avatar3,_spec$avatar4;return _objectSpread(_objectSpread({},acc),{},{[hue2]:merge({_hue:hue2},(_spec$avatar3=spec.avatar)===null||_spec$avatar3===void 0?void 0:_spec$avatar3["*"],(_spec$avatar4=spec.avatar)===null||_spec$avatar4===void 0?void 0:_spec$avatar4[hue2])});},{}),badge:THEME_COLOR_STATE_TONES.reduce((acc,tone2)=>{var _inputTokens$base6,_spec$badge3,_spec$badge4;return _objectSpread(_objectSpread({},acc),{},{[tone2]:_objectSpread(_objectSpread({_hue:(inputTokens===null||inputTokens===void 0||(_inputTokens$base6=inputTokens.base)===null||_inputTokens$base6===void 0||(_inputTokens$base6=_inputTokens$base6[tone2])===null||_inputTokens$base6===void 0?void 0:_inputTokens$base6._hue)||hue},(_spec$badge3=spec.badge)===null||_spec$badge3===void 0?void 0:_spec$badge3["*"]),(_spec$badge4=spec.badge)===null||_spec$badge4===void 0?void 0:_spec$badge4[tone2])});},{})});}function resolveInputColorTokens(inputTokens){const tokens={};for(const mode of THEME_COLOR_INPUT_MODES)tokens[mode]=resolveInputModeColorTokens(inputTokens,mode);return tokens;}function resolveInputModeColorTokens(inputTokens,mode){const states={};for(const state of THEME_COLOR_INPUT_STATES)states[state]=resolveInputStateColorTokens(inputTokens,mode,state);return states;}function resolveInputStateColorTokens(inputTokens,mode,state){var _inputTokens$input,_inputTokens$input2,_inputTokens$input3,_inputTokens$input4,_inputTokens$input5;const spec=merge(inputTokens===null||inputTokens===void 0||(_inputTokens$input=inputTokens.input)===null||_inputTokens$input===void 0||(_inputTokens$input=_inputTokens$input["*"])===null||_inputTokens$input===void 0?void 0:_inputTokens$input["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$input2=inputTokens.input)===null||_inputTokens$input2===void 0||(_inputTokens$input2=_inputTokens$input2[mode])===null||_inputTokens$input2===void 0?void 0:_inputTokens$input2["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$input3=inputTokens.input)===null||_inputTokens$input3===void 0||(_inputTokens$input3=_inputTokens$input3["*"])===null||_inputTokens$input3===void 0?void 0:_inputTokens$input3[state],inputTokens===null||inputTokens===void 0||(_inputTokens$input4=inputTokens.input)===null||_inputTokens$input4===void 0||(_inputTokens$input4=_inputTokens$input4[mode])===null||_inputTokens$input4===void 0?void 0:_inputTokens$input4[state]),hue=spec._hue||(inputTokens===null||inputTokens===void 0||(_inputTokens$input5=inputTokens.input)===null||_inputTokens$input5===void 0||(_inputTokens$input5=_inputTokens$input5[mode])===null||_inputTokens$input5===void 0?void 0:_inputTokens$input5._hue);return _objectSpread(_objectSpread({},spec),{},{_hue:hue});}function resolveSelectableColorTokens(inputTokens){const tokens={};for(const tone of THEME_COLOR_STATE_TONES)tokens[tone]=resolveSelectableToneColorTokens(inputTokens,tone);return tokens;}function resolveSelectableToneColorTokens(inputTokens,tone){var _inputTokens$selectab,_inputTokens$base7;const states={_hue:(inputTokens===null||inputTokens===void 0||(_inputTokens$selectab=inputTokens.selectable)===null||_inputTokens$selectab===void 0||(_inputTokens$selectab=_inputTokens$selectab[tone])===null||_inputTokens$selectab===void 0?void 0:_inputTokens$selectab._hue)||(inputTokens===null||inputTokens===void 0||(_inputTokens$base7=inputTokens.base)===null||_inputTokens$base7===void 0||(_inputTokens$base7=_inputTokens$base7[tone])===null||_inputTokens$base7===void 0?void 0:_inputTokens$base7._hue)};for(const state of THEME_COLOR_STATES)states[state]=resolveSelectableStateColorTokens(inputTokens,tone,state);return states;}function resolveSelectableStateColorTokens(inputTokens,tone,state){var _inputTokens$selectab2,_inputTokens$selectab3,_inputTokens$selectab4,_inputTokens$selectab5,_inputTokens$base8;const spec=merge(inputTokens===null||inputTokens===void 0||(_inputTokens$selectab2=inputTokens.selectable)===null||_inputTokens$selectab2===void 0||(_inputTokens$selectab2=_inputTokens$selectab2["*"])===null||_inputTokens$selectab2===void 0?void 0:_inputTokens$selectab2["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$selectab3=inputTokens.selectable)===null||_inputTokens$selectab3===void 0||(_inputTokens$selectab3=_inputTokens$selectab3[tone])===null||_inputTokens$selectab3===void 0?void 0:_inputTokens$selectab3["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$selectab4=inputTokens.selectable)===null||_inputTokens$selectab4===void 0||(_inputTokens$selectab4=_inputTokens$selectab4["*"])===null||_inputTokens$selectab4===void 0?void 0:_inputTokens$selectab4[state],inputTokens===null||inputTokens===void 0||(_inputTokens$selectab5=inputTokens.selectable)===null||_inputTokens$selectab5===void 0||(_inputTokens$selectab5=_inputTokens$selectab5[tone])===null||_inputTokens$selectab5===void 0?void 0:_inputTokens$selectab5[state]),hue=spec._hue||(inputTokens===null||inputTokens===void 0||(_inputTokens$base8=inputTokens.base)===null||_inputTokens$base8===void 0||(_inputTokens$base8=_inputTokens$base8[tone])===null||_inputTokens$base8===void 0?void 0:_inputTokens$base8._hue);return _objectSpread(_objectSpread({},spec),{},{_hue:hue,avatar:COLOR_HUES.reduce((acc,hue2)=>{var _spec$avatar5,_spec$avatar6;return _objectSpread(_objectSpread({},acc),{},{[hue2]:merge({_hue:hue2},(_spec$avatar5=spec.avatar)===null||_spec$avatar5===void 0?void 0:_spec$avatar5["*"],(_spec$avatar6=spec.avatar)===null||_spec$avatar6===void 0?void 0:_spec$avatar6[hue2])});},{}),badge:THEME_COLOR_STATE_TONES.reduce((acc,tone2)=>{var _inputTokens$base9,_spec$badge5,_spec$badge6;return _objectSpread(_objectSpread({},acc),{},{[tone2]:_objectSpread(_objectSpread({_hue:(inputTokens===null||inputTokens===void 0||(_inputTokens$base9=inputTokens.base)===null||_inputTokens$base9===void 0||(_inputTokens$base9=_inputTokens$base9[tone2])===null||_inputTokens$base9===void 0?void 0:_inputTokens$base9._hue)||hue},(_spec$badge5=spec.badge)===null||_spec$badge5===void 0?void 0:_spec$badge5["*"]),(_spec$badge6=spec.badge)===null||_spec$badge6===void 0?void 0:_spec$badge6[tone2])});},{})});}function buildColorTheme(config){const resolvedConfig={color:resolveColorTokens(config===null||config===void 0?void 0:config.color)};return{light:buildColorScheme({scheme:"light"},resolvedConfig),dark:buildColorScheme({scheme:"dark"},resolvedConfig)};}function buildColorScheme(options,config){const{scheme}=options,colorScheme={};for(const tone of THEME_COLOR_CARD_TONES)colorScheme[tone]=buildCardColorTheme({scheme,tone},config);return colorScheme;}function buildCardColorTheme(options,config){var _config$color,_tokens$accent,_tokens$code,_tokens$code2,_tokens$kbd,_tokens$kbd2,_tokens$kbd3,_tokens$link,_tokens$muted,_tokens$muted2,_tokens$skeleton,_tokens$skeleton2;const{scheme,tone}=options,tokens=config===null||config===void 0||(_config$color=config.color)===null||_config$color===void 0||(_config$color=_config$color.base)===null||_config$color===void 0?void 0:_config$color[tone],context={hue:(tokens===null||tokens===void 0?void 0:tokens._hue)||"gray",scheme};return{_blend:((tokens===null||tokens===void 0?void 0:tokens._blend)||["multiply","screen"])[scheme==="light"?0:1],_dark:scheme==="dark",accent:{fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$accent=tokens.accent)===null||_tokens$accent===void 0?void 0:_tokens$accent.fg)},avatar:buildAvatarColorTheme({scheme},tokens),backdrop:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.backdrop),badge:buildBadgeColorTheme(tokens===null||tokens===void 0?void 0:tokens.badge,{scheme},config),bg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.bg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.border),button:buildButtonColorTheme({scheme,tone},config),code:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$code=tokens.code)===null||_tokens$code===void 0?void 0:_tokens$code.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$code2=tokens.code)===null||_tokens$code2===void 0?void 0:_tokens$code2.fg)},fg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.fg),focusRing:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.focusRing),icon:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.icon),input:buildInputColorTheme({scheme,tone},config),kbd:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd=tokens.kbd)===null||_tokens$kbd===void 0?void 0:_tokens$kbd.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd2=tokens.kbd)===null||_tokens$kbd2===void 0?void 0:_tokens$kbd2.fg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd3=tokens.kbd)===null||_tokens$kbd3===void 0?void 0:_tokens$kbd3.border)},link:{fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$link=tokens.link)===null||_tokens$link===void 0?void 0:_tokens$link.fg)},muted:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted=tokens.muted)===null||_tokens$muted===void 0?void 0:_tokens$muted.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted2=tokens.muted)===null||_tokens$muted2===void 0?void 0:_tokens$muted2.fg)},selectable:buildSelectableColorTheme({scheme,tone},config),shadow:buildShadowColorTheme({scheme,tone},config),skeleton:{from:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$skeleton=tokens.skeleton)===null||_tokens$skeleton===void 0?void 0:_tokens$skeleton.from),to:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$skeleton2=tokens.skeleton)===null||_tokens$skeleton2===void 0?void 0:_tokens$skeleton2.to)},syntax:buildSyntaxColorTheme({scheme},config)};}function buildShadowColorTheme(options,config){var _config$color2,_tokens$shadow,_tokens$shadow2,_tokens$shadow3,_tokens$shadow4;const{scheme,tone}=options,tokens=config===null||config===void 0||(_config$color2=config.color)===null||_config$color2===void 0||(_config$color2=_config$color2.base)===null||_config$color2===void 0?void 0:_config$color2[tone],context={hue:(tokens===null||tokens===void 0?void 0:tokens._hue)||"gray",scheme};return{outline:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$shadow=tokens.shadow)===null||_tokens$shadow===void 0?void 0:_tokens$shadow.outline),umbra:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$shadow2=tokens.shadow)===null||_tokens$shadow2===void 0?void 0:_tokens$shadow2.umbra),penumbra:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$shadow3=tokens.shadow)===null||_tokens$shadow3===void 0?void 0:_tokens$shadow3.penumbra),ambient:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$shadow4=tokens.shadow)===null||_tokens$shadow4===void 0?void 0:_tokens$shadow4.ambient)};}function buildAvatarColorTheme(options,stateTokens){const{scheme}=options;return{gray:_buildAvatarColorTheme({color:"gray",scheme},stateTokens),blue:_buildAvatarColorTheme({color:"blue",scheme},stateTokens),purple:_buildAvatarColorTheme({color:"purple",scheme},stateTokens),magenta:_buildAvatarColorTheme({color:"magenta",scheme},stateTokens),red:_buildAvatarColorTheme({color:"red",scheme},stateTokens),orange:_buildAvatarColorTheme({color:"orange",scheme},stateTokens),yellow:_buildAvatarColorTheme({color:"yellow",scheme},stateTokens),green:_buildAvatarColorTheme({color:"green",scheme},stateTokens),cyan:_buildAvatarColorTheme({color:"cyan",scheme},stateTokens)};}function _buildAvatarColorTheme(options,stateTokens){var _stateTokens$avatar;const{color:color2,scheme}=options,tokens=stateTokens===null||stateTokens===void 0||(_stateTokens$avatar=stateTokens.avatar)===null||_stateTokens$avatar===void 0?void 0:_stateTokens$avatar[color2],context={hue:(tokens===null||tokens===void 0?void 0:tokens._hue)||"gray",scheme};return{_blend:((tokens===null||tokens===void 0?void 0:tokens._blend)||["screen","multiply"])[scheme==="light"?0:1],bg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.fg)};}function buildBadgeColorTheme(tokens,options,config){const{scheme}=options,colorBadge={};for(const tone of THEME_COLOR_STATE_TONES)colorBadge[tone]=_buildBadgeColorTheme(tokens,{scheme,tone},config);return colorBadge;}function _buildBadgeColorTheme(parentTokens,options,config){var _config$color3;const{scheme,tone}=options,tokens=parentTokens===null||parentTokens===void 0?void 0:parentTokens[tone],context={hue:(tokens===null||tokens===void 0?void 0:tokens._hue)||(config===null||config===void 0||(_config$color3=config.color)===null||_config$color3===void 0||(_config$color3=_config$color3.base)===null||_config$color3===void 0||(_config$color3=_config$color3[tone])===null||_config$color3===void 0?void 0:_config$color3._hue)||"gray",scheme};return{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.fg),dot:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.dot),icon:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.icon)};}function buildButtonColorTheme(options,config){const{scheme,tone:cardTone}=options,modes={};for(const mode of THEME_COLOR_BUTTON_MODES)modes[mode]=buildButtonTonesColorTheme({cardTone,scheme,mode},config);return modes;}function buildButtonTonesColorTheme(options,config){const{cardTone,mode,scheme}=options,tones2={};for(const tone of THEME_COLOR_STATE_TONES)tones2[tone]=buildButtonStatesColorTheme({cardTone,mode,scheme,tone},config);return tones2;}function buildButtonStatesColorTheme(options,config){const{cardTone,mode,scheme,tone}=options,states={};for(const state of THEME_COLOR_STATES)states[state]=buildButtonStateColorTheme({cardTone,mode,tone,scheme,state},config);return states;}function buildButtonStateColorTheme(options,config){var _config$color4,_config$color5,_tokens$accent2,_tokens$code3,_tokens$code4,_tokens$muted3,_tokens$muted4,_tokens$kbd4,_tokens$kbd5,_tokens$kbd6,_tokens$link2,_tokens$skeleton3,_tokens$skeleton4;const{cardTone,mode,tone,scheme,state}=options,cardTokens=config===null||config===void 0||(_config$color4=config.color)===null||_config$color4===void 0||(_config$color4=_config$color4.base)===null||_config$color4===void 0?void 0:_config$color4[cardTone],tokens=config===null||config===void 0||(_config$color5=config.color)===null||_config$color5===void 0||(_config$color5=_config$color5.button)===null||_config$color5===void 0||(_config$color5=_config$color5[mode])===null||_config$color5===void 0||(_config$color5=_config$color5[tone])===null||_config$color5===void 0?void 0:_config$color5[state],hue=(tokens===null||tokens===void 0?void 0:tokens._hue)||(cardTokens===null||cardTokens===void 0?void 0:cardTokens._hue)||"gray",blendMode=(tokens===null||tokens===void 0?void 0:tokens._blend)||["screen","multiply"],context={hue,scheme};return{_blend:blendMode[scheme==="light"?0:1],accent:{fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$accent2=tokens.accent)===null||_tokens$accent2===void 0?void 0:_tokens$accent2.fg)},avatar:buildAvatarColorTheme({scheme},tokens),badge:buildBadgeColorTheme(tokens===null||tokens===void 0?void 0:tokens.badge,{scheme},config),bg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.bg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.border),code:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$code3=tokens.code)===null||_tokens$code3===void 0?void 0:_tokens$code3.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$code4=tokens.code)===null||_tokens$code4===void 0?void 0:_tokens$code4.fg)},fg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.fg),icon:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.icon),muted:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted3=tokens.muted)===null||_tokens$muted3===void 0?void 0:_tokens$muted3.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted4=tokens.muted)===null||_tokens$muted4===void 0?void 0:_tokens$muted4.fg)},kbd:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd4=tokens.kbd)===null||_tokens$kbd4===void 0?void 0:_tokens$kbd4.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd5=tokens.kbd)===null||_tokens$kbd5===void 0?void 0:_tokens$kbd5.fg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd6=tokens.kbd)===null||_tokens$kbd6===void 0?void 0:_tokens$kbd6.border)},link:{fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$link2=tokens.link)===null||_tokens$link2===void 0?void 0:_tokens$link2.fg)},skeleton:{from:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$skeleton3=tokens.skeleton)===null||_tokens$skeleton3===void 0?void 0:_tokens$skeleton3.from),to:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$skeleton4=tokens.skeleton)===null||_tokens$skeleton4===void 0?void 0:_tokens$skeleton4.to)}};}function buildInputColorTheme(options,config){const{scheme,tone}=options;return{default:buildInputStatesColorTheme({mode:"default",scheme,tone},config),invalid:buildInputStatesColorTheme({mode:"invalid",scheme,tone},config)};}function buildInputStatesColorTheme(options,config){const{mode,scheme,tone}=options;return{enabled:buildInputStateColorTheme({mode,scheme,state:"enabled",cardTone:tone},config),hovered:buildInputStateColorTheme({mode,scheme,state:"hovered",cardTone:tone},config),readOnly:buildInputStateColorTheme({mode,scheme,state:"readOnly",cardTone:tone},config),disabled:buildInputStateColorTheme({mode,scheme,state:"disabled",cardTone:tone},config)};}function buildInputStateColorTheme(options,config){var _config$color6,_config$color7,_tokens$muted5;const{cardTone,mode,scheme,state}=options,cardTokens=config===null||config===void 0||(_config$color6=config.color)===null||_config$color6===void 0||(_config$color6=_config$color6.base)===null||_config$color6===void 0?void 0:_config$color6[cardTone],tokens=config===null||config===void 0||(_config$color7=config.color)===null||_config$color7===void 0||(_config$color7=_config$color7.input)===null||_config$color7===void 0||(_config$color7=_config$color7[mode])===null||_config$color7===void 0?void 0:_config$color7[state],hue=(tokens===null||tokens===void 0?void 0:tokens._hue)||(cardTokens===null||cardTokens===void 0?void 0:cardTokens._hue)||"gray",blendMode=(tokens===null||tokens===void 0?void 0:tokens._blend)||["screen","multiply"],context={hue,scheme};return{_blend:blendMode[scheme==="light"?0:1],bg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.bg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.border),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.fg),muted:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted5=tokens.muted)===null||_tokens$muted5===void 0?void 0:_tokens$muted5.bg)},placeholder:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.placeholder)};}function buildSelectableColorTheme(options,config){const{scheme,tone:cardTone}=options,tones2={};for(const tone of THEME_COLOR_STATE_TONES)tones2[tone]=buildSelectableStatesColorTheme({cardTone,scheme,tone},config);return tones2;}function buildSelectableStatesColorTheme(options,config){const{cardTone,scheme,tone}=options,states={};for(const state of THEME_COLOR_STATES)states[state]=buildSelectableStateColorTheme({cardTone,tone,scheme,state},config);return states;}function buildSelectableStateColorTheme(options,config){var _config$color8,_config$color9,_tokens$accent3,_tokens$code5,_tokens$code6,_tokens$muted6,_tokens$muted7,_tokens$kbd7,_tokens$kbd8,_tokens$kbd9,_tokens$link3,_tokens$skeleton5,_tokens$skeleton6;const{cardTone,scheme,state,tone}=options,cardTokens=config===null||config===void 0||(_config$color8=config.color)===null||_config$color8===void 0||(_config$color8=_config$color8.base)===null||_config$color8===void 0?void 0:_config$color8[cardTone],tokens=config===null||config===void 0||(_config$color9=config.color)===null||_config$color9===void 0||(_config$color9=_config$color9.selectable)===null||_config$color9===void 0||(_config$color9=_config$color9[tone])===null||_config$color9===void 0?void 0:_config$color9[state],hue=(tokens===null||tokens===void 0?void 0:tokens._hue)||(cardTokens===null||cardTokens===void 0?void 0:cardTokens._hue)||"gray",blendMode=(tokens===null||tokens===void 0?void 0:tokens._blend)||["screen","multiply"],context={hue,scheme};return{_blend:blendMode[scheme==="light"?0:1],accent:{fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$accent3=tokens.accent)===null||_tokens$accent3===void 0?void 0:_tokens$accent3.fg)},avatar:buildAvatarColorTheme({scheme},tokens),badge:buildBadgeColorTheme(tokens===null||tokens===void 0?void 0:tokens.badge,{scheme},config),bg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.bg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.border),code:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$code5=tokens.code)===null||_tokens$code5===void 0?void 0:_tokens$code5.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$code6=tokens.code)===null||_tokens$code6===void 0?void 0:_tokens$code6.fg)},fg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.fg),icon:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.icon),muted:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted6=tokens.muted)===null||_tokens$muted6===void 0?void 0:_tokens$muted6.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted7=tokens.muted)===null||_tokens$muted7===void 0?void 0:_tokens$muted7.fg)},kbd:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd7=tokens.kbd)===null||_tokens$kbd7===void 0?void 0:_tokens$kbd7.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd8=tokens.kbd)===null||_tokens$kbd8===void 0?void 0:_tokens$kbd8.fg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd9=tokens.kbd)===null||_tokens$kbd9===void 0?void 0:_tokens$kbd9.border)},link:{fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$link3=tokens.link)===null||_tokens$link3===void 0?void 0:_tokens$link3.fg)},skeleton:{from:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$skeleton5=tokens.skeleton)===null||_tokens$skeleton5===void 0?void 0:_tokens$skeleton5.from),to:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$skeleton6=tokens.skeleton)===null||_tokens$skeleton6===void 0?void 0:_tokens$skeleton6.to)}};}function buildSyntaxColorTheme(options,config){var _config$color0;const{scheme}=options,tokens=config===null||config===void 0||(_config$color0=config.color)===null||_config$color0===void 0?void 0:_config$color0.syntax,context={hue:"gray",scheme};return{atrule:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.atrule),attrName:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.attrName),attrValue:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.attrValue),attribute:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.attribute),boolean:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.boolean),builtin:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.builtin),cdata:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.cdata),char:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.char),class:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.class),className:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.className),comment:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.comment),constant:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.constant),deleted:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.deleted),doctype:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.doctype),entity:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.entity),function:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.function),hexcode:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.hexcode),id:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.id),important:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.important),inserted:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.inserted),keyword:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.keyword),number:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.number),operator:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.operator),prolog:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.prolog),property:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.property),pseudoClass:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.pseudoClass),pseudoElement:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.pseudoElement),punctuation:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.punctuation),regex:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.regex),selector:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.selector),string:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.string),symbol:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.symbol),tag:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.tag),unit:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.unit),url:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.url),variable:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.variable)};}const defaultColorPalette=color$1;function mixChannel(b,s,weight){const delta=(s-b)*weight;return b+delta;}function mix$1(b,s,weight){return{r:mixChannel(b.r,s.r,weight),g:mixChannel(b.g,s.g,weight),b:mixChannel(b.b,s.b,weight)};}function multiplyChannel(b,s){return b*s;}function multiply(b,s){return{r:multiplyChannel(b.r/255,s.r/255)*255,g:multiplyChannel(b.g/255,s.g/255)*255,b:multiplyChannel(b.b/255,s.b/255)*255};}function screenChannel(b,s){return b+s-b*s;}function screen(b,s){return{r:screenChannel(b.r/255,s.r/255)*255,g:screenChannel(b.g/255,s.g/255)*255,b:screenChannel(b.b/255,s.b/255)*255};}function lerp(x,y,a){return x*(1-a)+y*a;}function invlerp(x,y,a){return clamp$3((a-x)/(y-x));}function clamp$3(a){let min=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;let max=arguments.length>2&&arguments[2]!==undefined?arguments[2]:1;return Math.min(max,Math.max(min,a));}function range(x1,y1,x2,y2,a){return lerp(x2,y2,invlerp(x1,y1,a));}function round$1(value){return Math.round(value);}function hexToRgb(hex){if(hex.length===4){const hexR=hex.slice(1,2),hexG=hex.slice(2,3),hexB=hex.slice(3,4);return{r:parseInt(hexR+hexR,16),g:parseInt(hexG+hexG,16),b:parseInt(hexB+hexB,16)};}return{r:parseInt(hex.slice(1,3),16),g:parseInt(hex.slice(3,5),16),b:parseInt(hex.slice(5,7),16)};}function rgbaToRGBA(rgba2){const values=rgba2.replace(/rgba\(|\)/g,"").split(",");return{r:parseInt(values[0]),g:parseInt(values[1]),b:parseInt(values[2]),a:parseFloat(values[3])};}function rgbToHex(color2){const r=round$1(clamp$3(Math.round(color2.r),0,255)),g=round$1(clamp$3(Math.round(color2.g),0,255)),b=round$1(clamp$3(Math.round(color2.b),0,255));return"a"in color2?"rgba(".concat(r,",").concat(g,",").concat(b,",").concat(color2.a,")"):"#"+((1<<24)+(r<<16)+(g<<8)+b).toString(16).slice(1);}function hslToRgb(hsl){const s=hsl.s/100,l=hsl.l/100,c=(1-Math.abs(2*l-1))*s,x=c*(1-Math.abs(hsl.h/60%2-1)),m=l-c/2;let r=0,g=0,b=0;return 0<=hsl.h&&hsl.h<60?(r=c,g=x,b=0):60<=hsl.h&&hsl.h<120?(r=x,g=c,b=0):120<=hsl.h&&hsl.h<180?(r=0,g=c,b=x):180<=hsl.h&&hsl.h<240?(r=0,g=x,b=c):240<=hsl.h&&hsl.h<300?(r=x,g=0,b=c):300<=hsl.h&&hsl.h<360&&(r=c,g=0,b=x),{r:Math.round((r+m)*255),g:Math.round((g+m)*255),b:Math.round((b+m)*255)};}const HEX_CHARS="0123456789ABCDEFabcdef",HSL_RE=/hsl\(\s*(\d+)\s*,\s*((\d+(?:\.\d+)?)%)\s*,\s*((\d+(?:\.\d+)?)%)\s*\)/i;function isHexChars(str){for(const c of str)if(HEX_CHARS.indexOf(c)===-1)return!1;return!0;}function isHex(str){return str[0]!=="#"||!(str.length===4||str.length===7)?!1:isHexChars(str.slice(1));}function parseHsl(str){const res=HSL_RE.exec(str);if(!res)throw new Error("parseHsl: string is not a HSL color: \"".concat(str,"\""));return{h:parseInt(res[1]),s:parseFloat(res[3]),l:parseFloat(res[5])};}function parseColor(color2){if(!color2)return{r:0,g:0,b:0};if(typeof color2!="string")throw new Error("parseColor: expected a string");if(isHex(color2))return hexToRgb(color2);if(color2.startsWith("hsl("))return hslToRgb(parseHsl(color2));if(color2.startsWith("rgba("))return rgbaToRGBA(color2);throw new Error("parseColor: unexpected color format: \"".concat(color2,"\""));}function rgba$1(color2,a){const rgb=parseColor(color2);return"rgba(".concat(rgb.r,",").concat(rgb.g,",").concat(rgb.b,",").concat(a,")");}const RGB_RANGE=[0,255];function mixThemeColor(value,options){const{blendMode}=options,color2=parseColor(value),black2=parseColor(options.black),white2=parseColor(options.white),bg=options.bg?parseColor(options.bg):blendMode==="multiply"?white2:black2,paletteRange={r:[black2.r,white2.r],g:[black2.g,white2.g],b:[black2.b,white2.b]},convertedBgColor={r:clamp$3(range(...paletteRange.r,...RGB_RANGE,bg.r),...RGB_RANGE),g:clamp$3(range(...paletteRange.g,...RGB_RANGE,bg.g),...RGB_RANGE),b:clamp$3(range(...paletteRange.b,...RGB_RANGE,bg.b),...RGB_RANGE)},convertedColor={r:clamp$3(range(...paletteRange.r,...RGB_RANGE,color2.r),...RGB_RANGE),g:clamp$3(range(...paletteRange.g,...RGB_RANGE,color2.g),...RGB_RANGE),b:clamp$3(range(...paletteRange.b,...RGB_RANGE,color2.b),...RGB_RANGE)},resultColor=blendMode==="multiply"?multiply(convertedBgColor,convertedColor):screen(convertedBgColor,convertedColor),v={r:clamp$3(range(...RGB_RANGE,...paletteRange.r,resultColor.r),...paletteRange.r),g:clamp$3(range(...RGB_RANGE,...paletteRange.g,resultColor.g),...paletteRange.g),b:clamp$3(range(...RGB_RANGE,...paletteRange.b,resultColor.b),...paletteRange.b)};return rgbToHex(v);}function renderColorValue(str,options){const{bg,blendMode,colorPalette}=options;if(bg==="white")throw new Error("Cannot blend with white background");const node=parseTokenValue(str);if(!node||node.type!=="color")throw new Error("Invalid color token value: ".concat(str));let hex="";if(node.key==="black"&&(hex=renderColorHex(colorPalette.black)),node.key==="white"&&(hex=renderColorHex(colorPalette.white)),node.hue&&node.tint&&(hex=renderColorHex(colorPalette[node.hue][node.tint])),!hex)throw new Error("Invalid color token value: ".concat(str));const hexBeforeMix=hex,mixOptions={blendMode,bg,black:renderColorHex(colorPalette.black),// opacity: node.opacity,
9
- white:renderColorHex(colorPalette.white)};try{if(hex=mixThemeColor(hex,mixOptions),bg&&node.mix!==void 0){const from=hexToRgb(bg),to=hexToRgb(hex);hex=rgbToHex(mix$1(from,to,node.mix));}}catch(err){throw console.warn("could not blend",hex,mixOptions),err;}return hex==="#aN"&&(console.warn("invalid color token value: ".concat(str)),hex=hexBeforeMix),node.opacity!==void 0&&(hex=rgba$1(hex,node.opacity)),hex;}function renderColorHex(color2){return typeof color2=="string"?color2:color2.hex;}function renderThemeColorSchemes(value,config){var _config$palette;const colorPalette=(_config$palette=config===null||config===void 0?void 0:config.palette)!==null&&_config$palette!==void 0?_config$palette:defaultColorPalette;return{light:renderThemeColorScheme(colorPalette,value.light),dark:renderThemeColorScheme(colorPalette,value.dark)};}function renderThemeColorScheme(colorPalette,value){const toneEntries=Object.entries(value),[,transparentTone]=toneEntries.find(_ref2=>{let[k]=_ref2;return k==="transparent";}),[,defaultTone]=toneEntries.find(_ref3=>{let[k]=_ref3;return k==="default";}),renderedTransparentTone=renderThemeColor(transparentTone,{colorPalette}),renderedDefaultTone=renderThemeColor(defaultTone,{colorPalette}),bg=renderedDefaultTone.bg;if(bg==="white")throw new Error("Cannot blend with white background");return Object.fromEntries([["transparent",renderedTransparentTone],["default",renderedDefaultTone],...toneEntries.filter(_ref4=>{let[k]=_ref4;return k!=="default"&&k!=="transparent";}).map(_ref5=>{let[k,v]=_ref5;return[k,renderThemeColor(v,{bg,colorPalette})];})]);}function renderThemeColor(value,options){const{colorPalette,bg}=options,blendMode=value._blend||"multiply",baseBg=renderColorValue(value.bg,{colorPalette,bg,blendMode}),colorOptions={colorPalette,bg:baseBg,blendMode},button=renderThemeColorButton(value.button,{baseBg,blendMode,colorPalette}),selectable=renderThemeColorSelectable(value.selectable,{colorPalette,baseBg,blendMode}),shadow={outline:renderColorValue(value.shadow.outline,colorOptions),umbra:renderColorValue(value.shadow.umbra,_objectSpread(_objectSpread({},colorOptions),{},{bg:void 0,colorPalette:_objectSpread(_objectSpread({},colorPalette),{},{black:"#000000"})})),penumbra:renderColorValue(value.shadow.penumbra,_objectSpread(_objectSpread({},colorOptions),{},{bg:void 0,colorPalette:_objectSpread(_objectSpread({},colorPalette),{},{black:"#000000"})})),ambient:renderColorValue(value.shadow.ambient,_objectSpread(_objectSpread({},colorOptions),{},{bg:void 0,colorPalette:_objectSpread(_objectSpread({},colorPalette),{},{black:"#000000"})}))};return{_blend:blendMode,_dark:value._dark,accent:{fg:renderColorValue(value.accent.fg,colorOptions)},avatar:renderThemeColorAvatar(value.avatar,{baseBg,colorPalette,blendMode}),backdrop:renderColorValue(value.backdrop,colorOptions),badge:renderThemeColorBadge(value.badge,{baseBg,colorPalette,blendMode}),bg:baseBg,border:renderColorValue(value.border,colorOptions),button,code:{bg:renderColorValue(value.code.bg,colorOptions),fg:renderColorValue(value.code.fg,colorOptions)},fg:renderColorValue(value.fg,colorOptions),focusRing:renderColorValue(value.focusRing,colorOptions),icon:renderColorValue(value.icon,colorOptions),input:renderThemeColorInput(value.input,{baseBg,colorPalette,blendMode}),kbd:renderThemeColorKBD(value.kbd,{baseBg,colorPalette,blendMode}),link:{fg:renderColorValue(value.link.fg,colorOptions)},muted:{bg:renderColorValue(value.muted.bg,colorOptions),fg:renderColorValue(value.muted.fg,colorOptions)},shadow,skeleton:{from:renderColorValue(value.skeleton.from,colorOptions),to:renderColorValue(value.skeleton.to,colorOptions)},syntax:renderSyntaxColorTheme(value.syntax,{baseBg,colorPalette,blendMode}),selectable};}function renderThemeColorKBD(value,options){const{baseBg,blendMode,colorPalette}=options,rootOptions={bg:baseBg,blendMode,colorPalette},bg=renderColorValue(value.bg,rootOptions),colorOptions={bg,blendMode,colorPalette};return{bg,fg:renderColorValue(value.fg,colorOptions),border:renderColorValue(value.border,colorOptions)};}function renderThemeColorAvatar(value,options){const colorAvatar={};for(const hue of COLOR_HUES)colorAvatar[hue]=renderThemeColorAvatarColor(value[hue],options);return colorAvatar;}function renderThemeColorAvatarColor(value,options){const{baseBg,blendMode:rootBlendMode,colorPalette}=options,blendMode=value._blend||"multiply",rootOptions={bg:baseBg,blendMode:rootBlendMode,colorPalette},bg=renderColorValue(value.bg,rootOptions),colorOptions={bg,blendMode,colorPalette};return{_blend:blendMode,bg,fg:renderColorValue(value.fg,colorOptions)};}function renderThemeColorBadge(value,options){const colorBadge={};for(const tone of THEME_COLOR_STATE_TONES)colorBadge[tone]=renderThemeColorBadgeColor(value[tone],options);return colorBadge;}function renderThemeColorBadgeColor(value,options){const{baseBg,blendMode:rootBlendMode,colorPalette}=options,blendMode=rootBlendMode,rootOptions={bg:baseBg,blendMode:rootBlendMode,colorPalette},bg=renderColorValue(value.bg,rootOptions),colorOptions={bg,blendMode,colorPalette};return{bg,dot:renderColorValue(value.dot,colorOptions),fg:renderColorValue(value.fg,colorOptions),icon:renderColorValue(value.icon,colorOptions)};}function renderThemeColorButton(value,options){return{default:renderThemeColorButtonTones(value.default,options),ghost:renderThemeColorButtonTones(value.ghost,options),bleed:renderThemeColorButtonTones(value.bleed,options)};}function renderThemeColorButtonTones(value,options){const colorButtonMode={};for(const tone of THEME_COLOR_STATE_TONES)colorButtonMode[tone]=renderThemeColorButtonStates(value[tone],options);return colorButtonMode;}function renderThemeColorButtonStates(value,options){return{enabled:renderThemeColorState(value.enabled,options),hovered:renderThemeColorState(value.hovered,options),pressed:renderThemeColorState(value.pressed,options),selected:renderThemeColorState(value.selected,options),disabled:renderThemeColorState(value.disabled,options)};}function renderThemeColorState(value,options){var _value$skeleton,_value$skeleton2;const{baseBg,blendMode:rootBlendMode,colorPalette}=options,blendMode=value._blend||"multiply",rootOptions={bg:baseBg,blendMode:rootBlendMode,colorPalette},bg=renderColorValue(value.bg,rootOptions),colorOptions={bg,blendMode,colorPalette};return{_blend:blendMode,accent:{fg:renderColorValue(value.accent.fg,colorOptions)},avatar:renderThemeColorAvatar(value.avatar,{baseBg:bg,colorPalette,blendMode}),badge:renderThemeColorBadge(value.badge,{baseBg:bg,colorPalette,blendMode}),bg,border:renderColorValue(value.border,colorOptions),code:{bg:renderColorValue(value.code.bg,colorOptions),fg:renderColorValue(value.code.fg,colorOptions)},fg:renderColorValue(value.fg,colorOptions),icon:renderColorValue(value.icon,colorOptions),link:{fg:renderColorValue(value.link.fg,colorOptions)},muted:{bg:renderColorValue(value.muted.bg,colorOptions),fg:renderColorValue(value.muted.fg,colorOptions)},kbd:{bg:renderColorValue(value.kbd.bg,colorOptions),fg:renderColorValue(value.kbd.fg,colorOptions),border:renderColorValue(value.kbd.border,colorOptions)},skeleton:{from:renderColorValue((_value$skeleton=value.skeleton)===null||_value$skeleton===void 0?void 0:_value$skeleton.from,colorOptions),to:renderColorValue((_value$skeleton2=value.skeleton)===null||_value$skeleton2===void 0?void 0:_value$skeleton2.to,colorOptions)}};}function renderThemeColorInput(value,options){return{default:renderInputStatesColorTheme(value.default,options),invalid:renderInputStatesColorTheme(value.invalid,options)};}function renderInputStatesColorTheme(value,options){return{enabled:renderInputStateColorTheme(value.enabled,options),hovered:renderInputStateColorTheme(value.hovered,options),readOnly:renderInputStateColorTheme(value.readOnly,options),disabled:renderInputStateColorTheme(value.disabled,options)};}function renderInputStateColorTheme(value,options){const{baseBg,blendMode:rootBlendMode,colorPalette}=options,blendMode=value._blend||"multiply",rootOptions={colorPalette,bg:baseBg,blendMode:rootBlendMode},bg=renderColorValue(value.bg,rootOptions),colorOptions={colorPalette,bg,blendMode};return{_blend:blendMode,bg,border:renderColorValue(value.border,colorOptions),fg:renderColorValue(value.fg,colorOptions),muted:{bg:renderColorValue(value.muted.bg,colorOptions)},placeholder:renderColorValue(value.placeholder,colorOptions)};}function renderThemeColorSelectable(value,options){const colorSelectable={};for(const tone of THEME_COLOR_STATE_TONES)colorSelectable[tone]=renderThemeColorSelectableStates(value[tone],options);return colorSelectable;}function renderThemeColorSelectableStates(value,options){return{enabled:renderThemeColorState(value.enabled,options),hovered:renderThemeColorState(value.hovered,options),pressed:renderThemeColorState(value.pressed,options),selected:renderThemeColorState(value.selected,options),disabled:renderThemeColorState(value.disabled,options)};}function renderSyntaxColorTheme(value,options){const{colorPalette,baseBg,blendMode}=options,colorOptions={colorPalette,bg:baseBg,blendMode};return{atrule:renderColorValue(value.atrule,colorOptions),attrName:renderColorValue(value.attrName,colorOptions),attrValue:renderColorValue(value.attrValue,colorOptions),attribute:renderColorValue(value.attribute,colorOptions),boolean:renderColorValue(value.boolean,colorOptions),builtin:renderColorValue(value.builtin,colorOptions),cdata:renderColorValue(value.cdata,colorOptions),char:renderColorValue(value.char,colorOptions),class:renderColorValue(value.class,colorOptions),className:renderColorValue(value.className,colorOptions),comment:renderColorValue(value.comment,colorOptions),constant:renderColorValue(value.constant,colorOptions),deleted:renderColorValue(value.deleted,colorOptions),doctype:renderColorValue(value.doctype,colorOptions),entity:renderColorValue(value.entity,colorOptions),function:renderColorValue(value.function,colorOptions),hexcode:renderColorValue(value.hexcode,colorOptions),id:renderColorValue(value.id,colorOptions),important:renderColorValue(value.important,colorOptions),inserted:renderColorValue(value.inserted,colorOptions),keyword:renderColorValue(value.keyword,colorOptions),number:renderColorValue(value.number,colorOptions),operator:renderColorValue(value.operator,colorOptions),prolog:renderColorValue(value.prolog,colorOptions),property:renderColorValue(value.property,colorOptions),pseudoClass:renderColorValue(value.pseudoClass,colorOptions),pseudoElement:renderColorValue(value.pseudoElement,colorOptions),punctuation:renderColorValue(value.punctuation,colorOptions),regex:renderColorValue(value.regex,colorOptions),selector:renderColorValue(value.selector,colorOptions),string:renderColorValue(value.string,colorOptions),symbol:renderColorValue(value.symbol,colorOptions),tag:renderColorValue(value.tag,colorOptions),unit:renderColorValue(value.unit,colorOptions),url:renderColorValue(value.url,colorOptions),variable:renderColorValue(value.variable,colorOptions)};}function buildTheme(config){var _config$avatar,_config$button,_config$card,_config$container,_config$font,_config$input,_config$layer,_config$media,_config$radius,_config$shadow,_config$space,_config$style;const colorTheme=buildColorTheme(config),v2={_version:2,avatar:(_config$avatar=config===null||config===void 0?void 0:config.avatar)!==null&&_config$avatar!==void 0?_config$avatar:defaultThemeConfig.avatar,button:(_config$button=config===null||config===void 0?void 0:config.button)!==null&&_config$button!==void 0?_config$button:defaultThemeConfig.button,card:(_config$card=config===null||config===void 0?void 0:config.card)!==null&&_config$card!==void 0?_config$card:defaultThemeConfig.card,// How colors are generated:
8
+ "suggest","positive","caution","critical"],THEME_COLOR_STATES=["enabled","hovered","pressed","selected","disabled"],THEME_COLOR_BUTTON_MODES=["default","ghost","bleed"],THEME_COLOR_INPUT_MODES=["default","invalid"],THEME_COLOR_INPUT_STATES=["enabled","hovered","readOnly","disabled"];function isColorBlendModeValue(str){return THEME_COLOR_BLEND_MODES.includes(str);}function isColorHueKey(str){return COLOR_HUES.includes(str);}function isColorTintKey(str){return COLOR_TINTS.includes(str);}function isColorMixPercentValue(str){return /^\d+%$/.test(str);}function parseTokenValue(str){const segments=str.split("/");let nextSegment=segments.shift()||"";const[segment0,segment0mix]=nextSegment.split(" ");if(isColorTintKey(segment0)){const tint=segment0,segment1=segments.shift()||"";if(isColorMixPercentValue(segment0mix)){const mix2=Number(segment0mix.slice(0,-1))/100;return{type:"color",tint,mix:mix2};}if(isColorOpacityValue(segment1)){const opacity=Number(segment1);return{type:"color",tint,opacity};}return{type:"color",tint};}if(isColorValue(segment0)){const key=segment0,segment1=segments.shift()||"";if(isColorMixPercentValue(segment0mix)){const mix2=Number(segment0mix.slice(0,-1))/100;return{type:"color",key,mix:mix2};}if(isColorOpacityValue(segment1)){const opacity=Number(segment1);return{type:"color",key,opacity};}return{type:"color",key};}if(isColorHueKey(segment0)){const hue=segment0;nextSegment=segments.shift()||"";const[segment1,segment1mix]=nextSegment.split(" ");if(isColorTintKey(segment1)){const tint=segment1,segment2=segments.shift()||"";if(isColorMixPercentValue(segment1mix)){const mix2=Number(segment1mix.slice(0,-1))/100;return{type:"color",hue,tint,mix:mix2};}if(isColorOpacityValue(segment2)){const opacity=Number(segment2);return{type:"color",hue,tint,opacity};}return{type:"color",hue,tint};}return{type:"hue",value:hue};}if(isColorBlendModeValue(segment0))return{type:"blendMode",value:segment0};}function isColorValue(str){return str==="black"||str==="white";}function isColorOpacityValue(str){return str==="0"||/^0\.[0-9]+$/.test(str)||str==="1";}function compileColorTokenValue(node){let key="";return node.key==="black"||node.key==="white"?key=node.key:key="".concat(node.hue,"/").concat(node.tint),node.mix!==void 0?"".concat(key," ").concat(node.mix*100,"%"):(node.opacity!==void 0&&(key+="/".concat(node.opacity)),key);}const DEFAULT_COLOR_TOKEN_VALUE=["500","500"];function resolveColorTokenValue(context){let value=arguments.length>1&&arguments[1]!==undefined?arguments[1]:DEFAULT_COLOR_TOKEN_VALUE;const{hue,scheme}=context,node=parseTokenValue(value[scheme==="light"?0:1]);if(!node||node.type!=="color")throw new Error("Invalid color token: ".concat(value[0]));return compileColorTokenValue(_objectSpread(_objectSpread({},node),{},{hue:node.hue||hue}));}const defaultColorTokens={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","900"],fg:["800","200"],icon:["800 70%","300 70%"]},pressed:{bg:["100","800"],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 isRecord$1(value){return!!(value&&typeof value=="object"&&!Array.isArray(value));}function merge(){for(var _len=arguments.length,records=new Array(_len),_key=0;_key<_len;_key++){records[_key]=arguments[_key];}const _records=records.filter(Boolean);return _records.length===0?{}:_records.reduce(_merge,{});}function _merge(acc,source){for(const key of Object.keys(source)){const prevValue=acc[key],nextValue=source[key];isRecord$1(prevValue)&&isRecord$1(nextValue)?acc[key]=merge(prevValue,nextValue):acc[key]=nextValue;}return acc;}function resolveColorTokens(inputTokens){const tokens=merge(defaultColorTokens,inputTokens);return{base:resolveBaseColorTokens(tokens),button:resolveButtonColorTokens(tokens),input:resolveInputColorTokens(tokens),selectable:resolveSelectableColorTokens(tokens),syntax:tokens.syntax};}function resolveBaseColorTokens(sparseTokens){const tokens={};for(const tone of THEME_COLOR_CARD_TONES)tokens[tone]=resolveBaseColorTones(sparseTokens,tone);return tokens;}function resolveBaseColorTones(inputTokens,tone){var _inputTokens$base,_inputTokens$base2,_inputTokens$base3;const spec=merge(inputTokens===null||inputTokens===void 0||(_inputTokens$base=inputTokens.base)===null||_inputTokens$base===void 0?void 0:_inputTokens$base["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$base2=inputTokens.base)===null||_inputTokens$base2===void 0?void 0:_inputTokens$base2[tone]),hue=spec._hue||(inputTokens===null||inputTokens===void 0||(_inputTokens$base3=inputTokens.base)===null||_inputTokens$base3===void 0||(_inputTokens$base3=_inputTokens$base3[tone])===null||_inputTokens$base3===void 0?void 0:_inputTokens$base3._hue)||"gray";return _objectSpread(_objectSpread({},spec),{},{_hue:hue,avatar:COLOR_HUES.reduce((acc,hue2)=>{var _spec$avatar,_spec$avatar2;return _objectSpread(_objectSpread({},acc),{},{[hue2]:merge({_hue:hue2},(_spec$avatar=spec.avatar)===null||_spec$avatar===void 0?void 0:_spec$avatar["*"],(_spec$avatar2=spec.avatar)===null||_spec$avatar2===void 0?void 0:_spec$avatar2[hue2])});},{}),badge:THEME_COLOR_STATE_TONES.reduce((acc,tone2)=>{var _inputTokens$base4,_spec$badge,_spec$badge2;return _objectSpread(_objectSpread({},acc),{},{[tone2]:_objectSpread(_objectSpread({_hue:(inputTokens===null||inputTokens===void 0||(_inputTokens$base4=inputTokens.base)===null||_inputTokens$base4===void 0||(_inputTokens$base4=_inputTokens$base4[tone2])===null||_inputTokens$base4===void 0?void 0:_inputTokens$base4._hue)||hue},(_spec$badge=spec.badge)===null||_spec$badge===void 0?void 0:_spec$badge["*"]),(_spec$badge2=spec.badge)===null||_spec$badge2===void 0?void 0:_spec$badge2[tone2])});},{})});}function resolveButtonColorTokens(inputTokens){const tokens={};for(const mode of THEME_COLOR_BUTTON_MODES)tokens[mode]=resolveButtonToneColorTokens(inputTokens,mode);return tokens;}function resolveButtonToneColorTokens(inputTokens,mode){const tokens={};for(const tone of THEME_COLOR_STATE_TONES)tokens[tone]=resolveButtonModeColorTokens(inputTokens,mode,tone);return tokens;}function resolveButtonModeColorTokens(inputTokens,mode,tone){const tokens={};for(const state of THEME_COLOR_STATES)tokens[state]=resolveButtonStateColorTokens(inputTokens,tone,mode,state);return tokens;}function resolveButtonStateColorTokens(inputTokens,tone,mode,state){var _inputTokens$button,_inputTokens$button2,_inputTokens$button3,_inputTokens$button4,_inputTokens$base5;const spec=merge(inputTokens===null||inputTokens===void 0||(_inputTokens$button=inputTokens.button)===null||_inputTokens$button===void 0||(_inputTokens$button=_inputTokens$button[mode])===null||_inputTokens$button===void 0||(_inputTokens$button=_inputTokens$button["*"])===null||_inputTokens$button===void 0?void 0:_inputTokens$button["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$button2=inputTokens.button)===null||_inputTokens$button2===void 0||(_inputTokens$button2=_inputTokens$button2[mode])===null||_inputTokens$button2===void 0||(_inputTokens$button2=_inputTokens$button2[tone])===null||_inputTokens$button2===void 0?void 0:_inputTokens$button2["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$button3=inputTokens.button)===null||_inputTokens$button3===void 0||(_inputTokens$button3=_inputTokens$button3[mode])===null||_inputTokens$button3===void 0||(_inputTokens$button3=_inputTokens$button3["*"])===null||_inputTokens$button3===void 0?void 0:_inputTokens$button3[state],inputTokens===null||inputTokens===void 0||(_inputTokens$button4=inputTokens.button)===null||_inputTokens$button4===void 0||(_inputTokens$button4=_inputTokens$button4[mode])===null||_inputTokens$button4===void 0||(_inputTokens$button4=_inputTokens$button4[tone])===null||_inputTokens$button4===void 0?void 0:_inputTokens$button4[state]),hue=spec._hue||(inputTokens===null||inputTokens===void 0||(_inputTokens$base5=inputTokens.base)===null||_inputTokens$base5===void 0||(_inputTokens$base5=_inputTokens$base5[tone])===null||_inputTokens$base5===void 0?void 0:_inputTokens$base5._hue);return _objectSpread(_objectSpread({},spec),{},{_hue:hue,avatar:COLOR_HUES.reduce((acc,hue2)=>{var _spec$avatar3,_spec$avatar4;return _objectSpread(_objectSpread({},acc),{},{[hue2]:merge({_hue:hue2},(_spec$avatar3=spec.avatar)===null||_spec$avatar3===void 0?void 0:_spec$avatar3["*"],(_spec$avatar4=spec.avatar)===null||_spec$avatar4===void 0?void 0:_spec$avatar4[hue2])});},{}),badge:THEME_COLOR_STATE_TONES.reduce((acc,tone2)=>{var _inputTokens$base6,_spec$badge3,_spec$badge4;return _objectSpread(_objectSpread({},acc),{},{[tone2]:_objectSpread(_objectSpread({_hue:(inputTokens===null||inputTokens===void 0||(_inputTokens$base6=inputTokens.base)===null||_inputTokens$base6===void 0||(_inputTokens$base6=_inputTokens$base6[tone2])===null||_inputTokens$base6===void 0?void 0:_inputTokens$base6._hue)||hue},(_spec$badge3=spec.badge)===null||_spec$badge3===void 0?void 0:_spec$badge3["*"]),(_spec$badge4=spec.badge)===null||_spec$badge4===void 0?void 0:_spec$badge4[tone2])});},{})});}function resolveInputColorTokens(inputTokens){const tokens={};for(const mode of THEME_COLOR_INPUT_MODES)tokens[mode]=resolveInputModeColorTokens(inputTokens,mode);return tokens;}function resolveInputModeColorTokens(inputTokens,mode){const states={};for(const state of THEME_COLOR_INPUT_STATES)states[state]=resolveInputStateColorTokens(inputTokens,mode,state);return states;}function resolveInputStateColorTokens(inputTokens,mode,state){var _inputTokens$input,_inputTokens$input2,_inputTokens$input3,_inputTokens$input4,_inputTokens$input5;const spec=merge(inputTokens===null||inputTokens===void 0||(_inputTokens$input=inputTokens.input)===null||_inputTokens$input===void 0||(_inputTokens$input=_inputTokens$input["*"])===null||_inputTokens$input===void 0?void 0:_inputTokens$input["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$input2=inputTokens.input)===null||_inputTokens$input2===void 0||(_inputTokens$input2=_inputTokens$input2[mode])===null||_inputTokens$input2===void 0?void 0:_inputTokens$input2["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$input3=inputTokens.input)===null||_inputTokens$input3===void 0||(_inputTokens$input3=_inputTokens$input3["*"])===null||_inputTokens$input3===void 0?void 0:_inputTokens$input3[state],inputTokens===null||inputTokens===void 0||(_inputTokens$input4=inputTokens.input)===null||_inputTokens$input4===void 0||(_inputTokens$input4=_inputTokens$input4[mode])===null||_inputTokens$input4===void 0?void 0:_inputTokens$input4[state]),hue=spec._hue||(inputTokens===null||inputTokens===void 0||(_inputTokens$input5=inputTokens.input)===null||_inputTokens$input5===void 0||(_inputTokens$input5=_inputTokens$input5[mode])===null||_inputTokens$input5===void 0?void 0:_inputTokens$input5._hue);return _objectSpread(_objectSpread({},spec),{},{_hue:hue});}function resolveSelectableColorTokens(inputTokens){const tokens={};for(const tone of THEME_COLOR_STATE_TONES)tokens[tone]=resolveSelectableToneColorTokens(inputTokens,tone);return tokens;}function resolveSelectableToneColorTokens(inputTokens,tone){var _inputTokens$selectab,_inputTokens$base7;const states={_hue:(inputTokens===null||inputTokens===void 0||(_inputTokens$selectab=inputTokens.selectable)===null||_inputTokens$selectab===void 0||(_inputTokens$selectab=_inputTokens$selectab[tone])===null||_inputTokens$selectab===void 0?void 0:_inputTokens$selectab._hue)||(inputTokens===null||inputTokens===void 0||(_inputTokens$base7=inputTokens.base)===null||_inputTokens$base7===void 0||(_inputTokens$base7=_inputTokens$base7[tone])===null||_inputTokens$base7===void 0?void 0:_inputTokens$base7._hue)};for(const state of THEME_COLOR_STATES)states[state]=resolveSelectableStateColorTokens(inputTokens,tone,state);return states;}function resolveSelectableStateColorTokens(inputTokens,tone,state){var _inputTokens$selectab2,_inputTokens$selectab3,_inputTokens$selectab4,_inputTokens$selectab5,_inputTokens$base8;const spec=merge(inputTokens===null||inputTokens===void 0||(_inputTokens$selectab2=inputTokens.selectable)===null||_inputTokens$selectab2===void 0||(_inputTokens$selectab2=_inputTokens$selectab2["*"])===null||_inputTokens$selectab2===void 0?void 0:_inputTokens$selectab2["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$selectab3=inputTokens.selectable)===null||_inputTokens$selectab3===void 0||(_inputTokens$selectab3=_inputTokens$selectab3[tone])===null||_inputTokens$selectab3===void 0?void 0:_inputTokens$selectab3["*"],inputTokens===null||inputTokens===void 0||(_inputTokens$selectab4=inputTokens.selectable)===null||_inputTokens$selectab4===void 0||(_inputTokens$selectab4=_inputTokens$selectab4["*"])===null||_inputTokens$selectab4===void 0?void 0:_inputTokens$selectab4[state],inputTokens===null||inputTokens===void 0||(_inputTokens$selectab5=inputTokens.selectable)===null||_inputTokens$selectab5===void 0||(_inputTokens$selectab5=_inputTokens$selectab5[tone])===null||_inputTokens$selectab5===void 0?void 0:_inputTokens$selectab5[state]),hue=spec._hue||(inputTokens===null||inputTokens===void 0||(_inputTokens$base8=inputTokens.base)===null||_inputTokens$base8===void 0||(_inputTokens$base8=_inputTokens$base8[tone])===null||_inputTokens$base8===void 0?void 0:_inputTokens$base8._hue);return _objectSpread(_objectSpread({},spec),{},{_hue:hue,avatar:COLOR_HUES.reduce((acc,hue2)=>{var _spec$avatar5,_spec$avatar6;return _objectSpread(_objectSpread({},acc),{},{[hue2]:merge({_hue:hue2},(_spec$avatar5=spec.avatar)===null||_spec$avatar5===void 0?void 0:_spec$avatar5["*"],(_spec$avatar6=spec.avatar)===null||_spec$avatar6===void 0?void 0:_spec$avatar6[hue2])});},{}),badge:THEME_COLOR_STATE_TONES.reduce((acc,tone2)=>{var _inputTokens$base9,_spec$badge5,_spec$badge6;return _objectSpread(_objectSpread({},acc),{},{[tone2]:_objectSpread(_objectSpread({_hue:(inputTokens===null||inputTokens===void 0||(_inputTokens$base9=inputTokens.base)===null||_inputTokens$base9===void 0||(_inputTokens$base9=_inputTokens$base9[tone2])===null||_inputTokens$base9===void 0?void 0:_inputTokens$base9._hue)||hue},(_spec$badge5=spec.badge)===null||_spec$badge5===void 0?void 0:_spec$badge5["*"]),(_spec$badge6=spec.badge)===null||_spec$badge6===void 0?void 0:_spec$badge6[tone2])});},{})});}function buildColorTheme(config){const resolvedConfig={color:resolveColorTokens(config===null||config===void 0?void 0:config.color)},schemes={};return defineLazyProperty(schemes,"light",()=>buildColorScheme({scheme:"light"},resolvedConfig)),defineLazyProperty(schemes,"dark",()=>buildColorScheme({scheme:"dark"},resolvedConfig)),schemes;}function buildColorScheme(options,config){const{scheme}=options,colorScheme={};for(const tone of THEME_COLOR_CARD_TONES)defineLazyProperty(colorScheme,tone,()=>buildCardColorTheme({scheme,tone},config));return colorScheme;}function buildCardColorTheme(options,config){var _config$color,_tokens$accent,_tokens$code,_tokens$code2,_tokens$kbd,_tokens$kbd2,_tokens$kbd3,_tokens$link,_tokens$muted,_tokens$muted2,_tokens$skeleton,_tokens$skeleton2;const{scheme,tone}=options,tokens=config===null||config===void 0||(_config$color=config.color)===null||_config$color===void 0||(_config$color=_config$color.base)===null||_config$color===void 0?void 0:_config$color[tone],context={hue:(tokens===null||tokens===void 0?void 0:tokens._hue)||"gray",scheme};return{_blend:((tokens===null||tokens===void 0?void 0:tokens._blend)||["multiply","screen"])[scheme==="light"?0:1],_dark:scheme==="dark",accent:{fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$accent=tokens.accent)===null||_tokens$accent===void 0?void 0:_tokens$accent.fg)},avatar:buildAvatarColorTheme({scheme},tokens),backdrop:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.backdrop),badge:buildBadgeColorTheme(tokens===null||tokens===void 0?void 0:tokens.badge,{scheme},config),bg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.bg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.border),button:buildButtonColorTheme({scheme,tone},config),code:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$code=tokens.code)===null||_tokens$code===void 0?void 0:_tokens$code.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$code2=tokens.code)===null||_tokens$code2===void 0?void 0:_tokens$code2.fg)},fg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.fg),focusRing:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.focusRing),icon:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.icon),input:buildInputColorTheme({scheme,tone},config),kbd:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd=tokens.kbd)===null||_tokens$kbd===void 0?void 0:_tokens$kbd.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd2=tokens.kbd)===null||_tokens$kbd2===void 0?void 0:_tokens$kbd2.fg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd3=tokens.kbd)===null||_tokens$kbd3===void 0?void 0:_tokens$kbd3.border)},link:{fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$link=tokens.link)===null||_tokens$link===void 0?void 0:_tokens$link.fg)},muted:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted=tokens.muted)===null||_tokens$muted===void 0?void 0:_tokens$muted.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted2=tokens.muted)===null||_tokens$muted2===void 0?void 0:_tokens$muted2.fg)},selectable:buildSelectableColorTheme({scheme,tone},config),shadow:buildShadowColorTheme({scheme,tone},config),skeleton:{from:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$skeleton=tokens.skeleton)===null||_tokens$skeleton===void 0?void 0:_tokens$skeleton.from),to:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$skeleton2=tokens.skeleton)===null||_tokens$skeleton2===void 0?void 0:_tokens$skeleton2.to)},syntax:buildSyntaxColorTheme({scheme},config)};}function buildShadowColorTheme(options,config){var _config$color2,_tokens$shadow,_tokens$shadow2,_tokens$shadow3,_tokens$shadow4;const{scheme,tone}=options,tokens=config===null||config===void 0||(_config$color2=config.color)===null||_config$color2===void 0||(_config$color2=_config$color2.base)===null||_config$color2===void 0?void 0:_config$color2[tone],context={hue:(tokens===null||tokens===void 0?void 0:tokens._hue)||"gray",scheme};return{outline:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$shadow=tokens.shadow)===null||_tokens$shadow===void 0?void 0:_tokens$shadow.outline),umbra:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$shadow2=tokens.shadow)===null||_tokens$shadow2===void 0?void 0:_tokens$shadow2.umbra),penumbra:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$shadow3=tokens.shadow)===null||_tokens$shadow3===void 0?void 0:_tokens$shadow3.penumbra),ambient:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$shadow4=tokens.shadow)===null||_tokens$shadow4===void 0?void 0:_tokens$shadow4.ambient)};}function buildAvatarColorTheme(options,stateTokens){const{scheme}=options;return{gray:_buildAvatarColorTheme({color:"gray",scheme},stateTokens),blue:_buildAvatarColorTheme({color:"blue",scheme},stateTokens),purple:_buildAvatarColorTheme({color:"purple",scheme},stateTokens),magenta:_buildAvatarColorTheme({color:"magenta",scheme},stateTokens),red:_buildAvatarColorTheme({color:"red",scheme},stateTokens),orange:_buildAvatarColorTheme({color:"orange",scheme},stateTokens),yellow:_buildAvatarColorTheme({color:"yellow",scheme},stateTokens),green:_buildAvatarColorTheme({color:"green",scheme},stateTokens),cyan:_buildAvatarColorTheme({color:"cyan",scheme},stateTokens)};}function _buildAvatarColorTheme(options,stateTokens){var _stateTokens$avatar;const{color:color2,scheme}=options,tokens=stateTokens===null||stateTokens===void 0||(_stateTokens$avatar=stateTokens.avatar)===null||_stateTokens$avatar===void 0?void 0:_stateTokens$avatar[color2],context={hue:(tokens===null||tokens===void 0?void 0:tokens._hue)||"gray",scheme};return{_blend:((tokens===null||tokens===void 0?void 0:tokens._blend)||["screen","multiply"])[scheme==="light"?0:1],bg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.fg)};}function buildBadgeColorTheme(tokens,options,config){const{scheme}=options,colorBadge={};for(const tone of THEME_COLOR_STATE_TONES)colorBadge[tone]=_buildBadgeColorTheme(tokens,{scheme,tone},config);return colorBadge;}function _buildBadgeColorTheme(parentTokens,options,config){var _config$color3;const{scheme,tone}=options,tokens=parentTokens===null||parentTokens===void 0?void 0:parentTokens[tone],context={hue:(tokens===null||tokens===void 0?void 0:tokens._hue)||(config===null||config===void 0||(_config$color3=config.color)===null||_config$color3===void 0||(_config$color3=_config$color3.base)===null||_config$color3===void 0||(_config$color3=_config$color3[tone])===null||_config$color3===void 0?void 0:_config$color3._hue)||"gray",scheme};return{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.fg),dot:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.dot),icon:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.icon)};}function buildButtonColorTheme(options,config){const{scheme,tone:cardTone}=options,modes={};for(const mode of THEME_COLOR_BUTTON_MODES)modes[mode]=buildButtonTonesColorTheme({cardTone,scheme,mode},config);return modes;}function buildButtonTonesColorTheme(options,config){const{cardTone,mode,scheme}=options,tones2={};for(const tone of THEME_COLOR_STATE_TONES)tones2[tone]=buildButtonStatesColorTheme({cardTone,mode,scheme,tone},config);return tones2;}function buildButtonStatesColorTheme(options,config){const{cardTone,mode,scheme,tone}=options,states={};for(const state of THEME_COLOR_STATES)states[state]=buildButtonStateColorTheme({cardTone,mode,tone,scheme,state},config);return states;}function buildButtonStateColorTheme(options,config){var _config$color4,_config$color5,_tokens$accent2,_tokens$code3,_tokens$code4,_tokens$muted3,_tokens$muted4,_tokens$kbd4,_tokens$kbd5,_tokens$kbd6,_tokens$link2,_tokens$skeleton3,_tokens$skeleton4;const{cardTone,mode,tone,scheme,state}=options,cardTokens=config===null||config===void 0||(_config$color4=config.color)===null||_config$color4===void 0||(_config$color4=_config$color4.base)===null||_config$color4===void 0?void 0:_config$color4[cardTone],tokens=config===null||config===void 0||(_config$color5=config.color)===null||_config$color5===void 0||(_config$color5=_config$color5.button)===null||_config$color5===void 0||(_config$color5=_config$color5[mode])===null||_config$color5===void 0||(_config$color5=_config$color5[tone])===null||_config$color5===void 0?void 0:_config$color5[state],hue=(tokens===null||tokens===void 0?void 0:tokens._hue)||(cardTokens===null||cardTokens===void 0?void 0:cardTokens._hue)||"gray",blendMode=(tokens===null||tokens===void 0?void 0:tokens._blend)||["screen","multiply"],context={hue,scheme};return{_blend:blendMode[scheme==="light"?0:1],accent:{fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$accent2=tokens.accent)===null||_tokens$accent2===void 0?void 0:_tokens$accent2.fg)},avatar:buildAvatarColorTheme({scheme},tokens),badge:buildBadgeColorTheme(tokens===null||tokens===void 0?void 0:tokens.badge,{scheme},config),bg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.bg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.border),code:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$code3=tokens.code)===null||_tokens$code3===void 0?void 0:_tokens$code3.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$code4=tokens.code)===null||_tokens$code4===void 0?void 0:_tokens$code4.fg)},fg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.fg),icon:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.icon),muted:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted3=tokens.muted)===null||_tokens$muted3===void 0?void 0:_tokens$muted3.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted4=tokens.muted)===null||_tokens$muted4===void 0?void 0:_tokens$muted4.fg)},kbd:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd4=tokens.kbd)===null||_tokens$kbd4===void 0?void 0:_tokens$kbd4.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd5=tokens.kbd)===null||_tokens$kbd5===void 0?void 0:_tokens$kbd5.fg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd6=tokens.kbd)===null||_tokens$kbd6===void 0?void 0:_tokens$kbd6.border)},link:{fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$link2=tokens.link)===null||_tokens$link2===void 0?void 0:_tokens$link2.fg)},skeleton:{from:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$skeleton3=tokens.skeleton)===null||_tokens$skeleton3===void 0?void 0:_tokens$skeleton3.from),to:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$skeleton4=tokens.skeleton)===null||_tokens$skeleton4===void 0?void 0:_tokens$skeleton4.to)}};}function buildInputColorTheme(options,config){const{scheme,tone}=options;return{default:buildInputStatesColorTheme({mode:"default",scheme,tone},config),invalid:buildInputStatesColorTheme({mode:"invalid",scheme,tone},config)};}function buildInputStatesColorTheme(options,config){const{mode,scheme,tone}=options;return{enabled:buildInputStateColorTheme({mode,scheme,state:"enabled",cardTone:tone},config),hovered:buildInputStateColorTheme({mode,scheme,state:"hovered",cardTone:tone},config),readOnly:buildInputStateColorTheme({mode,scheme,state:"readOnly",cardTone:tone},config),disabled:buildInputStateColorTheme({mode,scheme,state:"disabled",cardTone:tone},config)};}function buildInputStateColorTheme(options,config){var _config$color6,_config$color7,_tokens$muted5;const{cardTone,mode,scheme,state}=options,cardTokens=config===null||config===void 0||(_config$color6=config.color)===null||_config$color6===void 0||(_config$color6=_config$color6.base)===null||_config$color6===void 0?void 0:_config$color6[cardTone],tokens=config===null||config===void 0||(_config$color7=config.color)===null||_config$color7===void 0||(_config$color7=_config$color7.input)===null||_config$color7===void 0||(_config$color7=_config$color7[mode])===null||_config$color7===void 0?void 0:_config$color7[state],hue=(tokens===null||tokens===void 0?void 0:tokens._hue)||(cardTokens===null||cardTokens===void 0?void 0:cardTokens._hue)||"gray",blendMode=(tokens===null||tokens===void 0?void 0:tokens._blend)||["screen","multiply"],context={hue,scheme};return{_blend:blendMode[scheme==="light"?0:1],bg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.bg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.border),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.fg),muted:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted5=tokens.muted)===null||_tokens$muted5===void 0?void 0:_tokens$muted5.bg)},placeholder:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.placeholder)};}function buildSelectableColorTheme(options,config){const{scheme,tone:cardTone}=options,tones2={};for(const tone of THEME_COLOR_STATE_TONES)tones2[tone]=buildSelectableStatesColorTheme({cardTone,scheme,tone},config);return tones2;}function buildSelectableStatesColorTheme(options,config){const{cardTone,scheme,tone}=options,states={};for(const state of THEME_COLOR_STATES)states[state]=buildSelectableStateColorTheme({cardTone,tone,scheme,state},config);return states;}function buildSelectableStateColorTheme(options,config){var _config$color8,_config$color9,_tokens$accent3,_tokens$code5,_tokens$code6,_tokens$muted6,_tokens$muted7,_tokens$kbd7,_tokens$kbd8,_tokens$kbd9,_tokens$link3,_tokens$skeleton5,_tokens$skeleton6;const{cardTone,scheme,state,tone}=options,cardTokens=config===null||config===void 0||(_config$color8=config.color)===null||_config$color8===void 0||(_config$color8=_config$color8.base)===null||_config$color8===void 0?void 0:_config$color8[cardTone],tokens=config===null||config===void 0||(_config$color9=config.color)===null||_config$color9===void 0||(_config$color9=_config$color9.selectable)===null||_config$color9===void 0||(_config$color9=_config$color9[tone])===null||_config$color9===void 0?void 0:_config$color9[state],hue=(tokens===null||tokens===void 0?void 0:tokens._hue)||(cardTokens===null||cardTokens===void 0?void 0:cardTokens._hue)||"gray",blendMode=(tokens===null||tokens===void 0?void 0:tokens._blend)||["screen","multiply"],context={hue,scheme};return{_blend:blendMode[scheme==="light"?0:1],accent:{fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$accent3=tokens.accent)===null||_tokens$accent3===void 0?void 0:_tokens$accent3.fg)},avatar:buildAvatarColorTheme({scheme},tokens),badge:buildBadgeColorTheme(tokens===null||tokens===void 0?void 0:tokens.badge,{scheme},config),bg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.bg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.border),code:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$code5=tokens.code)===null||_tokens$code5===void 0?void 0:_tokens$code5.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$code6=tokens.code)===null||_tokens$code6===void 0?void 0:_tokens$code6.fg)},fg:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.fg),icon:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.icon),muted:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted6=tokens.muted)===null||_tokens$muted6===void 0?void 0:_tokens$muted6.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$muted7=tokens.muted)===null||_tokens$muted7===void 0?void 0:_tokens$muted7.fg)},kbd:{bg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd7=tokens.kbd)===null||_tokens$kbd7===void 0?void 0:_tokens$kbd7.bg),fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd8=tokens.kbd)===null||_tokens$kbd8===void 0?void 0:_tokens$kbd8.fg),border:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$kbd9=tokens.kbd)===null||_tokens$kbd9===void 0?void 0:_tokens$kbd9.border)},link:{fg:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$link3=tokens.link)===null||_tokens$link3===void 0?void 0:_tokens$link3.fg)},skeleton:{from:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$skeleton5=tokens.skeleton)===null||_tokens$skeleton5===void 0?void 0:_tokens$skeleton5.from),to:resolveColorTokenValue(context,tokens===null||tokens===void 0||(_tokens$skeleton6=tokens.skeleton)===null||_tokens$skeleton6===void 0?void 0:_tokens$skeleton6.to)}};}function buildSyntaxColorTheme(options,config){var _config$color0;const{scheme}=options,tokens=config===null||config===void 0||(_config$color0=config.color)===null||_config$color0===void 0?void 0:_config$color0.syntax,context={hue:"gray",scheme};return{atrule:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.atrule),attrName:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.attrName),attrValue:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.attrValue),attribute:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.attribute),boolean:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.boolean),builtin:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.builtin),cdata:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.cdata),char:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.char),class:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.class),className:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.className),comment:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.comment),constant:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.constant),deleted:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.deleted),doctype:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.doctype),entity:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.entity),function:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.function),hexcode:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.hexcode),id:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.id),important:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.important),inserted:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.inserted),keyword:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.keyword),number:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.number),operator:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.operator),prolog:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.prolog),property:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.property),pseudoClass:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.pseudoClass),pseudoElement:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.pseudoElement),punctuation:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.punctuation),regex:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.regex),selector:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.selector),string:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.string),symbol:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.symbol),tag:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.tag),unit:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.unit),url:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.url),variable:resolveColorTokenValue(context,tokens===null||tokens===void 0?void 0:tokens.variable)};}const defaultColorPalette=color$1;function mixChannel(b,s,weight){const delta=(s-b)*weight;return b+delta;}function mix$1(b,s,weight){return{r:mixChannel(b.r,s.r,weight),g:mixChannel(b.g,s.g,weight),b:mixChannel(b.b,s.b,weight)};}function multiplyChannel(b,s){return b*s;}function multiply(b,s){return{r:multiplyChannel(b.r/255,s.r/255)*255,g:multiplyChannel(b.g/255,s.g/255)*255,b:multiplyChannel(b.b/255,s.b/255)*255};}function screenChannel(b,s){return b+s-b*s;}function screen(b,s){return{r:screenChannel(b.r/255,s.r/255)*255,g:screenChannel(b.g/255,s.g/255)*255,b:screenChannel(b.b/255,s.b/255)*255};}function lerp(x,y,a){return x*(1-a)+y*a;}function invlerp(x,y,a){return clamp$3((a-x)/(y-x));}function clamp$3(a){let min=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;let max=arguments.length>2&&arguments[2]!==undefined?arguments[2]:1;return Math.min(max,Math.max(min,a));}function range(x1,y1,x2,y2,a){return lerp(x2,y2,invlerp(x1,y1,a));}function round$1(value){return Math.round(value);}function hexToRgb(hex){if(hex.length===4){const hexR=hex.slice(1,2),hexG=hex.slice(2,3),hexB=hex.slice(3,4);return{r:parseInt(hexR+hexR,16),g:parseInt(hexG+hexG,16),b:parseInt(hexB+hexB,16)};}return{r:parseInt(hex.slice(1,3),16),g:parseInt(hex.slice(3,5),16),b:parseInt(hex.slice(5,7),16)};}function rgbaToRGBA(rgba2){const values=rgba2.replace(/rgba\(|\)/g,"").split(",");return{r:parseInt(values[0]),g:parseInt(values[1]),b:parseInt(values[2]),a:parseFloat(values[3])};}function rgbToHex(color2){const r=round$1(clamp$3(Math.round(color2.r),0,255)),g=round$1(clamp$3(Math.round(color2.g),0,255)),b=round$1(clamp$3(Math.round(color2.b),0,255));return"a"in color2?"rgba(".concat(r,",").concat(g,",").concat(b,",").concat(color2.a,")"):"#"+((1<<24)+(r<<16)+(g<<8)+b).toString(16).slice(1);}function hslToRgb(hsl){const s=hsl.s/100,l=hsl.l/100,c=(1-Math.abs(2*l-1))*s,x=c*(1-Math.abs(hsl.h/60%2-1)),m=l-c/2;let r=0,g=0,b=0;return 0<=hsl.h&&hsl.h<60?(r=c,g=x,b=0):60<=hsl.h&&hsl.h<120?(r=x,g=c,b=0):120<=hsl.h&&hsl.h<180?(r=0,g=c,b=x):180<=hsl.h&&hsl.h<240?(r=0,g=x,b=c):240<=hsl.h&&hsl.h<300?(r=x,g=0,b=c):300<=hsl.h&&hsl.h<360&&(r=c,g=0,b=x),{r:Math.round((r+m)*255),g:Math.round((g+m)*255),b:Math.round((b+m)*255)};}const HEX_CHARS="0123456789ABCDEFabcdef",HSL_RE=/hsl\(\s*(\d+)\s*,\s*((\d+(?:\.\d+)?)%)\s*,\s*((\d+(?:\.\d+)?)%)\s*\)/i;function isHexChars(str){for(const c of str)if(HEX_CHARS.indexOf(c)===-1)return!1;return!0;}function isHex(str){return str[0]!=="#"||!(str.length===4||str.length===7)?!1:isHexChars(str.slice(1));}function parseHsl(str){const res=HSL_RE.exec(str);if(!res)throw new Error("parseHsl: string is not a HSL color: \"".concat(str,"\""));return{h:parseInt(res[1]),s:parseFloat(res[3]),l:parseFloat(res[5])};}function parseColor(color2){if(!color2)return{r:0,g:0,b:0};if(typeof color2!="string")throw new Error("parseColor: expected a string");if(isHex(color2))return hexToRgb(color2);if(color2.startsWith("hsl("))return hslToRgb(parseHsl(color2));if(color2.startsWith("rgba("))return rgbaToRGBA(color2);throw new Error("parseColor: unexpected color format: \"".concat(color2,"\""));}function rgba$1(color2,a){const rgb=parseColor(color2);return"rgba(".concat(rgb.r,",").concat(rgb.g,",").concat(rgb.b,",").concat(a,")");}const RGB_RANGE=[0,255];function mixThemeColor(value,options){const{blendMode}=options,color2=parseColor(value),black2=parseColor(options.black),white2=parseColor(options.white),bg=options.bg?parseColor(options.bg):blendMode==="multiply"?white2:black2,paletteRange={r:[black2.r,white2.r],g:[black2.g,white2.g],b:[black2.b,white2.b]},convertedBgColor={r:clamp$3(range(...paletteRange.r,...RGB_RANGE,bg.r),...RGB_RANGE),g:clamp$3(range(...paletteRange.g,...RGB_RANGE,bg.g),...RGB_RANGE),b:clamp$3(range(...paletteRange.b,...RGB_RANGE,bg.b),...RGB_RANGE)},convertedColor={r:clamp$3(range(...paletteRange.r,...RGB_RANGE,color2.r),...RGB_RANGE),g:clamp$3(range(...paletteRange.g,...RGB_RANGE,color2.g),...RGB_RANGE),b:clamp$3(range(...paletteRange.b,...RGB_RANGE,color2.b),...RGB_RANGE)},resultColor=blendMode==="multiply"?multiply(convertedBgColor,convertedColor):screen(convertedBgColor,convertedColor),v={r:clamp$3(range(...RGB_RANGE,...paletteRange.r,resultColor.r),...paletteRange.r),g:clamp$3(range(...RGB_RANGE,...paletteRange.g,resultColor.g),...paletteRange.g),b:clamp$3(range(...RGB_RANGE,...paletteRange.b,resultColor.b),...paletteRange.b)};return rgbToHex(v);}function renderColorValue(str,options){const{bg,blendMode,colorPalette}=options;if(bg==="white")throw new Error("Cannot blend with white background");const node=parseTokenValue(str);if(!node||node.type!=="color")throw new Error("Invalid color token value: ".concat(str));let hex="";if(node.key==="black"&&(hex=renderColorHex(colorPalette.black)),node.key==="white"&&(hex=renderColorHex(colorPalette.white)),node.hue&&node.tint&&(hex=renderColorHex(colorPalette[node.hue][node.tint])),!hex)throw new Error("Invalid color token value: ".concat(str));const hexBeforeMix=hex,mixOptions={blendMode,bg,black:renderColorHex(colorPalette.black),// opacity: node.opacity,
9
+ white:renderColorHex(colorPalette.white)};try{if(hex=mixThemeColor(hex,mixOptions),bg&&node.mix!==void 0){const from=hexToRgb(bg),to=hexToRgb(hex);hex=rgbToHex(mix$1(from,to,node.mix));}}catch(err){throw console.warn("could not blend",hex,mixOptions),err;}return hex==="#aN"&&(console.warn("invalid color token value: ".concat(str)),hex=hexBeforeMix),node.opacity!==void 0&&(hex=rgba$1(hex,node.opacity)),hex;}function renderColorHex(color2){return typeof color2=="string"?color2:color2.hex;}function renderThemeColorSchemes(value,config){var _config$palette;const colorPalette=(_config$palette=config===null||config===void 0?void 0:config.palette)!==null&&_config$palette!==void 0?_config$palette:defaultColorPalette,schemes={};return defineLazyProperty(schemes,"light",()=>renderThemeColorScheme(colorPalette,value.light)),defineLazyProperty(schemes,"dark",()=>renderThemeColorScheme(colorPalette,value.dark)),schemes;}function renderThemeColorScheme(colorPalette,value){const renderedDefaultTone=renderThemeColor(value.default,{colorPalette}),bg=renderedDefaultTone.bg;if(bg==="white")throw new Error("Cannot blend with white background");const scheme={default:renderedDefaultTone};for(const tone of THEME_COLOR_CARD_TONES){if(tone==="default")continue;const opts=tone==="transparent"?{colorPalette}:{bg,colorPalette};defineLazyProperty(scheme,tone,()=>renderThemeColor(value[tone],opts));}return scheme;}function renderThemeColor(value,options){const{colorPalette,bg}=options,blendMode=value._blend||"multiply",baseBg=renderColorValue(value.bg,{colorPalette,bg,blendMode}),colorOptions={colorPalette,bg:baseBg,blendMode},button=renderThemeColorButton(value.button,{baseBg,blendMode,colorPalette}),selectable=renderThemeColorSelectable(value.selectable,{colorPalette,baseBg,blendMode}),shadow={outline:renderColorValue(value.shadow.outline,colorOptions),umbra:renderColorValue(value.shadow.umbra,_objectSpread(_objectSpread({},colorOptions),{},{bg:void 0,colorPalette:_objectSpread(_objectSpread({},colorPalette),{},{black:"#000000"})})),penumbra:renderColorValue(value.shadow.penumbra,_objectSpread(_objectSpread({},colorOptions),{},{bg:void 0,colorPalette:_objectSpread(_objectSpread({},colorPalette),{},{black:"#000000"})})),ambient:renderColorValue(value.shadow.ambient,_objectSpread(_objectSpread({},colorOptions),{},{bg:void 0,colorPalette:_objectSpread(_objectSpread({},colorPalette),{},{black:"#000000"})}))};return{_blend:blendMode,_dark:value._dark,accent:{fg:renderColorValue(value.accent.fg,colorOptions)},avatar:renderThemeColorAvatar(value.avatar,{baseBg,colorPalette,blendMode}),backdrop:renderColorValue(value.backdrop,colorOptions),badge:renderThemeColorBadge(value.badge,{baseBg,colorPalette,blendMode}),bg:baseBg,border:renderColorValue(value.border,colorOptions),button,code:{bg:renderColorValue(value.code.bg,colorOptions),fg:renderColorValue(value.code.fg,colorOptions)},fg:renderColorValue(value.fg,colorOptions),focusRing:renderColorValue(value.focusRing,colorOptions),icon:renderColorValue(value.icon,colorOptions),input:renderThemeColorInput(value.input,{baseBg,colorPalette,blendMode}),kbd:renderThemeColorKBD(value.kbd,{baseBg,colorPalette,blendMode}),link:{fg:renderColorValue(value.link.fg,colorOptions)},muted:{bg:renderColorValue(value.muted.bg,colorOptions),fg:renderColorValue(value.muted.fg,colorOptions)},shadow,skeleton:{from:renderColorValue(value.skeleton.from,colorOptions),to:renderColorValue(value.skeleton.to,colorOptions)},syntax:renderSyntaxColorTheme(value.syntax,{baseBg,colorPalette,blendMode}),selectable};}function renderThemeColorKBD(value,options){const{baseBg,blendMode,colorPalette}=options,rootOptions={bg:baseBg,blendMode,colorPalette},bg=renderColorValue(value.bg,rootOptions),colorOptions={bg,blendMode,colorPalette};return{bg,fg:renderColorValue(value.fg,colorOptions),border:renderColorValue(value.border,colorOptions)};}function renderThemeColorAvatar(value,options){const colorAvatar={};for(const hue of COLOR_HUES)colorAvatar[hue]=renderThemeColorAvatarColor(value[hue],options);return colorAvatar;}function renderThemeColorAvatarColor(value,options){const{baseBg,blendMode:rootBlendMode,colorPalette}=options,blendMode=value._blend||"multiply",rootOptions={bg:baseBg,blendMode:rootBlendMode,colorPalette},bg=renderColorValue(value.bg,rootOptions),colorOptions={bg,blendMode,colorPalette};return{_blend:blendMode,bg,fg:renderColorValue(value.fg,colorOptions)};}function renderThemeColorBadge(value,options){const colorBadge={};for(const tone of THEME_COLOR_STATE_TONES)colorBadge[tone]=renderThemeColorBadgeColor(value[tone],options);return colorBadge;}function renderThemeColorBadgeColor(value,options){const{baseBg,blendMode:rootBlendMode,colorPalette}=options,blendMode=rootBlendMode,rootOptions={bg:baseBg,blendMode:rootBlendMode,colorPalette},bg=renderColorValue(value.bg,rootOptions),colorOptions={bg,blendMode,colorPalette};return{bg,dot:renderColorValue(value.dot,colorOptions),fg:renderColorValue(value.fg,colorOptions),icon:renderColorValue(value.icon,colorOptions)};}function renderThemeColorButton(value,options){return{default:renderThemeColorButtonTones(value.default,options),ghost:renderThemeColorButtonTones(value.ghost,options),bleed:renderThemeColorButtonTones(value.bleed,options)};}function renderThemeColorButtonTones(value,options){const colorButtonMode={};for(const tone of THEME_COLOR_STATE_TONES)colorButtonMode[tone]=renderThemeColorButtonStates(value[tone],options);return colorButtonMode;}function renderThemeColorButtonStates(value,options){return{enabled:renderThemeColorState(value.enabled,options),hovered:renderThemeColorState(value.hovered,options),pressed:renderThemeColorState(value.pressed,options),selected:renderThemeColorState(value.selected,options),disabled:renderThemeColorState(value.disabled,options)};}function renderThemeColorState(value,options){var _value$skeleton,_value$skeleton2;const{baseBg,blendMode:rootBlendMode,colorPalette}=options,blendMode=value._blend||"multiply",rootOptions={bg:baseBg,blendMode:rootBlendMode,colorPalette},bg=renderColorValue(value.bg,rootOptions),colorOptions={bg,blendMode,colorPalette};return{_blend:blendMode,accent:{fg:renderColorValue(value.accent.fg,colorOptions)},avatar:renderThemeColorAvatar(value.avatar,{baseBg:bg,colorPalette,blendMode}),badge:renderThemeColorBadge(value.badge,{baseBg:bg,colorPalette,blendMode}),bg,border:renderColorValue(value.border,colorOptions),code:{bg:renderColorValue(value.code.bg,colorOptions),fg:renderColorValue(value.code.fg,colorOptions)},fg:renderColorValue(value.fg,colorOptions),icon:renderColorValue(value.icon,colorOptions),link:{fg:renderColorValue(value.link.fg,colorOptions)},muted:{bg:renderColorValue(value.muted.bg,colorOptions),fg:renderColorValue(value.muted.fg,colorOptions)},kbd:{bg:renderColorValue(value.kbd.bg,colorOptions),fg:renderColorValue(value.kbd.fg,colorOptions),border:renderColorValue(value.kbd.border,colorOptions)},skeleton:{from:renderColorValue((_value$skeleton=value.skeleton)===null||_value$skeleton===void 0?void 0:_value$skeleton.from,colorOptions),to:renderColorValue((_value$skeleton2=value.skeleton)===null||_value$skeleton2===void 0?void 0:_value$skeleton2.to,colorOptions)}};}function renderThemeColorInput(value,options){return{default:renderInputStatesColorTheme(value.default,options),invalid:renderInputStatesColorTheme(value.invalid,options)};}function renderInputStatesColorTheme(value,options){return{enabled:renderInputStateColorTheme(value.enabled,options),hovered:renderInputStateColorTheme(value.hovered,options),readOnly:renderInputStateColorTheme(value.readOnly,options),disabled:renderInputStateColorTheme(value.disabled,options)};}function renderInputStateColorTheme(value,options){const{baseBg,blendMode:rootBlendMode,colorPalette}=options,blendMode=value._blend||"multiply",rootOptions={colorPalette,bg:baseBg,blendMode:rootBlendMode},bg=renderColorValue(value.bg,rootOptions),colorOptions={colorPalette,bg,blendMode};return{_blend:blendMode,bg,border:renderColorValue(value.border,colorOptions),fg:renderColorValue(value.fg,colorOptions),muted:{bg:renderColorValue(value.muted.bg,colorOptions)},placeholder:renderColorValue(value.placeholder,colorOptions)};}function renderThemeColorSelectable(value,options){const colorSelectable={};for(const tone of THEME_COLOR_STATE_TONES)colorSelectable[tone]=renderThemeColorSelectableStates(value[tone],options);return colorSelectable;}function renderThemeColorSelectableStates(value,options){return{enabled:renderThemeColorState(value.enabled,options),hovered:renderThemeColorState(value.hovered,options),pressed:renderThemeColorState(value.pressed,options),selected:renderThemeColorState(value.selected,options),disabled:renderThemeColorState(value.disabled,options)};}function renderSyntaxColorTheme(value,options){const{colorPalette,baseBg,blendMode}=options,colorOptions={colorPalette,bg:baseBg,blendMode};return{atrule:renderColorValue(value.atrule,colorOptions),attrName:renderColorValue(value.attrName,colorOptions),attrValue:renderColorValue(value.attrValue,colorOptions),attribute:renderColorValue(value.attribute,colorOptions),boolean:renderColorValue(value.boolean,colorOptions),builtin:renderColorValue(value.builtin,colorOptions),cdata:renderColorValue(value.cdata,colorOptions),char:renderColorValue(value.char,colorOptions),class:renderColorValue(value.class,colorOptions),className:renderColorValue(value.className,colorOptions),comment:renderColorValue(value.comment,colorOptions),constant:renderColorValue(value.constant,colorOptions),deleted:renderColorValue(value.deleted,colorOptions),doctype:renderColorValue(value.doctype,colorOptions),entity:renderColorValue(value.entity,colorOptions),function:renderColorValue(value.function,colorOptions),hexcode:renderColorValue(value.hexcode,colorOptions),id:renderColorValue(value.id,colorOptions),important:renderColorValue(value.important,colorOptions),inserted:renderColorValue(value.inserted,colorOptions),keyword:renderColorValue(value.keyword,colorOptions),number:renderColorValue(value.number,colorOptions),operator:renderColorValue(value.operator,colorOptions),prolog:renderColorValue(value.prolog,colorOptions),property:renderColorValue(value.property,colorOptions),pseudoClass:renderColorValue(value.pseudoClass,colorOptions),pseudoElement:renderColorValue(value.pseudoElement,colorOptions),punctuation:renderColorValue(value.punctuation,colorOptions),regex:renderColorValue(value.regex,colorOptions),selector:renderColorValue(value.selector,colorOptions),string:renderColorValue(value.string,colorOptions),symbol:renderColorValue(value.symbol,colorOptions),tag:renderColorValue(value.tag,colorOptions),unit:renderColorValue(value.unit,colorOptions),url:renderColorValue(value.url,colorOptions),variable:renderColorValue(value.variable,colorOptions)};}function buildTheme(config){var _config$avatar,_config$button,_config$card,_config$container,_config$font,_config$input,_config$layer,_config$media,_config$radius,_config$shadow,_config$space,_config$style;const colorTheme=buildColorTheme(config),v2={_version:2,avatar:(_config$avatar=config===null||config===void 0?void 0:config.avatar)!==null&&_config$avatar!==void 0?_config$avatar:defaultThemeConfig.avatar,button:(_config$button=config===null||config===void 0?void 0:config.button)!==null&&_config$button!==void 0?_config$button:defaultThemeConfig.button,card:(_config$card=config===null||config===void 0?void 0:config.card)!==null&&_config$card!==void 0?_config$card:defaultThemeConfig.card,// How colors are generated:
10
10
  // 1. Merge custom tokens with default tokens
11
11
  // 2. Generate tree of color keys (gray/500, black, white, etc.)
12
12
  // 3. Apply mixing and render to hex values
13
13
  // render(build(mergeWithDefaults()))
14
- color:renderThemeColorSchemes(colorTheme,config),container:(_config$container=config===null||config===void 0?void 0:config.container)!==null&&_config$container!==void 0?_config$container:defaultThemeConfig.container,font:(_config$font=config===null||config===void 0?void 0:config.font)!==null&&_config$font!==void 0?_config$font:defaultThemeFonts,input:(_config$input=config===null||config===void 0?void 0:config.input)!==null&&_config$input!==void 0?_config$input:defaultThemeConfig.input,layer:(_config$layer=config===null||config===void 0?void 0:config.layer)!==null&&_config$layer!==void 0?_config$layer:defaultThemeConfig.layer,media:(_config$media=config===null||config===void 0?void 0:config.media)!==null&&_config$media!==void 0?_config$media:defaultThemeConfig.media,radius:(_config$radius=config===null||config===void 0?void 0:config.radius)!==null&&_config$radius!==void 0?_config$radius:defaultThemeConfig.radius,shadow:(_config$shadow=config===null||config===void 0?void 0:config.shadow)!==null&&_config$shadow!==void 0?_config$shadow:defaultThemeConfig.shadow,space:(_config$space=config===null||config===void 0?void 0:config.space)!==null&&_config$space!==void 0?_config$space:defaultThemeConfig.space,style:(_config$style=config===null||config===void 0?void 0:config.style)!==null&&_config$style!==void 0?_config$style:defaultThemeConfig.style};return v2_v0(v2);}function themeColor_v0_v2_9(color2){if("neutral"in color2.badge)return color2;const colors2=color2;return _objectSpread(_objectSpread({},colors2),{},{badge:_objectSpread(_objectSpread({},colors2.badge),{},{neutral:colors2.badge.default,suggest:colors2.badge.primary}),button:{bleed:_objectSpread(_objectSpread({},colors2.button.bleed),{},{neutral:colors2.button.bleed.default,suggest:colors2.button.bleed.primary}),default:_objectSpread(_objectSpread({},colors2.button.default),{},{neutral:colors2.button.default.default,suggest:colors2.button.default.primary}),ghost:_objectSpread(_objectSpread({},colors2.button.ghost),{},{neutral:colors2.button.ghost.default,suggest:colors2.button.ghost.primary})},selectable:_objectSpread(_objectSpread({},colors2.selectable),{},{neutral:colors2.selectable.default,suggest:colors2.selectable.primary})});}const cache$5=/* @__PURE__ */new Map();function getScopedTheme(themeProp,scheme,tone){const cachedTheme=_getCachedTheme(themeProp,scheme,tone);if(cachedTheme)return cachedTheme;const v0=is_v2(themeProp)?v2_v0(themeProp):themeProp,v2=is_v2(themeProp)?themeProp:v0_v2(themeProp),colorScheme_v0=v0.color[scheme]||v0.color.light,color_v0=colorScheme_v0[tone]||colorScheme_v0.default,layer_v0=v0.layer||defaultThemeConfig.layer,colorScheme_v2=v2.color[scheme]||v2.color.light,color_v2=colorScheme_v2[tone]||colorScheme_v2.default,color_v2_9=themeColor_v0_v2_9(color_v2),layer_v2=v2.layer||defaultThemeConfig.layer,theme={sanity:_objectSpread(_objectSpread({},v0),{},{color:color_v0,layer:layer_v0,v2:_objectSpread(_objectSpread({},v2),{},{_resolved:!0,color:color_v2_9,layer:layer_v2})})};return _setCachedTheme(themeProp,scheme,tone,theme),theme;}function _getCachedTheme(rootTheme,scheme,tone){const schemeCache=cache$5.get(scheme);if(!schemeCache)return;const toneCache=schemeCache.get(tone);if(toneCache)return toneCache.get(rootTheme);}function _setCachedTheme(rootTheme,scheme,tone,theme){cache$5.has(scheme)||cache$5.set(scheme,/* @__PURE__ */new Map());const schemeCache=cache$5.get(scheme);schemeCache.has(tone)||schemeCache.set(tone,/* @__PURE__ */new WeakMap()),schemeCache.get(tone).set(rootTheme,theme);}function getDefaultExportFromCjs(x){return x&&x.__esModule&&Object.prototype.hasOwnProperty.call(x,'default')?x['default']:x;}/**
14
+ color:renderThemeColorSchemes(colorTheme,config),container:(_config$container=config===null||config===void 0?void 0:config.container)!==null&&_config$container!==void 0?_config$container:defaultThemeConfig.container,font:(_config$font=config===null||config===void 0?void 0:config.font)!==null&&_config$font!==void 0?_config$font:defaultThemeFonts,input:(_config$input=config===null||config===void 0?void 0:config.input)!==null&&_config$input!==void 0?_config$input:defaultThemeConfig.input,layer:(_config$layer=config===null||config===void 0?void 0:config.layer)!==null&&_config$layer!==void 0?_config$layer:defaultThemeConfig.layer,media:(_config$media=config===null||config===void 0?void 0:config.media)!==null&&_config$media!==void 0?_config$media:defaultThemeConfig.media,radius:(_config$radius=config===null||config===void 0?void 0:config.radius)!==null&&_config$radius!==void 0?_config$radius:defaultThemeConfig.radius,shadow:(_config$shadow=config===null||config===void 0?void 0:config.shadow)!==null&&_config$shadow!==void 0?_config$shadow:defaultThemeConfig.shadow,space:(_config$space=config===null||config===void 0?void 0:config.space)!==null&&_config$space!==void 0?_config$space:defaultThemeConfig.space,style:(_config$style=config===null||config===void 0?void 0:config.style)!==null&&_config$style!==void 0?_config$style:defaultThemeConfig.style};return v2_v0(v2);}function themeColor_v0_v2_9(color2){if("neutral"in color2.badge)return color2;const colors2=color2;return _objectSpread(_objectSpread({},colors2),{},{badge:_objectSpread(_objectSpread({},colors2.badge),{},{neutral:colors2.badge.default,suggest:colors2.badge.primary}),button:{bleed:_objectSpread(_objectSpread({},colors2.button.bleed),{},{neutral:colors2.button.bleed.default,suggest:colors2.button.bleed.primary}),default:_objectSpread(_objectSpread({},colors2.button.default),{},{neutral:colors2.button.default.default,suggest:colors2.button.default.primary}),ghost:_objectSpread(_objectSpread({},colors2.button.ghost),{},{neutral:colors2.button.ghost.default,suggest:colors2.button.ghost.primary})},selectable:_objectSpread(_objectSpread({},colors2.selectable),{},{neutral:colors2.selectable.default,suggest:colors2.selectable.primary})});}const cache$5=/* @__PURE__ */new Map();function getScopedTheme(themeProp,scheme,tone){const cachedTheme=_getCachedTheme(themeProp,scheme,tone);if(cachedTheme)return cachedTheme;const v0=is_v2(themeProp)?v2_v0(themeProp):themeProp,v2=is_v2(themeProp)?themeProp:v0_v2(themeProp),layer_v0=v0.layer||defaultThemeConfig.layer,colorScheme_v2=v2.color[scheme]||v2.color.light,color_v2=colorScheme_v2[tone]||colorScheme_v2.default,color_v2_9=themeColor_v0_v2_9(color_v2),layer_v2=v2.layer||defaultThemeConfig.layer,{color:_v0Color}=v0,v0Rest=_objectWithoutProperties(v0,_excluded),sanity=_objectSpread(_objectSpread({},v0Rest),{},{layer:layer_v0,v2:_objectSpread(_objectSpread({},v2),{},{_resolved:!0,color:color_v2_9,layer:layer_v2})});defineLazyProperty(sanity,"color",()=>{const colorScheme_v0=v0.color[scheme]||v0.color.light;return colorScheme_v0[tone]||colorScheme_v0.default;});const theme={sanity};return _setCachedTheme(themeProp,scheme,tone,theme),theme;}function _getCachedTheme(rootTheme,scheme,tone){const schemeCache=cache$5.get(scheme);if(!schemeCache)return;const toneCache=schemeCache.get(tone);if(toneCache)return toneCache.get(rootTheme);}function _setCachedTheme(rootTheme,scheme,tone,theme){cache$5.has(scheme)||cache$5.set(scheme,/* @__PURE__ */new Map());const schemeCache=cache$5.get(scheme);schemeCache.has(tone)||schemeCache.set(tone,/* @__PURE__ */new WeakMap()),schemeCache.get(tone).set(rootTheme,theme);}function getDefaultExportFromCjs(x){return x&&x.__esModule&&Object.prototype.hasOwnProperty.call(x,'default')?x['default']:x;}/**
15
15
  * Copyright (c) Meta Platforms, Inc. and affiliates.
16
16
  *
17
17
  * This source code is licensed under the MIT license found in the
@@ -81,7 +81,7 @@ const shouldAddOffset=!middlewareData.arrow&&getAlignment(placement)!=null&&cent
81
81
  * that has the most space available automatically, without needing to specify a
82
82
  * preferred placement. Alternative to `flip`.
83
83
  * @see https://floating-ui.com/docs/autoPlacement
84
- */const autoPlacement$2=function(options){if(options===void 0){options={};}return{name:'autoPlacement',options,async fn(state){var _middlewareData$autoP,_middlewareData$autoP2,_placementsThatFitOnE;const{rects,middlewareData,placement,platform,elements}=state;const _evaluate=evaluate(options,state),{crossAxis=false,alignment,allowedPlacements=placements,autoAlignment=true}=_evaluate,detectOverflowOptions=_objectWithoutProperties(_evaluate,_excluded);const placements$1=alignment!==undefined||allowedPlacements===placements?getPlacementList(alignment||null,autoAlignment,allowedPlacements):allowedPlacements;const overflow=await platform.detectOverflow(state,detectOverflowOptions);const currentIndex=((_middlewareData$autoP=middlewareData.autoPlacement)==null?void 0:_middlewareData$autoP.index)||0;const currentPlacement=placements$1[currentIndex];if(currentPlacement==null){return{};}const alignmentSides=getAlignmentSides(currentPlacement,rects,await(platform.isRTL==null?void 0:platform.isRTL(elements.floating)));// Make `computeCoords` start from the right place.
84
+ */const autoPlacement$2=function(options){if(options===void 0){options={};}return{name:'autoPlacement',options,async fn(state){var _middlewareData$autoP,_middlewareData$autoP2,_placementsThatFitOnE;const{rects,middlewareData,placement,platform,elements}=state;const _evaluate=evaluate(options,state),{crossAxis=false,alignment,allowedPlacements=placements,autoAlignment=true}=_evaluate,detectOverflowOptions=_objectWithoutProperties(_evaluate,_excluded2);const placements$1=alignment!==undefined||allowedPlacements===placements?getPlacementList(alignment||null,autoAlignment,allowedPlacements):allowedPlacements;const overflow=await platform.detectOverflow(state,detectOverflowOptions);const currentIndex=((_middlewareData$autoP=middlewareData.autoPlacement)==null?void 0:_middlewareData$autoP.index)||0;const currentPlacement=placements$1[currentIndex];if(currentPlacement==null){return{};}const alignmentSides=getAlignmentSides(currentPlacement,rects,await(platform.isRTL==null?void 0:platform.isRTL(elements.floating)));// Make `computeCoords` start from the right place.
85
85
  if(placement!==currentPlacement){return{reset:{placement:placements$1[0]}};}const currentOverflows=[overflow[getSide(currentPlacement)],overflow[alignmentSides[0]],overflow[alignmentSides[1]]];const allOverflows=[...(((_middlewareData$autoP2=middlewareData.autoPlacement)==null?void 0:_middlewareData$autoP2.overflows)||[]),{placement:currentPlacement,overflows:currentOverflows}];const nextPlacement=placements$1[currentIndex+1];// There are more placements to check.
86
86
  if(nextPlacement){return{data:{index:currentIndex+1,overflows:allOverflows},reset:{placement:nextPlacement}};}const placementsSortedByMostSpace=allOverflows.map(d=>{const alignment=getAlignment(d.placement);return[d.placement,alignment&&crossAxis?// Check along the mainAxis and main crossAxis side.
87
87
  d.overflows.slice(0,2).reduce((acc,v)=>acc+v,0):// Check only the mainAxis.
@@ -92,7 +92,7 @@ getAlignment(d[0])?2:3).every(v=>v<=0));const resetPlacement=((_placementsThatFi
92
92
  * in order to keep it in view when the preferred placement(s) will overflow the
93
93
  * clipping boundary. Alternative to `autoPlacement`.
94
94
  * @see https://floating-ui.com/docs/flip
95
- */const flip$2=function(options){if(options===void 0){options={};}return{name:'flip',options,async fn(state){var _middlewareData$arrow,_middlewareData$flip;const{placement,middlewareData,rects,initialPlacement,platform,elements}=state;const _evaluate2=evaluate(options,state),{mainAxis:checkMainAxis=true,crossAxis:checkCrossAxis=true,fallbackPlacements:specifiedFallbackPlacements,fallbackStrategy='bestFit',fallbackAxisSideDirection='none',flipAlignment=true}=_evaluate2,detectOverflowOptions=_objectWithoutProperties(_evaluate2,_excluded2);// If a reset by the arrow was caused due to an alignment offset being
95
+ */const flip$2=function(options){if(options===void 0){options={};}return{name:'flip',options,async fn(state){var _middlewareData$arrow,_middlewareData$flip;const{placement,middlewareData,rects,initialPlacement,platform,elements}=state;const _evaluate2=evaluate(options,state),{mainAxis:checkMainAxis=true,crossAxis:checkCrossAxis=true,fallbackPlacements:specifiedFallbackPlacements,fallbackStrategy='bestFit',fallbackAxisSideDirection='none',flipAlignment=true}=_evaluate2,detectOverflowOptions=_objectWithoutProperties(_evaluate2,_excluded3);// If a reset by the arrow was caused due to an alignment offset being
96
96
  // added, we should skip any logic now since `flip()` has already done its
97
97
  // work.
98
98
  // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643
@@ -109,7 +109,7 @@ currentSideAxis==='y';}return true;}).map(d=>[d.placement,d.overflows.filter(ove
109
109
  * Provides data to hide the floating element in applicable situations, such as
110
110
  * when it is not in the same clipping context as the reference element.
111
111
  * @see https://floating-ui.com/docs/hide
112
- */const hide$2=function(options){if(options===void 0){options={};}return{name:'hide',options,async fn(state){const{rects,platform}=state;const _evaluate3=evaluate(options,state),{strategy='referenceHidden'}=_evaluate3,detectOverflowOptions=_objectWithoutProperties(_evaluate3,_excluded3);switch(strategy){case'referenceHidden':{const overflow=await platform.detectOverflow(state,_objectSpread(_objectSpread({},detectOverflowOptions),{},{elementContext:'reference'}));const offsets=getSideOffsets(overflow,rects.reference);return{data:{referenceHiddenOffsets:offsets,referenceHidden:isAnySideFullyClipped(offsets)}};}case'escaped':{const overflow=await platform.detectOverflow(state,_objectSpread(_objectSpread({},detectOverflowOptions),{},{altBoundary:true}));const offsets=getSideOffsets(overflow,rects.floating);return{data:{escapedOffsets:offsets,escaped:isAnySideFullyClipped(offsets)}};}default:{return{};}}}};};const originSides=/*#__PURE__*/new Set(['left','top']);// For type backwards-compatibility, the `OffsetOptions` type was also
112
+ */const hide$2=function(options){if(options===void 0){options={};}return{name:'hide',options,async fn(state){const{rects,platform}=state;const _evaluate3=evaluate(options,state),{strategy='referenceHidden'}=_evaluate3,detectOverflowOptions=_objectWithoutProperties(_evaluate3,_excluded4);switch(strategy){case'referenceHidden':{const overflow=await platform.detectOverflow(state,_objectSpread(_objectSpread({},detectOverflowOptions),{},{elementContext:'reference'}));const offsets=getSideOffsets(overflow,rects.reference);return{data:{referenceHiddenOffsets:offsets,referenceHidden:isAnySideFullyClipped(offsets)}};}case'escaped':{const overflow=await platform.detectOverflow(state,_objectSpread(_objectSpread({},detectOverflowOptions),{},{altBoundary:true}));const offsets=getSideOffsets(overflow,rects.floating);return{data:{escapedOffsets:offsets,escaped:isAnySideFullyClipped(offsets)}};}default:{return{};}}}};};const originSides=/*#__PURE__*/new Set(['left','top']);// For type backwards-compatibility, the `OffsetOptions` type was also
113
113
  // Derivable.
114
114
  async function convertValueToCoords(state,options){const{placement,platform,elements}=state;const rtl=await(platform.isRTL==null?void 0:platform.isRTL(elements.floating));const side=getSide(placement);const alignment=getAlignment(placement);const isVertical=getSideAxis(placement)==='y';const mainAxisMulti=originSides.has(side)?-1:1;const crossAxisMulti=rtl&&isVertical?-1:1;const rawValue=evaluate(options,state);// eslint-disable-next-line prefer-const
115
115
  let{mainAxis,crossAxis,alignmentAxis}=typeof rawValue==='number'?{mainAxis:rawValue,crossAxis:0,alignmentAxis:null}:{mainAxis:rawValue.mainAxis||0,crossAxis:rawValue.crossAxis||0,alignmentAxis:rawValue.alignmentAxis};if(alignment&&typeof alignmentAxis==='number'){crossAxis=alignment==='end'?alignmentAxis*-1:alignmentAxis;}return isVertical?{x:crossAxis*crossAxisMulti,y:mainAxis*mainAxisMulti}:{x:mainAxis*mainAxisMulti,y:crossAxis*crossAxisMulti};}/**
@@ -124,7 +124,7 @@ if(placement===((_middlewareData$offse=middlewareData.offset)==null?void 0:_midd
124
124
  * Optimizes the visibility of the floating element by shifting it in order to
125
125
  * keep it in view when it will overflow the clipping boundary.
126
126
  * @see https://floating-ui.com/docs/shift
127
- */const shift$2=function(options){if(options===void 0){options={};}return{name:'shift',options,async fn(state){const{x,y,placement,platform}=state;const _evaluate4=evaluate(options,state),{mainAxis:checkMainAxis=true,crossAxis:checkCrossAxis=false,limiter={fn:_ref=>{let{x,y}=_ref;return{x,y};}}}=_evaluate4,detectOverflowOptions=_objectWithoutProperties(_evaluate4,_excluded4);const coords={x,y};const overflow=await platform.detectOverflow(state,detectOverflowOptions);const crossAxis=getSideAxis(getSide(placement));const mainAxis=getOppositeAxis(crossAxis);let mainAxisCoord=coords[mainAxis];let crossAxisCoord=coords[crossAxis];if(checkMainAxis){const minSide=mainAxis==='y'?'top':'left';const maxSide=mainAxis==='y'?'bottom':'right';const min=mainAxisCoord+overflow[minSide];const max=mainAxisCoord-overflow[maxSide];mainAxisCoord=clamp$2(min,mainAxisCoord,max);}if(checkCrossAxis){const minSide=crossAxis==='y'?'top':'left';const maxSide=crossAxis==='y'?'bottom':'right';const min=crossAxisCoord+overflow[minSide];const max=crossAxisCoord-overflow[maxSide];crossAxisCoord=clamp$2(min,crossAxisCoord,max);}const limitedCoords=limiter.fn(_objectSpread(_objectSpread({},state),{},{[mainAxis]:mainAxisCoord,[crossAxis]:crossAxisCoord}));return _objectSpread(_objectSpread({},limitedCoords),{},{data:{x:limitedCoords.x-x,y:limitedCoords.y-y,enabled:{[mainAxis]:checkMainAxis,[crossAxis]:checkCrossAxis}}});}};};function hasWindow(){return typeof window!=='undefined';}function getNodeName(node){if(isNode(node)){return(node.nodeName||'').toLowerCase();}// Mocked nodes in testing environments may not be instances of Node. By
127
+ */const shift$2=function(options){if(options===void 0){options={};}return{name:'shift',options,async fn(state){const{x,y,placement,platform}=state;const _evaluate4=evaluate(options,state),{mainAxis:checkMainAxis=true,crossAxis:checkCrossAxis=false,limiter={fn:_ref=>{let{x,y}=_ref;return{x,y};}}}=_evaluate4,detectOverflowOptions=_objectWithoutProperties(_evaluate4,_excluded5);const coords={x,y};const overflow=await platform.detectOverflow(state,detectOverflowOptions);const crossAxis=getSideAxis(getSide(placement));const mainAxis=getOppositeAxis(crossAxis);let mainAxisCoord=coords[mainAxis];let crossAxisCoord=coords[crossAxis];if(checkMainAxis){const minSide=mainAxis==='y'?'top':'left';const maxSide=mainAxis==='y'?'bottom':'right';const min=mainAxisCoord+overflow[minSide];const max=mainAxisCoord-overflow[maxSide];mainAxisCoord=clamp$2(min,mainAxisCoord,max);}if(checkCrossAxis){const minSide=crossAxis==='y'?'top':'left';const maxSide=crossAxis==='y'?'bottom':'right';const min=crossAxisCoord+overflow[minSide];const max=crossAxisCoord-overflow[maxSide];crossAxisCoord=clamp$2(min,crossAxisCoord,max);}const limitedCoords=limiter.fn(_objectSpread(_objectSpread({},state),{},{[mainAxis]:mainAxisCoord,[crossAxis]:crossAxisCoord}));return _objectSpread(_objectSpread({},limitedCoords),{},{data:{x:limitedCoords.x-x,y:limitedCoords.y-y,enabled:{[mainAxis]:checkMainAxis,[crossAxis]:checkCrossAxis}}});}};};function hasWindow(){return typeof window!=='undefined';}function getNodeName(node){if(isNode(node)){return(node.nodeName||'').toLowerCase();}// Mocked nodes in testing environments may not be instances of Node. By
128
128
  // returning `#document` an infinite loop won't occur.
129
129
  // https://github.com/floating-ui/floating-ui/issues/2317
130
130
  return'#document';}function getWindow(node){var _node$ownerDocument;return(node==null||(_node$ownerDocument=node.ownerDocument)==null?void 0:_node$ownerDocument.defaultView)||window;}function getDocumentElement(node){var _ref;return(_ref=(isNode(node)?node.ownerDocument:node.document)||window.document)==null?void 0:_ref.documentElement;}function isNode(value){if(!hasWindow()){return false;}return value instanceof Node||value instanceof getWindow(value).Node;}function isElement$1(value){if(!hasWindow()){return false;}return value instanceof Element||value instanceof getWindow(value).Element;}function isHTMLElement$2(value){if(!hasWindow()){return false;}return value instanceof HTMLElement||value instanceof getWindow(value).HTMLElement;}function isShadowRoot(value){if(!hasWindow()||typeof ShadowRoot==='undefined'){return false;}return value instanceof ShadowRoot||value instanceof getWindow(value).ShadowRoot;}const invalidOverflowDisplayValues=/*#__PURE__*/new Set(['inline','contents']);function isOverflowElement(element){const{overflow,overflowX,overflowY,display}=getComputedStyle$2(element);return /auto|scroll|overlay|hidden|clip/.test(overflow+overflowY+overflowX)&&!invalidOverflowDisplayValues.has(display);}const tableElements=/*#__PURE__*/new Set(['table','td','th']);function isTableElement(element){return tableElements.has(getNodeName(element));}const topLayerSelectors=[':popover-open',':modal'];function isTopLayer(element){return topLayerSelectors.some(selector=>{try{return element.matches(selector);}catch(_e){return false;}});}const transformProperties=['transform','translate','scale','rotate','perspective'];const willChangeValues=['transform','translate','scale','rotate','perspective','filter'];const containValues=['paint','layout','strict','content'];function isContainingBlock(elementOrCss){const webkit=isWebKit();const css=isElement$1(elementOrCss)?getComputedStyle$2(elementOrCss):elementOrCss;// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
@@ -390,11 +390,11 @@ return value.split("/*")[0].includes("var(--");}const number={test:v=>typeof v==
390
390
  const sanitize=v=>Math.round(v*100000)/100000;const floatRegex=/-?(?:[0-9]+(?:\.[0-9]+)?|\.[0-9]+)/g;function isNullish(v){return v==null;}const singleColorRegex=/^(?:#[0-9a-f]{3,8}|(?:rgb|h[s\u017F]l)a?\((?:-?[\.0-9]+%?[\t-\r ,\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]+){2}-?[\.0-9]+%?[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*(?:[,\/][\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*)?(?:\b[0-9]+(?:\.[0-9]+)?|\.[0-9]+)?%?\))$/i;/**
391
391
  * Returns true if the provided string is a color, ie rgba(0,0,0,0) or #000,
392
392
  * but false if a number or multiple colors
393
- */const isColorString=(type,testProp)=>v=>{return Boolean(typeof v==="string"&&singleColorRegex.test(v)&&v.startsWith(type)||testProp&&!isNullish(v)&&Object.prototype.hasOwnProperty.call(v,testProp));};const splitColor=(aName,bName,cName)=>v=>{if(typeof v!=="string")return v;const[a,b,c,alpha]=v.match(floatRegex);return{[aName]:parseFloat(a),[bName]:parseFloat(b),[cName]:parseFloat(c),alpha:alpha!==undefined?parseFloat(alpha):1};};const clampRgbUnit=v=>clamp$1(0,255,v);const rgbUnit=_objectSpread(_objectSpread({},number),{},{transform:v=>Math.round(clampRgbUnit(v))});const rgba={test:/*@__PURE__*/isColorString("rgb","red"),parse:/*@__PURE__*/splitColor("red","green","blue"),transform:_ref6=>{let{red,green,blue,alpha:alpha$1=1}=_ref6;return"rgba("+rgbUnit.transform(red)+", "+rgbUnit.transform(green)+", "+rgbUnit.transform(blue)+", "+sanitize(alpha.transform(alpha$1))+")";}};function parseHex(v){let r="";let g="";let b="";let a="";// If we have 6 characters, ie #FF0000
393
+ */const isColorString=(type,testProp)=>v=>{return Boolean(typeof v==="string"&&singleColorRegex.test(v)&&v.startsWith(type)||testProp&&!isNullish(v)&&Object.prototype.hasOwnProperty.call(v,testProp));};const splitColor=(aName,bName,cName)=>v=>{if(typeof v!=="string")return v;const[a,b,c,alpha]=v.match(floatRegex);return{[aName]:parseFloat(a),[bName]:parseFloat(b),[cName]:parseFloat(c),alpha:alpha!==undefined?parseFloat(alpha):1};};const clampRgbUnit=v=>clamp$1(0,255,v);const rgbUnit=_objectSpread(_objectSpread({},number),{},{transform:v=>Math.round(clampRgbUnit(v))});const rgba={test:/*@__PURE__*/isColorString("rgb","red"),parse:/*@__PURE__*/splitColor("red","green","blue"),transform:_ref2=>{let{red,green,blue,alpha:alpha$1=1}=_ref2;return"rgba("+rgbUnit.transform(red)+", "+rgbUnit.transform(green)+", "+rgbUnit.transform(blue)+", "+sanitize(alpha.transform(alpha$1))+")";}};function parseHex(v){let r="";let g="";let b="";let a="";// If we have 6 characters, ie #FF0000
394
394
  if(v.length>5){r=v.substring(1,3);g=v.substring(3,5);b=v.substring(5,7);a=v.substring(7,9);// Or we have 3 characters, ie #F00
395
- }else{r=v.substring(1,2);g=v.substring(2,3);b=v.substring(3,4);a=v.substring(4,5);r+=r;g+=g;b+=b;a+=a;}return{red:parseInt(r,16),green:parseInt(g,16),blue:parseInt(b,16),alpha:a?parseInt(a,16)/255:1};}const hex={test:/*@__PURE__*/isColorString("#"),parse:parseHex,transform:rgba.transform};/*#__NO_SIDE_EFFECTS__*/const createUnitType=unit=>({test:v=>typeof v==="string"&&v.endsWith(unit)&&v.split(" ").length===1,parse:parseFloat,transform:v=>"".concat(v).concat(unit)});const degrees=/*@__PURE__*/createUnitType("deg");const percent=/*@__PURE__*/createUnitType("%");const px=/*@__PURE__*/createUnitType("px");const vh=/*@__PURE__*/createUnitType("vh");const vw=/*@__PURE__*/createUnitType("vw");const progressPercentage=/*@__PURE__*/(()=>_objectSpread(_objectSpread({},percent),{},{parse:v=>percent.parse(v)/100,transform:v=>percent.transform(v*100)}))();const hsla={test:/*@__PURE__*/isColorString("hsl","hue"),parse:/*@__PURE__*/splitColor("hue","saturation","lightness"),transform:_ref7=>{let{hue,saturation,lightness,alpha:alpha$1=1}=_ref7;return"hsla("+Math.round(hue)+", "+percent.transform(sanitize(saturation))+", "+percent.transform(sanitize(lightness))+", "+sanitize(alpha.transform(alpha$1))+")";}};const color={test:v=>rgba.test(v)||hex.test(v)||hsla.test(v),parse:v=>{if(rgba.test(v)){return rgba.parse(v);}else if(hsla.test(v)){return hsla.parse(v);}else{return hex.parse(v);}},transform:v=>{return typeof v==="string"?v:v.hasOwnProperty("red")?rgba.transform(v):hsla.transform(v);},getAnimatableNone:v=>{const parsed=color.parse(v);parsed.alpha=0;return color.transform(parsed);}};const colorRegex=/(?:#[0-9a-f]{3,8}|(?:rgb|h[s\u017F]l)a?\((?:-?[\.0-9]+%?[\t-\r ,\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]+){2}-?[\.0-9]+%?[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*(?:[,\/][\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*)?(?:\b[0-9]+(?:\.[0-9]+)?|\.[0-9]+)?%?\))/gi;function test(v){var _v$match,_v$match2;return isNaN(v)&&typeof v==="string"&&(((_v$match=v.match(floatRegex))===null||_v$match===void 0?void 0:_v$match.length)||0)+(((_v$match2=v.match(colorRegex))===null||_v$match2===void 0?void 0:_v$match2.length)||0)>0;}const NUMBER_TOKEN="number";const COLOR_TOKEN="color";const VAR_TOKEN="var";const VAR_FUNCTION_TOKEN="var(";const SPLIT_TOKEN="${}";// this regex consists of the `singleCssVariableRegex|rgbHSLValueRegex|digitRegex`
395
+ }else{r=v.substring(1,2);g=v.substring(2,3);b=v.substring(3,4);a=v.substring(4,5);r+=r;g+=g;b+=b;a+=a;}return{red:parseInt(r,16),green:parseInt(g,16),blue:parseInt(b,16),alpha:a?parseInt(a,16)/255:1};}const hex={test:/*@__PURE__*/isColorString("#"),parse:parseHex,transform:rgba.transform};/*#__NO_SIDE_EFFECTS__*/const createUnitType=unit=>({test:v=>typeof v==="string"&&v.endsWith(unit)&&v.split(" ").length===1,parse:parseFloat,transform:v=>"".concat(v).concat(unit)});const degrees=/*@__PURE__*/createUnitType("deg");const percent=/*@__PURE__*/createUnitType("%");const px=/*@__PURE__*/createUnitType("px");const vh=/*@__PURE__*/createUnitType("vh");const vw=/*@__PURE__*/createUnitType("vw");const progressPercentage=/*@__PURE__*/(()=>_objectSpread(_objectSpread({},percent),{},{parse:v=>percent.parse(v)/100,transform:v=>percent.transform(v*100)}))();const hsla={test:/*@__PURE__*/isColorString("hsl","hue"),parse:/*@__PURE__*/splitColor("hue","saturation","lightness"),transform:_ref3=>{let{hue,saturation,lightness,alpha:alpha$1=1}=_ref3;return"hsla("+Math.round(hue)+", "+percent.transform(sanitize(saturation))+", "+percent.transform(sanitize(lightness))+", "+sanitize(alpha.transform(alpha$1))+")";}};const color={test:v=>rgba.test(v)||hex.test(v)||hsla.test(v),parse:v=>{if(rgba.test(v)){return rgba.parse(v);}else if(hsla.test(v)){return hsla.parse(v);}else{return hex.parse(v);}},transform:v=>{return typeof v==="string"?v:v.hasOwnProperty("red")?rgba.transform(v):hsla.transform(v);},getAnimatableNone:v=>{const parsed=color.parse(v);parsed.alpha=0;return color.transform(parsed);}};const colorRegex=/(?:#[0-9a-f]{3,8}|(?:rgb|h[s\u017F]l)a?\((?:-?[\.0-9]+%?[\t-\r ,\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]+){2}-?[\.0-9]+%?[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*(?:[,\/][\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*)?(?:\b[0-9]+(?:\.[0-9]+)?|\.[0-9]+)?%?\))/gi;function test(v){var _v$match,_v$match2;return isNaN(v)&&typeof v==="string"&&(((_v$match=v.match(floatRegex))===null||_v$match===void 0?void 0:_v$match.length)||0)+(((_v$match2=v.match(colorRegex))===null||_v$match2===void 0?void 0:_v$match2.length)||0)>0;}const NUMBER_TOKEN="number";const COLOR_TOKEN="color";const VAR_TOKEN="var";const VAR_FUNCTION_TOKEN="var(";const SPLIT_TOKEN="${}";// this regex consists of the `singleCssVariableRegex|rgbHSLValueRegex|digitRegex`
396
396
  const complexRegex=/var[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*\([\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*--(?:[\x2D0-9A-Z_a-z\u017F\u212A]+[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*|[\x2D0-9A-Z_a-z\u017F\u212A]+[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*,(?:[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*(?:(?![\t-\r \(\)\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uD800-\uDFFF\uFEFF])[^]|[\uD800-\uDBFF][\uDC00-\uDFFF])|[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*\((?:(?:(?![\(\)\uD800-\uDFFF])[^]|[\uD800-\uDBFF][\uDC00-\uDFFF])|\((?:(?![\(\)\uD800-\uDFFF])[^]|[\uD800-\uDBFF][\uDC00-\uDFFF])*\))*\))+[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*)\)|#[0-9a-f]{3,8}|(?:rgb|h[s\u017F]l)a?\((?:-?[\.0-9]+%?[\t-\r ,\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]+){2}-?[\.0-9]+%?[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*(?:[,\/][\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*)?(?:\b[0-9]+(?:\.[0-9]+)?|\.[0-9]+)?%?\)|-?(?:[0-9]+(?:\.[0-9]+)?|\.[0-9]+)/gi;function analyseComplexValue(value){const originalValue=value.toString();const values=[];const indexes={color:[],number:[],var:[]};const types=[];let i=0;const tokenised=originalValue.replace(complexRegex,parsedValue=>{if(color.test(parsedValue)){indexes.color.push(i);types.push(COLOR_TOKEN);values.push(color.parse(parsedValue));}else if(parsedValue.startsWith(VAR_FUNCTION_TOKEN)){indexes.var.push(i);types.push(VAR_TOKEN);values.push(parsedValue);}else{indexes.number.push(i);types.push(NUMBER_TOKEN);values.push(parseFloat(parsedValue));}++i;return SPLIT_TOKEN;});const split=tokenised.split(SPLIT_TOKEN);return{values,split,indexes,types};}function parseComplexValue(v){return analyseComplexValue(v).values;}function createTransformer(source){const{split,types}=analyseComplexValue(source);const numSections=split.length;return v=>{let output="";for(let i=0;i<numSections;i++){output+=split[i];if(v[i]!==undefined){const type=types[i];if(type===NUMBER_TOKEN){output+=sanitize(v[i]);}else if(type===COLOR_TOKEN){output+=color.transform(v[i]);}else{output+=v[i];}}}return output;};}const convertNumbersToZero=v=>typeof v==="number"?0:color.test(v)?color.getAnimatableNone(v):v;function getAnimatableNone$1(v){const parsed=parseComplexValue(v);const transformer=createTransformer(v);return transformer(parsed.map(convertNumbersToZero));}const complex={test,parse:parseComplexValue,createTransformer,getAnimatableNone:getAnimatableNone$1};// Adapted from https://gist.github.com/mjackson/5311256
397
- function hueToRgb(p,q,t){if(t<0)t+=1;if(t>1)t-=1;if(t<1/6)return p+(q-p)*6*t;if(t<1/2)return q;if(t<2/3)return p+(q-p)*(2/3-t)*6;return p;}function hslaToRgba(_ref8){let{hue,saturation,lightness,alpha}=_ref8;hue/=360;saturation/=100;lightness/=100;let red=0;let green=0;let blue=0;if(!saturation){red=green=blue=lightness;}else{const q=lightness<0.5?lightness*(1+saturation):lightness+saturation-lightness*saturation;const p=2*lightness-q;red=hueToRgb(p,q,hue+1/3);green=hueToRgb(p,q,hue);blue=hueToRgb(p,q,hue-1/3);}return{red:Math.round(red*255),green:Math.round(green*255),blue:Math.round(blue*255),alpha};}function mixImmediate(a,b){return p=>p>0?b:a;}/*
397
+ function hueToRgb(p,q,t){if(t<0)t+=1;if(t>1)t-=1;if(t<1/6)return p+(q-p)*6*t;if(t<1/2)return q;if(t<2/3)return p+(q-p)*(2/3-t)*6;return p;}function hslaToRgba(_ref4){let{hue,saturation,lightness,alpha}=_ref4;hue/=360;saturation/=100;lightness/=100;let red=0;let green=0;let blue=0;if(!saturation){red=green=blue=lightness;}else{const q=lightness<0.5?lightness*(1+saturation):lightness+saturation-lightness*saturation;const p=2*lightness-q;red=hueToRgb(p,q,hue+1/3);green=hueToRgb(p,q,hue);blue=hueToRgb(p,q,hue-1/3);}return{red:Math.round(red*255),green:Math.round(green*255),blue:Math.round(blue*255),alpha};}function mixImmediate(a,b){return p=>p>0?b:a;}/*
398
398
  Value in range from progress
399
399
 
400
400
  Given a lower limit and an upper limit, we return the value within
@@ -422,7 +422,7 @@ model=hslaToRgba(model);}return model;}const mixColor=(from,to)=>{const fromRGBA
422
422
  * Returns a function that, when provided a progress value between 0 and 1,
423
423
  * will return the "none" or "hidden" string only when the progress is that of
424
424
  * the origin or target.
425
- */function mixVisibility(origin,target){if(invisibleValues.has(origin)){return p=>p<=0?origin:target;}else{return p=>p>=1?target:origin;}}function mixNumber(a,b){return p=>mixNumber$1(a,b,p);}function getMixer(a){if(typeof a==="number"){return mixNumber;}else if(typeof a==="string"){return isCSSVariableToken(a)?mixImmediate:color.test(a)?mixColor:mixComplex;}else if(Array.isArray(a)){return mixArray;}else if(typeof a==="object"){return color.test(a)?mixColor:mixObject;}return mixImmediate;}function mixArray(a,b){const output=[...a];const numValues=output.length;const blendValue=a.map((v,i)=>getMixer(v)(v,b[i]));return p=>{for(let i=0;i<numValues;i++){output[i]=blendValue[i](p);}return output;};}function mixObject(a,b){const output=_objectSpread(_objectSpread({},a),b);const blendValue={};for(const key in output){if(a[key]!==undefined&&b[key]!==undefined){blendValue[key]=getMixer(a[key])(a[key],b[key]);}}return v=>{for(const key in blendValue){output[key]=blendValue[key](v);}return output;};}function matchOrder(origin,target){const orderedOrigin=[];const pointers={color:0,var:0,number:0};for(let i=0;i<target.values.length;i++){var _origin$values$origin;const type=target.types[i];const originIndex=origin.indexes[type][pointers[type]];const originValue=(_origin$values$origin=origin.values[originIndex])!==null&&_origin$values$origin!==void 0?_origin$values$origin:0;orderedOrigin[i]=originValue;pointers[type]++;}return orderedOrigin;}const mixComplex=(origin,target)=>{const template=complex.createTransformer(target);const originStats=analyseComplexValue(origin);const targetStats=analyseComplexValue(target);const canInterpolate=originStats.indexes.var.length===targetStats.indexes.var.length&&originStats.indexes.color.length===targetStats.indexes.color.length&&originStats.indexes.number.length>=targetStats.indexes.number.length;if(canInterpolate){if(invisibleValues.has(origin)&&!targetStats.values.length||invisibleValues.has(target)&&!originStats.values.length){return mixVisibility(origin,target);}return pipe(mixArray(matchOrder(originStats,targetStats),targetStats.values),template);}else{warning(true,"Complex values '".concat(origin,"' and '").concat(target,"' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition."),"complex-values-different");return mixImmediate(origin,target);}};function mix(from,to,p){if(typeof from==="number"&&typeof to==="number"&&typeof p==="number"){return mixNumber$1(from,to,p);}const mixer=getMixer(from);return mixer(from,to);}const frameloopDriver=update=>{const passTimestamp=_ref9=>{let{timestamp}=_ref9;return update(timestamp);};return{start:function(){let keepAlive=arguments.length>0&&arguments[0]!==undefined?arguments[0]:true;return frame.update(passTimestamp,keepAlive);},stop:()=>cancelFrame(passTimestamp),/**
425
+ */function mixVisibility(origin,target){if(invisibleValues.has(origin)){return p=>p<=0?origin:target;}else{return p=>p>=1?target:origin;}}function mixNumber(a,b){return p=>mixNumber$1(a,b,p);}function getMixer(a){if(typeof a==="number"){return mixNumber;}else if(typeof a==="string"){return isCSSVariableToken(a)?mixImmediate:color.test(a)?mixColor:mixComplex;}else if(Array.isArray(a)){return mixArray;}else if(typeof a==="object"){return color.test(a)?mixColor:mixObject;}return mixImmediate;}function mixArray(a,b){const output=[...a];const numValues=output.length;const blendValue=a.map((v,i)=>getMixer(v)(v,b[i]));return p=>{for(let i=0;i<numValues;i++){output[i]=blendValue[i](p);}return output;};}function mixObject(a,b){const output=_objectSpread(_objectSpread({},a),b);const blendValue={};for(const key in output){if(a[key]!==undefined&&b[key]!==undefined){blendValue[key]=getMixer(a[key])(a[key],b[key]);}}return v=>{for(const key in blendValue){output[key]=blendValue[key](v);}return output;};}function matchOrder(origin,target){const orderedOrigin=[];const pointers={color:0,var:0,number:0};for(let i=0;i<target.values.length;i++){var _origin$values$origin;const type=target.types[i];const originIndex=origin.indexes[type][pointers[type]];const originValue=(_origin$values$origin=origin.values[originIndex])!==null&&_origin$values$origin!==void 0?_origin$values$origin:0;orderedOrigin[i]=originValue;pointers[type]++;}return orderedOrigin;}const mixComplex=(origin,target)=>{const template=complex.createTransformer(target);const originStats=analyseComplexValue(origin);const targetStats=analyseComplexValue(target);const canInterpolate=originStats.indexes.var.length===targetStats.indexes.var.length&&originStats.indexes.color.length===targetStats.indexes.color.length&&originStats.indexes.number.length>=targetStats.indexes.number.length;if(canInterpolate){if(invisibleValues.has(origin)&&!targetStats.values.length||invisibleValues.has(target)&&!originStats.values.length){return mixVisibility(origin,target);}return pipe(mixArray(matchOrder(originStats,targetStats),targetStats.values),template);}else{warning(true,"Complex values '".concat(origin,"' and '").concat(target,"' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition."),"complex-values-different");return mixImmediate(origin,target);}};function mix(from,to,p){if(typeof from==="number"&&typeof to==="number"&&typeof p==="number"){return mixNumber$1(from,to,p);}const mixer=getMixer(from);return mixer(from,to);}const frameloopDriver=update=>{const passTimestamp=_ref5=>{let{timestamp}=_ref5;return update(timestamp);};return{start:function(){let keepAlive=arguments.length>0&&arguments[0]!==undefined?arguments[0]:true;return frame.update(passTimestamp,keepAlive);},stop:()=>cancelFrame(passTimestamp),/**
426
426
  * If we're processing this frame we can use the
427
427
  * framelocked timestamp to keep things in sync.
428
428
  */now:()=>frameData.isProcessing?frameData.timestamp:time$1.now()};};const generateLinearEasing=function(easing,duration){let resolution=arguments.length>2&&arguments[2]!==undefined?arguments[2]:10;let points="";const numPoints=Math.max(Math.round(duration/resolution),2);for(let i=0;i<numPoints;i++){points+=Math.round(easing(i/(numPoints-1))*10000)/10000+", ";}return"linear(".concat(points.substring(0,points.length-2),")");};/**
@@ -439,14 +439,18 @@ bounce:0.3,visualDuration:0.3,// in seconds
439
439
  restSpeed:{granular:0.01,default:2},restDelta:{granular:0.005,default:0.5},// Limits
440
440
  minDuration:0.01,// in seconds
441
441
  maxDuration:10.0,// in seconds
442
- minDamping:0.05,maxDamping:1};const safeMin=0.001;function findSpring(_ref0){let{duration=springDefaults.duration,bounce=springDefaults.bounce,velocity=springDefaults.velocity,mass=springDefaults.mass}=_ref0;let envelope;let derivative;warning(duration<=secondsToMilliseconds(springDefaults.maxDuration),"Spring duration must be 10 seconds or less","spring-duration-limit");let dampingRatio=1-bounce;/**
442
+ minDamping:0.05,maxDamping:1};const safeMin=0.001;function findSpring(_ref6){let{duration=springDefaults.duration,bounce=springDefaults.bounce,velocity=springDefaults.velocity,mass=springDefaults.mass}=_ref6;let envelope;let derivative;warning(duration<=secondsToMilliseconds(springDefaults.maxDuration),"Spring duration must be 10 seconds or less","spring-duration-limit");let dampingRatio=1-bounce;/**
443
443
  * Restrict dampingRatio and duration to within acceptable ranges.
444
444
  */dampingRatio=clamp$1(springDefaults.minDamping,springDefaults.maxDamping,dampingRatio);duration=clamp$1(springDefaults.minDuration,springDefaults.maxDuration,millisecondsToSeconds(duration));if(dampingRatio<1){/**
445
445
  * Underdamped spring
446
446
  */envelope=undampedFreq=>{const exponentialDecay=undampedFreq*dampingRatio;const delta=exponentialDecay*duration;const a=exponentialDecay-velocity;const b=calcAngularFreq(undampedFreq,dampingRatio);const c=Math.exp(-delta);return safeMin-a/b*c;};derivative=undampedFreq=>{const exponentialDecay=undampedFreq*dampingRatio;const delta=exponentialDecay*duration;const d=delta*velocity+velocity;const e=Math.pow(dampingRatio,2)*Math.pow(undampedFreq,2)*duration;const f=Math.exp(-delta);const g=calcAngularFreq(Math.pow(undampedFreq,2),dampingRatio);const factor=-envelope(undampedFreq)+safeMin>0?-1:1;return factor*((d-e)*f)/g;};}else{/**
447
447
  * Critically-damped spring
448
448
  */envelope=undampedFreq=>{const a=Math.exp(-undampedFreq*duration);const b=(undampedFreq-velocity)*duration+1;return-safeMin+a*b;};derivative=undampedFreq=>{const a=Math.exp(-undampedFreq*duration);const b=(velocity-undampedFreq)*(duration*duration);return a*b;};}const initialGuess=5/duration;const undampedFreq=approximateRoot(envelope,derivative,initialGuess);duration=secondsToMilliseconds(duration);if(isNaN(undampedFreq)){return{stiffness:springDefaults.stiffness,damping:springDefaults.damping,duration};}else{const stiffness=Math.pow(undampedFreq,2)*mass;return{stiffness,damping:dampingRatio*2*Math.sqrt(mass*stiffness),duration};}}const rootIterations=12;function approximateRoot(envelope,derivative,initialGuess){let result=initialGuess;for(let i=1;i<rootIterations;i++){result=result-envelope(result)/derivative(result);}return result;}function calcAngularFreq(undampedFreq,dampingRatio){return undampedFreq*Math.sqrt(1-dampingRatio*dampingRatio);}const durationKeys=["duration","bounce"];const physicsKeys=["stiffness","damping","mass"];function isSpringType(options,keys){return keys.some(key=>options[key]!==undefined);}function getSpringOptions(options){let springOptions=_objectSpread({velocity:springDefaults.velocity,stiffness:springDefaults.stiffness,damping:springDefaults.damping,mass:springDefaults.mass,isResolvedFromDuration:false},options);// stiffness/damping/mass overrides duration/bounce
449
- if(!isSpringType(options,physicsKeys)&&isSpringType(options,durationKeys)){if(options.visualDuration){const visualDuration=options.visualDuration;const root=2*Math.PI/(visualDuration*1.2);const stiffness=root*root;const damping=2*clamp$1(0.05,1,1-(options.bounce||0))*Math.sqrt(stiffness);springOptions=_objectSpread(_objectSpread({},springOptions),{},{mass:springDefaults.mass,stiffness,damping});}else{const derived=findSpring(options);springOptions=_objectSpread(_objectSpread(_objectSpread({},springOptions),derived),{},{mass:springDefaults.mass});springOptions.isResolvedFromDuration=true;}}return springOptions;}function spring(){let optionsOrVisualDuration=arguments.length>0&&arguments[0]!==undefined?arguments[0]:springDefaults.visualDuration;let bounce=arguments.length>1&&arguments[1]!==undefined?arguments[1]:springDefaults.bounce;const options=typeof optionsOrVisualDuration!=="object"?{visualDuration:optionsOrVisualDuration,keyframes:[0,1],bounce}:optionsOrVisualDuration;let{restSpeed,restDelta}=options;const origin=options.keyframes[0];const target=options.keyframes[options.keyframes.length-1];/**
449
+ if(!isSpringType(options,physicsKeys)&&isSpringType(options,durationKeys)){// Time-defined springs should ignore inherited velocity.
450
+ // Velocity from interrupted animations can cause findSpring()
451
+ // to compute wildly different spring parameters, leading to
452
+ // massive oscillation on small-range animations.
453
+ springOptions.velocity=0;if(options.visualDuration){const visualDuration=options.visualDuration;const root=2*Math.PI/(visualDuration*1.2);const stiffness=root*root;const damping=2*clamp$1(0.05,1,1-(options.bounce||0))*Math.sqrt(stiffness);springOptions=_objectSpread(_objectSpread({},springOptions),{},{mass:springDefaults.mass,stiffness,damping});}else{const derived=findSpring(_objectSpread(_objectSpread({},options),{},{velocity:0}));springOptions=_objectSpread(_objectSpread(_objectSpread({},springOptions),derived),{},{mass:springDefaults.mass});springOptions.isResolvedFromDuration=true;}}return springOptions;}function spring(){let optionsOrVisualDuration=arguments.length>0&&arguments[0]!==undefined?arguments[0]:springDefaults.visualDuration;let bounce=arguments.length>1&&arguments[1]!==undefined?arguments[1]:springDefaults.bounce;const options=typeof optionsOrVisualDuration!=="object"?{visualDuration:optionsOrVisualDuration,keyframes:[0,1],bounce}:optionsOrVisualDuration;let{restSpeed,restDelta}=options;const origin=options.keyframes[0];const target=options.keyframes[options.keyframes.length-1];/**
450
454
  * This is the Iterator-spec return value. We ensure it's mutable rather than using a generator
451
455
  * to reduce GC during animation.
452
456
  */const state={done:false,value:origin};const{stiffness,damping,mass,duration,velocity,isResolvedFromDuration}=getSpringOptions(_objectSpread(_objectSpread({},options),{},{velocity:-millisecondsToSeconds(options.velocity||0)}));const initialVelocity=velocity||0.0;const dampingRatio=damping/(2*Math.sqrt(stiffness*mass));const initialDelta=target-origin;const undampedAngularFreq=millisecondsToSeconds(Math.sqrt(stiffness/mass));/**
@@ -463,7 +467,7 @@ const freqForT=Math.min(dampedAngularFreq*t,300);return target-envelope*((initia
463
467
  * We only need to calculate velocity for under-damped springs
464
468
  * as over- and critically-damped springs can't overshoot, so
465
469
  * checking only for displacement is enough.
466
- */if(dampingRatio<1){currentVelocity=t===0?secondsToMilliseconds(initialVelocity):calcGeneratorVelocity(resolveSpring,t,current);}const isBelowVelocityThreshold=Math.abs(currentVelocity)<=restSpeed;const isBelowDisplacementThreshold=Math.abs(target-current)<=restDelta;state.done=isBelowVelocityThreshold&&isBelowDisplacementThreshold;}else{state.done=t>=duration;}state.value=state.done?target:current;return state;},toString:()=>{const calculatedDuration=Math.min(calcGeneratorDuration(generator),maxGeneratorDuration);const easing=generateLinearEasing(progress=>generator.next(calculatedDuration*progress).value,calculatedDuration,30);return calculatedDuration+"ms "+easing;},toTransition:()=>{}};return generator;}spring.applyToOptions=options=>{const generatorOptions=createGeneratorEasing(options,100,spring);options.ease=generatorOptions.ease;options.duration=secondsToMilliseconds(generatorOptions.duration);options.type="keyframes";return options;};function inertia(_ref1){let{keyframes,velocity=0.0,power=0.8,timeConstant=325,bounceDamping=10,bounceStiffness=500,modifyTarget,min,max,restDelta=0.5,restSpeed}=_ref1;const origin=keyframes[0];const state={done:false,value:origin};const isOutOfBounds=v=>min!==undefined&&v<min||max!==undefined&&v>max;const nearestBoundary=v=>{if(min===undefined)return max;if(max===undefined)return min;return Math.abs(min-v)<Math.abs(max-v)?min:max;};let amplitude=power*velocity;const ideal=origin+amplitude;const target=modifyTarget===undefined?ideal:modifyTarget(ideal);/**
470
+ */if(dampingRatio<1){currentVelocity=t===0?secondsToMilliseconds(initialVelocity):calcGeneratorVelocity(resolveSpring,t,current);}const isBelowVelocityThreshold=Math.abs(currentVelocity)<=restSpeed;const isBelowDisplacementThreshold=Math.abs(target-current)<=restDelta;state.done=isBelowVelocityThreshold&&isBelowDisplacementThreshold;}else{state.done=t>=duration;}state.value=state.done?target:current;return state;},toString:()=>{const calculatedDuration=Math.min(calcGeneratorDuration(generator),maxGeneratorDuration);const easing=generateLinearEasing(progress=>generator.next(calculatedDuration*progress).value,calculatedDuration,30);return calculatedDuration+"ms "+easing;},toTransition:()=>{}};return generator;}spring.applyToOptions=options=>{const generatorOptions=createGeneratorEasing(options,100,spring);options.ease=generatorOptions.ease;options.duration=secondsToMilliseconds(generatorOptions.duration);options.type="keyframes";return options;};function inertia(_ref7){let{keyframes,velocity=0.0,power=0.8,timeConstant=325,bounceDamping=10,bounceStiffness=500,modifyTarget,min,max,restDelta=0.5,restSpeed}=_ref7;const origin=keyframes[0];const state={done:false,value:origin};const isOutOfBounds=v=>min!==undefined&&v<min||max!==undefined&&v>max;const nearestBoundary=v=>{if(min===undefined)return max;if(max===undefined)return min;return Math.abs(min-v)<Math.abs(max-v)?min:max;};let amplitude=power*velocity;const ideal=origin+amplitude;const target=modifyTarget===undefined?ideal:modifyTarget(ideal);/**
467
471
  * If the target has changed we need to re-calculate the amplitude, otherwise
468
472
  * the animation will start from the wrong position.
469
473
  */if(target!==ideal)amplitude=target-origin;const calcDelta=t=>-amplitude*Math.exp(-t/timeConstant);const calcLatest=t=>target+calcDelta(t);const applyFriction=t=>{const delta=calcDelta(t);const latest=calcLatest(t);state.done=Math.abs(delta)<=restDelta;state.value=state.done?target:latest;};/**
@@ -502,7 +506,7 @@ damping:bounceDamping,stiffness:bounceStiffness,restDelta,restSpeed});};checkCat
502
506
  * If we're only provided a single input, we can just make a function
503
507
  * that returns the output.
504
508
  */if(inputLength===1)return()=>output[0];if(inputLength===2&&output[0]===output[1])return()=>output[1];const isZeroDeltaRange=input[0]===input[1];// If input runs highest -> lowest, reverse both arrays
505
- if(input[0]>input[inputLength-1]){input=[...input].reverse();output=[...output].reverse();}const mixers=createMixers(output,ease,mixer);const numMixers=mixers.length;const interpolator=v=>{if(isZeroDeltaRange&&v<input[0])return output[0];let i=0;if(numMixers>1){for(;i<input.length-2;i++){if(v<input[i+1])break;}}const progressInRange=progress(input[i],input[i+1],v);return mixers[i](progressInRange);};return isClamp?v=>interpolator(clamp$1(input[0],input[inputLength-1],v)):interpolator;}function fillOffset(offset,remaining){const min=offset[offset.length-1];for(let i=1;i<=remaining;i++){const offsetProgress=progress(0,remaining,i);offset.push(mixNumber$1(min,1,offsetProgress));}}function defaultOffset(arr){const offset=[0];fillOffset(offset,arr.length-1);return offset;}function convertOffsetToTimes(offset,duration){return offset.map(o=>o*duration);}function defaultEasing(values,easing){return values.map(()=>easing||easeInOut).splice(0,values.length-1);}function keyframes(_ref10){let{duration=300,keyframes:keyframeValues,times,ease="easeInOut"}=_ref10;/**
509
+ if(input[0]>input[inputLength-1]){input=[...input].reverse();output=[...output].reverse();}const mixers=createMixers(output,ease,mixer);const numMixers=mixers.length;const interpolator=v=>{if(isZeroDeltaRange&&v<input[0])return output[0];let i=0;if(numMixers>1){for(;i<input.length-2;i++){if(v<input[i+1])break;}}const progressInRange=progress(input[i],input[i+1],v);return mixers[i](progressInRange);};return isClamp?v=>interpolator(clamp$1(input[0],input[inputLength-1],v)):interpolator;}function fillOffset(offset,remaining){const min=offset[offset.length-1];for(let i=1;i<=remaining;i++){const offsetProgress=progress(0,remaining,i);offset.push(mixNumber$1(min,1,offsetProgress));}}function defaultOffset(arr){const offset=[0];fillOffset(offset,arr.length-1);return offset;}function convertOffsetToTimes(offset,duration){return offset.map(o=>o*duration);}function defaultEasing(values,easing){return values.map(()=>easing||easeInOut).splice(0,values.length-1);}function keyframes(_ref8){let{duration=300,keyframes:keyframeValues,times,ease="easeInOut"}=_ref8;/**
506
510
  * Easing functions can be externally defined as strings. Here we convert them
507
511
  * into actual functions.
508
512
  */const easingFunctions=isEasingArray(ease)?ease.map(easingDefinitionToFunction):easingDefinitionToFunction(ease);/**
@@ -512,7 +516,7 @@ if(input[0]>input[inputLength-1]){input=[...input].reverse();output=[...output].
512
516
  * Create a times array based on the provided 0-1 offsets
513
517
  */const absoluteTimes=convertOffsetToTimes(// Only use the provided offsets if they're the correct length
514
518
  // TODO Maybe we should warn here if there's a length mismatch
515
- times&&times.length===keyframeValues.length?times:defaultOffset(keyframeValues),duration);const mapTimeToKeyframe=interpolate(absoluteTimes,keyframeValues,{ease:Array.isArray(easingFunctions)?easingFunctions:defaultEasing(keyframeValues,easingFunctions)});return{calculatedDuration:duration,next:t=>{state.value=mapTimeToKeyframe(t);state.done=t>=duration;return state;}};}const isNotNull$1=value=>value!==null;function getFinalKeyframe$1(keyframes,_ref11,finalKeyframe){let{repeat,repeatType="loop"}=_ref11;let speed=arguments.length>3&&arguments[3]!==undefined?arguments[3]:1;const resolvedKeyframes=keyframes.filter(isNotNull$1);const useFirstKeyframe=speed<0||repeat&&repeatType!=="loop"&&repeat%2===1;const index=useFirstKeyframe?0:resolvedKeyframes.length-1;return!index||finalKeyframe===undefined?resolvedKeyframes[index]:finalKeyframe;}const transitionTypeMap={decay:inertia,inertia,tween:keyframes,keyframes:keyframes,spring};function replaceTransitionType(transition){if(typeof transition.type==="string"){transition.type=transitionTypeMap[transition.type];}}class WithPromise{constructor(){this.updateFinished();}get finished(){return this._finished;}updateFinished(){this._finished=new Promise(resolve=>{this.resolve=resolve;});}notifyFinished(){this.resolve();}/**
519
+ times&&times.length===keyframeValues.length?times:defaultOffset(keyframeValues),duration);const mapTimeToKeyframe=interpolate(absoluteTimes,keyframeValues,{ease:Array.isArray(easingFunctions)?easingFunctions:defaultEasing(keyframeValues,easingFunctions)});return{calculatedDuration:duration,next:t=>{state.value=mapTimeToKeyframe(t);state.done=t>=duration;return state;}};}const isNotNull$1=value=>value!==null;function getFinalKeyframe$1(keyframes,_ref9,finalKeyframe){let{repeat,repeatType="loop"}=_ref9;let speed=arguments.length>3&&arguments[3]!==undefined?arguments[3]:1;const resolvedKeyframes=keyframes.filter(isNotNull$1);const useFirstKeyframe=speed<0||repeat&&repeatType!=="loop"&&repeat%2===1;const index=useFirstKeyframe?0:resolvedKeyframes.length-1;return!index||finalKeyframe===undefined?resolvedKeyframes[index]:finalKeyframe;}const transitionTypeMap={decay:inertia,inertia,tween:keyframes,keyframes:keyframes,spring};function replaceTransitionType(transition){if(typeof transition.type==="string"){transition.type=transitionTypeMap[transition.type];}}class WithPromise{constructor(){this.updateFinished();}get finished(){return this._finished;}updateFinished(){this._finished=new Promise(resolve=>{this.resolve=resolve;});}notifyFinished(){this.resolve();}/**
516
520
  * Allows the animation to be awaited.
517
521
  *
518
522
  * @deprecated Use `finished` instead.
@@ -578,14 +582,14 @@ if(isAnimationFinished&&type!==inertia){state.value=getFinalKeyframe$1(keyframes
578
582
  */const transformPropOrder=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"];/**
579
583
  * A quick lookup for transform props.
580
584
  */const transformProps=/*@__PURE__*/(()=>new Set(transformPropOrder))();const isNumOrPxType=v=>v===number||v===px;const transformKeys=new Set(["x","y","z"]);const nonTranslationalTransformKeys=transformPropOrder.filter(key=>!transformKeys.has(key));function removeNonTranslationalTransform(visualElement){const removedTransforms=[];nonTranslationalTransformKeys.forEach(key=>{const value=visualElement.getValue(key);if(value!==undefined){removedTransforms.push([key,value.get()]);value.set(key.startsWith("scale")?1:0);}});return removedTransforms;}const positionalValues={// Dimensions
581
- width:(_ref12,_ref13)=>{let{x}=_ref12;let{paddingLeft="0",paddingRight="0"}=_ref13;return x.max-x.min-parseFloat(paddingLeft)-parseFloat(paddingRight);},height:(_ref14,_ref15)=>{let{y}=_ref14;let{paddingTop="0",paddingBottom="0"}=_ref15;return y.max-y.min-parseFloat(paddingTop)-parseFloat(paddingBottom);},top:(_bbox,_ref16)=>{let{top}=_ref16;return parseFloat(top);},left:(_bbox,_ref17)=>{let{left}=_ref17;return parseFloat(left);},bottom:(_ref18,_ref19)=>{let{y}=_ref18;let{top}=_ref19;return parseFloat(top)+(y.max-y.min);},right:(_ref20,_ref21)=>{let{x}=_ref20;let{left}=_ref21;return parseFloat(left)+(x.max-x.min);},// Transform
582
- x:(_bbox,_ref22)=>{let{transform}=_ref22;return parseValueFromTransform(transform,"x");},y:(_bbox,_ref23)=>{let{transform}=_ref23;return parseValueFromTransform(transform,"y");}};// Alias translate longform names
585
+ width:(_ref0,_ref1)=>{let{x}=_ref0;let{paddingLeft="0",paddingRight="0"}=_ref1;return x.max-x.min-parseFloat(paddingLeft)-parseFloat(paddingRight);},height:(_ref10,_ref11)=>{let{y}=_ref10;let{paddingTop="0",paddingBottom="0"}=_ref11;return y.max-y.min-parseFloat(paddingTop)-parseFloat(paddingBottom);},top:(_bbox,_ref12)=>{let{top}=_ref12;return parseFloat(top);},left:(_bbox,_ref13)=>{let{left}=_ref13;return parseFloat(left);},bottom:(_ref14,_ref15)=>{let{y}=_ref14;let{top}=_ref15;return parseFloat(top)+(y.max-y.min);},right:(_ref16,_ref17)=>{let{x}=_ref16;let{left}=_ref17;return parseFloat(left)+(x.max-x.min);},// Transform
586
+ x:(_bbox,_ref18)=>{let{transform}=_ref18;return parseValueFromTransform(transform,"x");},y:(_bbox,_ref19)=>{let{transform}=_ref19;return parseValueFromTransform(transform,"y");}};// Alias translate longform names
583
587
  positionalValues.translateX=positionalValues.x;positionalValues.translateY=positionalValues.y;const toResolve=new Set();let isScheduled=false;let anyNeedsMeasurement=false;let isForced=false;function measureAllKeyframes(){if(anyNeedsMeasurement){const resolversToMeasure=Array.from(toResolve).filter(resolver=>resolver.needsMeasurement);const elementsToMeasure=new Set(resolversToMeasure.map(resolver=>resolver.element));const transformsToRestore=new Map();/**
584
588
  * Write pass
585
589
  * If we're measuring elements we want to remove bounding box-changing transforms.
586
590
  */elementsToMeasure.forEach(element=>{const removedTransforms=removeNonTranslationalTransform(element);if(!removedTransforms.length)return;transformsToRestore.set(element,removedTransforms);element.render();});// Read
587
591
  resolversToMeasure.forEach(resolver=>resolver.measureInitialState());// Write
588
- elementsToMeasure.forEach(element=>{element.render();const restore=transformsToRestore.get(element);if(restore){restore.forEach(_ref24=>{var _element$getValue;let[key,value]=_ref24;(_element$getValue=element.getValue(key))===null||_element$getValue===void 0||_element$getValue.set(value);});}});// Read
592
+ elementsToMeasure.forEach(element=>{element.render();const restore=transformsToRestore.get(element);if(restore){restore.forEach(_ref20=>{var _element$getValue;let[key,value]=_ref20;(_element$getValue=element.getValue(key))===null||_element$getValue===void 0||_element$getValue.set(value);});}});// Read
589
593
  resolversToMeasure.forEach(resolver=>resolver.measureEndState());// Write
590
594
  resolversToMeasure.forEach(resolver=>{if(resolver.suspendedScrollY!==undefined){window.scrollTo(0,resolver.suspendedScrollY);}});}anyNeedsMeasurement=false;isScheduled=false;toResolve.forEach(resolver=>resolver.complete(isForced));toResolve.clear();}function readAllKeyframes(){toResolve.forEach(resolver=>{resolver.readKeyframes();if(resolver.needsMeasurement){anyNeedsMeasurement=true;}});}function flushKeyframeResolvers(){isForced=true;readAllKeyframes();measureAllKeyframes();isForced=false;}class KeyframeResolver{constructor(unresolvedKeyframes,onComplete,name,motionValue,element){let isAsync=arguments.length>5&&arguments[5]!==undefined?arguments[5]:false;this.state="pending";/**
591
595
  * Track whether this resolver is async. If it is, it'll be added to the
@@ -596,12 +600,12 @@ resolversToMeasure.forEach(resolver=>{if(resolver.suspendedScrollY!==undefined){
596
600
  * to resolve its keyframes.
597
601
  */this.needsMeasurement=false;this.unresolvedKeyframes=[...unresolvedKeyframes];this.onComplete=onComplete;this.name=name;this.motionValue=motionValue;this.element=element;this.isAsync=isAsync;}scheduleResolve(){this.state="scheduled";if(this.isAsync){toResolve.add(this);if(!isScheduled){isScheduled=true;frame.read(readAllKeyframes);frame.resolveKeyframes(measureAllKeyframes);}}else{this.readKeyframes();this.complete();}}readKeyframes(){const{unresolvedKeyframes,name,element,motionValue}=this;// If initial keyframe is null we need to read it from the DOM
598
602
  if(unresolvedKeyframes[0]===null){const currentValue=motionValue===null||motionValue===void 0?void 0:motionValue.get();// TODO: This doesn't work if the final keyframe is a wildcard
599
- const finalKeyframe=unresolvedKeyframes[unresolvedKeyframes.length-1];if(currentValue!==undefined){unresolvedKeyframes[0]=currentValue;}else if(element&&name){const valueAsRead=element.readValue(name,finalKeyframe);if(valueAsRead!==undefined&&valueAsRead!==null){unresolvedKeyframes[0]=valueAsRead;}}if(unresolvedKeyframes[0]===undefined){unresolvedKeyframes[0]=finalKeyframe;}if(motionValue&&currentValue===undefined){motionValue.set(unresolvedKeyframes[0]);}}fillWildcards(unresolvedKeyframes);}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(){let isForcedComplete=arguments.length>0&&arguments[0]!==undefined?arguments[0]:false;this.state="complete";this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,isForcedComplete);toResolve.delete(this);}cancel(){if(this.state==="scheduled"){toResolve.delete(this);this.state="pending";}}resume(){if(this.state==="pending")this.scheduleResolve();}}const isCSSVar=name=>name.startsWith("--");function setStyle(element,name,value){isCSSVar(name)?element.style.setProperty(name,value):element.style[name]=value;}const supportsScrollTimeline=/* @__PURE__ */memo(()=>window.ScrollTimeline!==undefined);/**
603
+ const finalKeyframe=unresolvedKeyframes[unresolvedKeyframes.length-1];if(currentValue!==undefined){unresolvedKeyframes[0]=currentValue;}else if(element&&name){const valueAsRead=element.readValue(name,finalKeyframe);if(valueAsRead!==undefined&&valueAsRead!==null){unresolvedKeyframes[0]=valueAsRead;}}if(unresolvedKeyframes[0]===undefined){unresolvedKeyframes[0]=finalKeyframe;}if(motionValue&&currentValue===undefined){motionValue.set(unresolvedKeyframes[0]);}}fillWildcards(unresolvedKeyframes);}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(){let isForcedComplete=arguments.length>0&&arguments[0]!==undefined?arguments[0]:false;this.state="complete";this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,isForcedComplete);toResolve.delete(this);}cancel(){if(this.state==="scheduled"){toResolve.delete(this);this.state="pending";}}resume(){if(this.state==="pending")this.scheduleResolve();}}const isCSSVar=name=>name.startsWith("--");function setStyle(element,name,value){isCSSVar(name)?element.style.setProperty(name,value):element.style[name]=value;}/**
600
604
  * Add the ability for test suites to manually set support flags
601
605
  * to better test more environments.
602
- */const supportsFlags={};function memoSupports(callback,supportsFlag){const memoized=memo(callback);return()=>{var _supportsFlags$suppor;return(_supportsFlags$suppor=supportsFlags[supportsFlag])!==null&&_supportsFlags$suppor!==void 0?_supportsFlags$suppor:memoized();};}const supportsLinearEasing=/*@__PURE__*/memoSupports(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"});}catch(e){return false;}return true;},"linearEasing");const cubicBezierAsString=_ref25=>{let[a,b,c,d]=_ref25;return"cubic-bezier(".concat(a,", ").concat(b,", ").concat(c,", ").concat(d,")");};const supportedWaapiEasing={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:/*@__PURE__*/cubicBezierAsString([0,0.65,0.55,1]),circOut:/*@__PURE__*/cubicBezierAsString([0.55,0,1,0.45]),backIn:/*@__PURE__*/cubicBezierAsString([0.31,0.01,0.66,-0.59]),backOut:/*@__PURE__*/cubicBezierAsString([0.33,1.53,0.69,0.99])};function mapEasingToNativeEasing(easing,duration){if(!easing){return undefined;}else if(typeof easing==="function"){return supportsLinearEasing()?generateLinearEasing(easing,duration):"ease-out";}else if(isBezierDefinition(easing)){return cubicBezierAsString(easing);}else if(Array.isArray(easing)){return easing.map(segmentEasing=>mapEasingToNativeEasing(segmentEasing,duration)||supportedWaapiEasing.easeOut);}else{return supportedWaapiEasing[easing];}}function startWaapiAnimation(element,valueName,keyframes){let{delay=0,duration=300,repeat=0,repeatType="loop",ease="easeOut",times}=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{};let pseudoElement=arguments.length>4&&arguments[4]!==undefined?arguments[4]:undefined;const keyframeOptions={[valueName]:keyframes};if(times)keyframeOptions.offset=times;const easing=mapEasingToNativeEasing(ease,duration);/**
606
+ */const supportsFlags={};function memoSupports(callback,supportsFlag){const memoized=memo(callback);return()=>{var _supportsFlags$suppor;return(_supportsFlags$suppor=supportsFlags[supportsFlag])!==null&&_supportsFlags$suppor!==void 0?_supportsFlags$suppor:memoized();};}const supportsScrollTimeline=/* @__PURE__ */memoSupports(()=>window.ScrollTimeline!==undefined,"scrollTimeline");const supportsLinearEasing=/*@__PURE__*/memoSupports(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"});}catch(e){return false;}return true;},"linearEasing");const cubicBezierAsString=_ref21=>{let[a,b,c,d]=_ref21;return"cubic-bezier(".concat(a,", ").concat(b,", ").concat(c,", ").concat(d,")");};const supportedWaapiEasing={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:/*@__PURE__*/cubicBezierAsString([0,0.65,0.55,1]),circOut:/*@__PURE__*/cubicBezierAsString([0.55,0,1,0.45]),backIn:/*@__PURE__*/cubicBezierAsString([0.31,0.01,0.66,-0.59]),backOut:/*@__PURE__*/cubicBezierAsString([0.33,1.53,0.69,0.99])};function mapEasingToNativeEasing(easing,duration){if(!easing){return undefined;}else if(typeof easing==="function"){return supportsLinearEasing()?generateLinearEasing(easing,duration):"ease-out";}else if(isBezierDefinition(easing)){return cubicBezierAsString(easing);}else if(Array.isArray(easing)){return easing.map(segmentEasing=>mapEasingToNativeEasing(segmentEasing,duration)||supportedWaapiEasing.easeOut);}else{return supportedWaapiEasing[easing];}}function startWaapiAnimation(element,valueName,keyframes){let{delay=0,duration=300,repeat=0,repeatType="loop",ease="easeOut",times}=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{};let pseudoElement=arguments.length>4&&arguments[4]!==undefined?arguments[4]:undefined;const keyframeOptions={[valueName]:keyframes};if(times)keyframeOptions.offset=times;const easing=mapEasingToNativeEasing(ease,duration);/**
603
607
  * If this is an easing array, apply to keyframes, not animation as a whole
604
- */if(Array.isArray(easing))keyframeOptions.easing=easing;const options={delay,duration,easing:!Array.isArray(easing)?easing:"linear",fill:"both",iterations:repeat+1,direction:repeatType==="reverse"?"alternate":"normal"};if(pseudoElement)options.pseudoElement=pseudoElement;const animation=element.animate(keyframeOptions,options);return animation;}function isGenerator(type){return typeof type==="function"&&"applyToOptions"in type;}function applyGeneratorOptions(_ref26){let{type}=_ref26,options=_objectWithoutProperties(_ref26,_excluded5);if(isGenerator(type)&&supportsLinearEasing()){return type.applyToOptions(options);}else{var _options$duration,_options$ease;(_options$duration=options.duration)!==null&&_options$duration!==void 0?_options$duration:options.duration=300;(_options$ease=options.ease)!==null&&_options$ease!==void 0?_options$ease:options.ease="easeOut";}return options;}/**
608
+ */if(Array.isArray(easing))keyframeOptions.easing=easing;const options={delay,duration,easing:!Array.isArray(easing)?easing:"linear",fill:"both",iterations:repeat+1,direction:repeatType==="reverse"?"alternate":"normal"};if(pseudoElement)options.pseudoElement=pseudoElement;const animation=element.animate(keyframeOptions,options);return animation;}function isGenerator(type){return typeof type==="function"&&"applyToOptions"in type;}function applyGeneratorOptions(_ref22){let{type}=_ref22,options=_objectWithoutProperties(_ref22,_excluded6);if(isGenerator(type)&&supportsLinearEasing()){return type.applyToOptions(options);}else{var _options$duration,_options$ease;(_options$duration=options.duration)!==null&&_options$duration!==void 0?_options$duration:options.duration=300;(_options$ease=options.ease)!==null&&_options$ease!==void 0?_options$ease:options.ease="easeOut";}return options;}/**
605
609
  * NativeAnimation implements AnimationPlaybackControls for the browser's Web Animations API.
606
610
  */class NativeAnimation extends WithPromise{constructor(options){super();this.finishedTime=null;this.isStopped=false;/**
607
611
  * Tracks a manually-set start time that takes precedence over WAAPI's
@@ -621,13 +625,13 @@ const finalKeyframe=unresolvedKeyframes[unresolvedKeyframes.length-1];if(current
621
625
  * its current value, "previous" value, and therefore allow
622
626
  * Motion to also correctly calculate velocity for any subsequent animation
623
627
  * while deferring the commit until the next animation frame.
624
- */commitStyles(){if(!this.isPseudoElement){var _this$animation$commi,_this$animation2;(_this$animation$commi=(_this$animation2=this.animation).commitStyles)===null||_this$animation$commi===void 0||_this$animation$commi.call(_this$animation2);}}get duration(){var _this$animation$effec,_this$animation$effec2;const duration=((_this$animation$effec=this.animation.effect)===null||_this$animation$effec===void 0||(_this$animation$effec2=_this$animation$effec.getComputedTiming)===null||_this$animation$effec2===void 0?void 0:_this$animation$effec2.call(_this$animation$effec).duration)||0;return millisecondsToSeconds(Number(duration));}get iterationDuration(){const{delay=0}=this.options||{};return this.duration+millisecondsToSeconds(delay);}get time(){return millisecondsToSeconds(Number(this.animation.currentTime)||0);}set time(newTime){this.manualStartTime=null;this.finishedTime=null;this.animation.currentTime=secondsToMilliseconds(newTime);}/**
628
+ */commitStyles(){var _this$options5;const element=(_this$options5=this.options)===null||_this$options5===void 0?void 0:_this$options5.element;if(!this.isPseudoElement&&element!==null&&element!==void 0&&element.isConnected){var _this$animation$commi,_this$animation2;(_this$animation$commi=(_this$animation2=this.animation).commitStyles)===null||_this$animation$commi===void 0||_this$animation$commi.call(_this$animation2);}}get duration(){var _this$animation$effec,_this$animation$effec2;const duration=((_this$animation$effec=this.animation.effect)===null||_this$animation$effec===void 0||(_this$animation$effec2=_this$animation$effec.getComputedTiming)===null||_this$animation$effec2===void 0?void 0:_this$animation$effec2.call(_this$animation$effec).duration)||0;return millisecondsToSeconds(Number(duration));}get iterationDuration(){const{delay=0}=this.options||{};return this.duration+millisecondsToSeconds(delay);}get time(){return millisecondsToSeconds(Number(this.animation.currentTime)||0);}set time(newTime){this.manualStartTime=null;this.finishedTime=null;this.animation.currentTime=secondsToMilliseconds(newTime);}/**
625
629
  * The playback speed of the animation.
626
630
  * 1 = normal speed, 2 = double speed, 0.5 = half speed.
627
631
  */get speed(){return this.animation.playbackRate;}set speed(newSpeed){// Allow backwards playback after finishing
628
632
  if(newSpeed<0)this.finishedTime=null;this.animation.playbackRate=newSpeed;}get state(){return this.finishedTime!==null?"finished":this.animation.playState;}get startTime(){var _this$manualStartTime;return(_this$manualStartTime=this.manualStartTime)!==null&&_this$manualStartTime!==void 0?_this$manualStartTime:Number(this.animation.startTime);}set startTime(newStartTime){this.manualStartTime=this.animation.startTime=newStartTime;}/**
629
633
  * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
630
- */attachTimeline(_ref27){let{timeline,observe}=_ref27;if(this.allowFlatten){var _this$animation$effec3;(_this$animation$effec3=this.animation.effect)===null||_this$animation$effec3===void 0||_this$animation$effec3.updateTiming({easing:"linear"});}this.animation.onfinish=null;if(timeline&&supportsScrollTimeline()){this.animation.timeline=timeline;return noop;}else{return observe(this);}}}const unsupportedEasingFunctions={anticipate,backInOut,circInOut};function isUnsupportedEase(key){return key in unsupportedEasingFunctions;}function replaceStringEasing(transition){if(typeof transition.ease==="string"&&isUnsupportedEase(transition.ease)){transition.ease=unsupportedEasingFunctions[transition.ease];}}/**
634
+ */attachTimeline(_ref23){let{timeline,observe}=_ref23;if(this.allowFlatten){var _this$animation$effec3;(_this$animation$effec3=this.animation.effect)===null||_this$animation$effec3===void 0||_this$animation$effec3.updateTiming({easing:"linear"});}this.animation.onfinish=null;if(timeline&&supportsScrollTimeline()){this.animation.timeline=timeline;return noop;}else{return observe(this);}}}const unsupportedEasingFunctions={anticipate,backInOut,circInOut};function isUnsupportedEase(key){return key in unsupportedEasingFunctions;}function replaceStringEasing(transition){if(typeof transition.ease==="string"&&isUnsupportedEase(transition.ease)){transition.ease=unsupportedEasingFunctions[transition.ease];}}/**
631
635
  * 10ms is chosen here as it strikes a balance between smooth
632
636
  * results (more than one keyframe per frame at 60fps) and
633
637
  * keyframe quantity.
@@ -653,7 +657,7 @@ class NativeAnimationExtended extends NativeAnimation{constructor(options){/**
653
657
  * create a renderless JS animation and sample it twice to calculate
654
658
  * its current value, "previous" value, and therefore allow
655
659
  * Motion to calculate velocity for any subsequent animation.
656
- */updateMotionValue(value){const _this$options5=this.options,{motionValue,onUpdate,onComplete,element}=_this$options5,options=_objectWithoutProperties(_this$options5,_excluded6);if(!motionValue)return;if(value!==undefined){motionValue.set(value);return;}const sampleAnimation=new JSAnimation(_objectSpread(_objectSpread({},options),{},{autoplay:false}));/**
660
+ */updateMotionValue(value){const _this$options6=this.options,{motionValue,onUpdate,onComplete,element}=_this$options6,options=_objectWithoutProperties(_this$options6,_excluded7);if(!motionValue)return;if(value!==undefined){motionValue.set(value);return;}const sampleAnimation=new JSAnimation(_objectSpread(_objectSpread({},options),{},{autoplay:false}));/**
657
661
  * Use wall-clock elapsed time for sampling.
658
662
  * Under CPU load, WAAPI's currentTime may not reflect actual
659
663
  * elapsed time, causing incorrect sampling and visual jumps.
@@ -683,14 +687,14 @@ complex.test(value)||value==="0")&&// And it contains numbers and/or colors
683
687
  */if(name==="display"||name==="visibility")return true;const targetKeyframe=keyframes[keyframes.length-1];const isOriginAnimatable=isAnimatable(originKeyframe,name);const isTargetAnimatable=isAnimatable(targetKeyframe,name);warning(isOriginAnimatable===isTargetAnimatable,"You are trying to animate ".concat(name," from \"").concat(originKeyframe,"\" to \"").concat(targetKeyframe,"\". \"").concat(isOriginAnimatable?targetKeyframe:originKeyframe,"\" is not an animatable value."),"value-not-animatable");// Always skip if any of these are true
684
688
  if(!isOriginAnimatable||!isTargetAnimatable){return false;}return hasKeyframesChanged(keyframes)||(type==="spring"||isGenerator(type))&&velocity;}function makeAnimationInstant(options){options.duration=0;options.type="keyframes";}/**
685
689
  * A list of values that can be hardware-accelerated.
686
- */const acceleratedValues=new Set(["opacity","clipPath","filter","transform"// TODO: Could be re-enabled now we have support for linear() easing
690
+ */const acceleratedValues$1=new Set(["opacity","clipPath","filter","transform"// TODO: Could be re-enabled now we have support for linear() easing
687
691
  // "background-color"
688
692
  ]);const supportsWaapi=/*@__PURE__*/memo(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function supportsBrowserAnimation(options){var _motionValue$owner;const{motionValue,name,repeatDelay,repeatType,damping,type}=options;const subject=motionValue===null||motionValue===void 0||(_motionValue$owner=motionValue.owner)===null||_motionValue$owner===void 0?void 0:_motionValue$owner.current;/**
689
693
  * We use this check instead of isHTMLElement() because we explicitly
690
694
  * **don't** want elements in different timing contexts (i.e. popups)
691
695
  * to be accelerated, as it's not possible to sync these animations
692
696
  * properly with those driven from the main window frameloop.
693
- */if(!(subject instanceof HTMLElement)){return false;}const{onUpdate,transformTemplate}=motionValue.owner.getProps();return supportsWaapi()&&name&&acceleratedValues.has(name)&&(name!=="transform"||!transformTemplate)&&/**
697
+ */if(!(subject instanceof HTMLElement)){return false;}const{onUpdate,transformTemplate}=motionValue.owner.getProps();return supportsWaapi()&&name&&acceleratedValues$1.has(name)&&(name!=="transform"||!transformTemplate)&&/**
694
698
  * If we're outputting values to onUpdate then we can't use WAAPI as there's
695
699
  * no way to read the value from WAAPI every frame.
696
700
  */!onUpdate&&!repeatDelay&&repeatType!=="mirror"&&damping!==0&&type!=="inertia";}/**
@@ -700,7 +704,7 @@ if(!isOriginAnimatable||!isTargetAnimatable){return false;}return hasKeyframesCh
700
704
  * This is to ensure that while we prefer to "start" an animation as soon
701
705
  * as it's triggered, we also want to avoid a visual jump if there's a big delay
702
706
  * between these two moments.
703
- */const MAX_RESOLVE_DELAY=40;class AsyncMotionValueAnimation extends WithPromise{constructor(_ref28){var _this$keyframeResolve2;let{autoplay=true,delay=0,type="keyframes",repeat=0,repeatDelay=0,repeatType="loop",keyframes,name,motionValue,element}=_ref28,options=_objectWithoutProperties(_ref28,_excluded7);super();/**
707
+ */const MAX_RESOLVE_DELAY=40;class AsyncMotionValueAnimation extends WithPromise{constructor(_ref24){var _this$keyframeResolve2;let{autoplay=true,delay=0,type="keyframes",repeat=0,repeatDelay=0,repeatType="loop",keyframes,name,motionValue,element}=_ref24,options=_objectWithoutProperties(_ref24,_excluded8);super();/**
704
708
  * Bound to support return animation.stop pattern
705
709
  */this.stop=()=>{var _this$keyframeResolve;if(this._animation){var _this$stopTimeline;this._animation.stop();(_this$stopTimeline=this.stopTimeline)===null||_this$stopTimeline===void 0||_this$stopTimeline.call(this);}(_this$keyframeResolve=this.keyframeResolver)===null||_this$keyframeResolve===void 0||_this$keyframeResolve.cancel();};this.createdAt=time$1.now();const optionsWithDefaults=_objectSpread({autoplay,delay,type,repeat,repeatDelay,repeatType,name,motionValue,element},options);const KeyframeResolver$1=(element===null||element===void 0?void 0:element.KeyframeResolver)||KeyframeResolver;this.keyframeResolver=new KeyframeResolver$1(keyframes,(resolvedKeyframes,finalKeyframe,forced)=>this.onKeyframesResolved(resolvedKeyframes,finalKeyframe,optionsWithDefaults,!forced),name,motionValue,element);(_this$keyframeResolve2=this.keyframeResolver)===null||_this$keyframeResolve2===void 0||_this$keyframeResolve2.scheduleResolve();}onKeyframesResolved(keyframes,finalKeyframe,options,sync){var _resolvedOptions$moti;this.keyframeResolver=undefined;const{name,type,velocity,delay,isHandoff,onUpdate}=options;this.resolvedAt=time$1.now();/**
706
710
  * If we can't animate this value with the resolved keyframes
@@ -734,11 +738,15 @@ if(!token)return;// Attempt to read this CSS variable off the element
734
738
  const resolved=window.getComputedStyle(element).getPropertyValue(token);if(resolved){const trimmed=resolved.trim();return isNumericalString(trimmed)?parseFloat(trimmed):trimmed;}return isCSSVariableToken(fallback)?getVariableValue(fallback,element,depth+1):fallback;}const underDampedSpring={type:"spring",stiffness:500,damping:25,restSpeed:10};const criticallyDampedSpring=target=>({type:"spring",stiffness:550,damping:target===0?2*Math.sqrt(550):30,restSpeed:10});const keyframesTransition={type:"keyframes",duration:0.8};/**
735
739
  * Default easing curve is a slightly shallower version of
736
740
  * the default browser easing curve.
737
- */const ease={type:"keyframes",ease:[0.25,0.1,0.35,1],duration:0.3};const getDefaultTransition=(valueKey,_ref29)=>{let{keyframes}=_ref29;if(keyframes.length>2){return keyframesTransition;}else if(transformProps.has(valueKey)){return valueKey.startsWith("scale")?criticallyDampedSpring(keyframes[1]):underDampedSpring;}return ease;};const isNotNull=value=>value!==null;function getFinalKeyframe(keyframes,_ref30,finalKeyframe){let{repeat,repeatType="loop"}=_ref30;const resolvedKeyframes=keyframes.filter(isNotNull);const index=repeat&&repeatType!=="loop"&&repeat%2===1?0:resolvedKeyframes.length-1;return!index||finalKeyframe===undefined?resolvedKeyframes[index]:finalKeyframe;}function getValueTransition(transition,key){var _ref31,_transition$key;return(_ref31=(_transition$key=transition===null||transition===void 0?void 0:transition[key])!==null&&_transition$key!==void 0?_transition$key:transition===null||transition===void 0?void 0:transition["default"])!==null&&_ref31!==void 0?_ref31:transition;}/**
741
+ */const ease={type:"keyframes",ease:[0.25,0.1,0.35,1],duration:0.3};const getDefaultTransition=(valueKey,_ref25)=>{let{keyframes}=_ref25;if(keyframes.length>2){return keyframesTransition;}else if(transformProps.has(valueKey)){return valueKey.startsWith("scale")?criticallyDampedSpring(keyframes[1]):underDampedSpring;}return ease;};const isNotNull=value=>value!==null;function getFinalKeyframe(keyframes,_ref26,finalKeyframe){let{repeat,repeatType="loop"}=_ref26;const resolvedKeyframes=keyframes.filter(isNotNull);const index=repeat&&repeatType!=="loop"&&repeat%2===1?0:resolvedKeyframes.length-1;return!index||finalKeyframe===undefined?resolvedKeyframes[index]:finalKeyframe;}/**
742
+ * If `transition` has `inherit: true`, shallow-merge it with
743
+ * `parentTransition` (child keys win) and strip the `inherit` key.
744
+ * Otherwise return `transition` unchanged.
745
+ */function resolveTransition(transition,parentTransition){if(transition!==null&&transition!==void 0&&transition.inherit&&parentTransition){const{inherit:_}=transition,rest=_objectWithoutProperties(transition,_excluded9);return _objectSpread(_objectSpread({},parentTransition),rest);}return transition;}function getValueTransition(transition,key){var _ref27,_transition$key;const valueTransition=(_ref27=(_transition$key=transition===null||transition===void 0?void 0:transition[key])!==null&&_transition$key!==void 0?_transition$key:transition===null||transition===void 0?void 0:transition["default"])!==null&&_ref27!==void 0?_ref27:transition;if(valueTransition!==transition){return resolveTransition(valueTransition,transition);}return valueTransition;}/**
738
746
  * Decide whether a transition is defined on a given Transition.
739
747
  * This filters out orchestration options and returns true
740
748
  * if any options are left.
741
- */function isTransitionDefined(_ref32){let{when,delay:_delay,delayChildren,staggerChildren,staggerDirection,repeat,repeatType,repeatDelay,from,elapsed}=_ref32,transition=_objectWithoutProperties(_ref32,_excluded8);return!!Object.keys(transition).length;}const animateMotionValue=function(name,value,target){let transition=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{};let element=arguments.length>4?arguments[4]:undefined;let isHandoff=arguments.length>5?arguments[5]:undefined;return onComplete=>{const valueTransition=getValueTransition(transition,name)||{};/**
749
+ */function isTransitionDefined(_ref28){let{when,delay:_delay,delayChildren,staggerChildren,staggerDirection,repeat,repeatType,repeatDelay,from,elapsed}=_ref28,transition=_objectWithoutProperties(_ref28,_excluded0);return!!Object.keys(transition).length;}const animateMotionValue=function(name,value,target){let transition=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{};let element=arguments.length>4?arguments[4]:undefined;let isHandoff=arguments.length>5?arguments[5]:undefined;return onComplete=>{const valueTransition=getValueTransition(transition,name)||{};/**
742
750
  * Most transition values are currently completely overwritten by value-specific
743
751
  * transitions. In the future it'd be nicer to blend these transitions. But for now
744
752
  * delay actually does inherit from the root transition if not value-specific.
@@ -754,7 +762,7 @@ const resolved=window.getComputedStyle(element).getPropertyValue(token);if(resol
754
762
  * as seconds.
755
763
  */options.duration&&(options.duration=secondsToMilliseconds(options.duration));options.repeatDelay&&(options.repeatDelay=secondsToMilliseconds(options.repeatDelay));/**
756
764
  * Support deprecated way to set initial value. Prefer keyframe syntax.
757
- */if(options.from!==undefined){options.keyframes[0]=options.from;}let shouldSkip=false;if(options.type===false||options.duration===0&&!options.repeatDelay){makeAnimationInstant(options);if(options.delay===0){shouldSkip=true;}}if(MotionGlobalConfig.instantAnimations||MotionGlobalConfig.skipAnimations){shouldSkip=true;makeAnimationInstant(options);options.delay=0;}/**
765
+ */if(options.from!==undefined){options.keyframes[0]=options.from;}let shouldSkip=false;if(options.type===false||options.duration===0&&!options.repeatDelay){makeAnimationInstant(options);if(options.delay===0){shouldSkip=true;}}if(MotionGlobalConfig.instantAnimations||MotionGlobalConfig.skipAnimations||element!==null&&element!==void 0&&element.shouldSkipAnimations){shouldSkip=true;makeAnimationInstant(options);options.delay=0;}/**
758
766
  * If the transition type or easing has been explicitly set by the user
759
767
  * then we don't want to allow flattening the animation.
760
768
  */options.allowFlatten=!valueTransition.type&&!valueTransition.ease;/**
@@ -900,7 +908,7 @@ return velocityPerSecond(parseFloat(this.current)-parseFloat(this.prevFrameValue
900
908
  * Set VisualElement's MotionValue, creating a new MotionValue for it if
901
909
  * it doesn't exist.
902
910
  */function setMotionValue(visualElement,key,value){if(visualElement.hasValue(key)){visualElement.getValue(key).set(value);}else{visualElement.addValue(key,motionValue(value));}}function resolveFinalValueInKeyframes(v){// TODO maybe throw if v.length - 1 is placeholder token?
903
- return isKeyframesTarget(v)?v[v.length-1]||0:v;}function setTarget(visualElement,definition){const resolved=resolveVariant(visualElement,definition);let _ref33=resolved||{},{transitionEnd={},transition={}}=_ref33,target=_objectWithoutProperties(_ref33,_excluded9);target=_objectSpread(_objectSpread({},target),transitionEnd);for(const key in target){const value=resolveFinalValueInKeyframes(target[key]);setMotionValue(visualElement,key,value);}}const isMotionValue=value=>Boolean(value&&value.getVelocity);function isWillChangeMotionValue(value){return Boolean(isMotionValue(value)&&value.add);}function addValueToWillChange(visualElement,key){const willChange=visualElement.getValue("willChange");/**
911
+ return isKeyframesTarget(v)?v[v.length-1]||0:v;}function setTarget(visualElement,definition){const resolved=resolveVariant(visualElement,definition);let _ref29=resolved||{},{transitionEnd={},transition={}}=_ref29,target=_objectWithoutProperties(_ref29,_excluded1);target=_objectSpread(_objectSpread({},target),transitionEnd);for(const key in target){const value=resolveFinalValueInKeyframes(target[key]);setMotionValue(visualElement,key,value);}}const isMotionValue=value=>Boolean(value&&value.getVelocity);function isWillChangeMotionValue(value){return Boolean(isMotionValue(value)&&value.add);}function addValueToWillChange(visualElement,key){const willChange=visualElement.getValue("willChange");/**
904
912
  * It could be that a user has set willChange to a regular MotionValue,
905
913
  * in which case we can't add the value to it.
906
914
  */if(isWillChangeMotionValue(willChange)){return willChange.add(key);}else if(!willChange&&MotionGlobalConfig.WillChange){const newWillChange=new MotionGlobalConfig.WillChange("auto");visualElement.addValue("willChange",newWillChange);newWillChange.add(key);}}function camelToDash(str){return str.replace(/([A-Z])/g,match=>"-".concat(match.toLowerCase()));}const optimizedAppearDataId="framerAppearId";const optimizedAppearDataAttribute="data-"+camelToDash(optimizedAppearDataId);function getOptimisedAppearId(visualElement){return visualElement.props[optimizedAppearDataAttribute];}/**
@@ -908,12 +916,12 @@ return isKeyframesTarget(v)?v[v.length-1]||0:v;}function setTarget(visualElement
908
916
  * just by checking whether the key was listed in protectedKeys, but this
909
917
  * posed problems if an animation was triggered by afterChildren and protectedKeys
910
918
  * had been set to true in the meantime.
911
- */function shouldBlockAnimation(_ref34,key){let{protectedKeys,needsAnimating}=_ref34;const shouldBlock=protectedKeys.hasOwnProperty(key)&&needsAnimating[key]!==true;needsAnimating[key]=false;return shouldBlock;}function animateTarget(visualElement,targetAndTransition){var _transition;let{delay=0,transitionOverride,type}=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};let{transition=visualElement.getDefaultTransition(),transitionEnd}=targetAndTransition,target=_objectWithoutProperties(targetAndTransition,_excluded0);const reduceMotion=(_transition=transition)===null||_transition===void 0?void 0:_transition.reduceMotion;if(transitionOverride)transition=transitionOverride;const animations=[];const animationTypeState=type&&visualElement.animationState&&visualElement.animationState.getState()[type];for(const key in target){var _visualElement$latest;const value=visualElement.getValue(key,(_visualElement$latest=visualElement.latestValues[key])!==null&&_visualElement$latest!==void 0?_visualElement$latest:null);const valueTarget=target[key];if(valueTarget===undefined||animationTypeState&&shouldBlockAnimation(animationTypeState,key)){continue;}const valueTransition=_objectSpread({delay},getValueTransition(transition||{},key));/**
919
+ */function shouldBlockAnimation(_ref30,key){let{protectedKeys,needsAnimating}=_ref30;const shouldBlock=protectedKeys.hasOwnProperty(key)&&needsAnimating[key]!==true;needsAnimating[key]=false;return shouldBlock;}function animateTarget(visualElement,targetAndTransition){var _transition;let{delay=0,transitionOverride,type}=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};let{transition,transitionEnd}=targetAndTransition,target=_objectWithoutProperties(targetAndTransition,_excluded10);const defaultTransition=visualElement.getDefaultTransition();transition=transition?resolveTransition(transition,defaultTransition):defaultTransition;const reduceMotion=(_transition=transition)===null||_transition===void 0?void 0:_transition.reduceMotion;if(transitionOverride)transition=transitionOverride;const animations=[];const animationTypeState=type&&visualElement.animationState&&visualElement.animationState.getState()[type];for(const key in target){var _visualElement$latest;const value=visualElement.getValue(key,(_visualElement$latest=visualElement.latestValues[key])!==null&&_visualElement$latest!==void 0?_visualElement$latest:null);const valueTarget=target[key];if(valueTarget===undefined||animationTypeState&&shouldBlockAnimation(animationTypeState,key)){continue;}const valueTransition=_objectSpread({delay},getValueTransition(transition||{},key));/**
912
920
  * If the value is already at the defined target, skip the animation.
913
921
  */const currentValue=value.get();if(currentValue!==undefined&&!value.isAnimating&&!Array.isArray(valueTarget)&&valueTarget===currentValue&&!valueTransition.velocity){continue;}/**
914
922
  * If this is the first time a value is being animated, check
915
923
  * to see if we're handling off from an existing animation.
916
- */let isHandoff=false;if(window.MotionHandoffAnimation){const appearId=getOptimisedAppearId(visualElement);if(appearId){const startTime=window.MotionHandoffAnimation(appearId,key,frame);if(startTime!==null){valueTransition.startTime=startTime;isHandoff=true;}}}addValueToWillChange(visualElement,key);const shouldReduceMotion=reduceMotion!==null&&reduceMotion!==void 0?reduceMotion:visualElement.shouldReduceMotion;value.start(animateMotionValue(key,value,valueTarget,shouldReduceMotion&&positionalKeys.has(key)?{type:false}:valueTransition,visualElement,isHandoff));const animation=value.animation;if(animation){animations.push(animation);}}if(transitionEnd){Promise.all(animations).then(()=>{frame.update(()=>{transitionEnd&&setTarget(visualElement,transitionEnd);});});}return animations;}function animateVariant(visualElement,variant){var _visualElement$presen;let options=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};const resolved=resolveVariant(visualElement,variant,options.type==="exit"?(_visualElement$presen=visualElement.presenceContext)===null||_visualElement$presen===void 0?void 0:_visualElement$presen.custom:undefined);let{transition=visualElement.getDefaultTransition()||{}}=resolved||{};if(options.transitionOverride){transition=options.transitionOverride;}/**
924
+ */let isHandoff=false;if(window.MotionHandoffAnimation){const appearId=getOptimisedAppearId(visualElement);if(appearId){const startTime=window.MotionHandoffAnimation(appearId,key,frame);if(startTime!==null){valueTransition.startTime=startTime;isHandoff=true;}}}addValueToWillChange(visualElement,key);const shouldReduceMotion=reduceMotion!==null&&reduceMotion!==void 0?reduceMotion:visualElement.shouldReduceMotion;value.start(animateMotionValue(key,value,valueTarget,shouldReduceMotion&&positionalKeys.has(key)?{type:false}:valueTransition,visualElement,isHandoff));const animation=value.animation;if(animation){animations.push(animation);}}if(transitionEnd){const applyTransitionEnd=()=>frame.update(()=>{transitionEnd&&setTarget(visualElement,transitionEnd);});if(animations.length){Promise.all(animations).then(applyTransitionEnd);}else{applyTransitionEnd();}}return animations;}function animateVariant(visualElement,variant){var _visualElement$presen;let options=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};const resolved=resolveVariant(visualElement,variant,options.type==="exit"?(_visualElement$presen=visualElement.presenceContext)===null||_visualElement$presen===void 0?void 0:_visualElement$presen.custom:undefined);let{transition=visualElement.getDefaultTransition()||{}}=resolved||{};if(options.transitionOverride){transition=options.transitionOverride;}/**
917
925
  * If we have a variant, create a callback that runs it as an animation.
918
926
  * Otherwise, we resolve a Promise immediately for a composable no-op.
919
927
  */const getAnimation=resolved?()=>Promise.all(animateTarget(visualElement,resolved,options)):()=>Promise.resolve();/**
@@ -932,7 +940,7 @@ return isKeyframesTarget(v)?v[v.length-1]||0:v;}function setTarget(visualElement
932
940
  * Tests a dimensional value against the list of dimension ValueTypes
933
941
  */const findDimensionValueType=v=>dimensionValueTypes.find(testValueType(v));function isNone(value){if(typeof value==="number"){return value===0;}else if(value!==null){return value==="none"||value==="0"||isZeroValueString(value);}else{return true;}}/**
934
942
  * Properties that should default to 1 or 100%
935
- */const maxDefaults=new Set(["brightness","contrast","saturate","opacity"]);function applyDefaultFilter(v){const[name,value]=v.slice(0,-1).split("(");if(name==="drop-shadow")return v;const[number]=value.match(floatRegex)||[];if(!number)return v;const unit=value.replace(number,"");let defaultValue=maxDefaults.has(name)?1:0;if(number!==value)defaultValue*=100;return name+"("+defaultValue+unit+")";}const functionRegex=/\b([\x2Da-z]*)\((?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*?\)/g;const filter=_objectSpread(_objectSpread({},complex),{},{getAnimatableNone:v=>{const functions=v.match(functionRegex);return functions?functions.map(applyDefaultFilter).join(" "):v;}});const int=_objectSpread(_objectSpread({},number),{},{transform:Math.round});const transformValueTypes={rotate:degrees,rotateX:degrees,rotateY:degrees,rotateZ:degrees,scale,scaleX:scale,scaleY:scale,scaleZ:scale,skew:degrees,skewX:degrees,skewY:degrees,distance:px,translateX:px,translateY:px,translateZ:px,x:px,y:px,z:px,perspective:px,transformPerspective:px,opacity:alpha,originX:progressPercentage,originY:progressPercentage,originZ:px};const numberValueTypes=_objectSpread(_objectSpread({// Border props
943
+ */const maxDefaults=new Set(["brightness","contrast","saturate","opacity"]);function applyDefaultFilter(v){const[name,value]=v.slice(0,-1).split("(");if(name==="drop-shadow")return v;const[number]=value.match(floatRegex)||[];if(!number)return v;const unit=value.replace(number,"");let defaultValue=maxDefaults.has(name)?1:0;if(number!==value)defaultValue*=100;return name+"("+defaultValue+unit+")";}const functionRegex=/\b([\x2Da-z]*)\((?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*?\)/g;const filter=_objectSpread(_objectSpread({},complex),{},{getAnimatableNone:v=>{const functions=v.match(functionRegex);return functions?functions.map(applyDefaultFilter).join(" "):v;}});const mask=_objectSpread(_objectSpread({},complex),{},{getAnimatableNone:v=>{const parsed=complex.parse(v);const transformer=complex.createTransformer(v);return transformer(parsed.map(v=>typeof v==="number"?0:typeof v==="object"?_objectSpread(_objectSpread({},v),{},{alpha:1}):v));}});const int=_objectSpread(_objectSpread({},number),{},{transform:Math.round});const transformValueTypes={rotate:degrees,rotateX:degrees,rotateY:degrees,rotateZ:degrees,scale,scaleX:scale,scaleY:scale,scaleZ:scale,skew:degrees,skewX:degrees,skewY:degrees,distance:px,translateX:px,translateY:px,translateZ:px,x:px,y:px,z:px,perspective:px,transformPerspective:px,opacity:alpha,originX:progressPercentage,originY:progressPercentage,originZ:px};const numberValueTypes=_objectSpread(_objectSpread({// Border props
936
944
  borderWidth:px,borderTopWidth:px,borderRightWidth:px,borderBottomWidth:px,borderLeftWidth:px,borderRadius:px,borderTopLeftRadius:px,borderTopRightRadius:px,borderBottomRightRadius:px,borderBottomLeftRadius:px,// Positioning props
937
945
  width:px,maxWidth:px,height:px,maxHeight:px,top:px,right:px,bottom:px,left:px,inset:px,insetBlock:px,insetBlockStart:px,insetBlockEnd:px,insetInline:px,insetInlineStart:px,insetInlineEnd:px,// Spacing props
938
946
  padding:px,paddingTop:px,paddingRight:px,paddingBottom:px,paddingLeft:px,paddingBlock:px,paddingBlockStart:px,paddingBlockEnd:px,paddingInline:px,paddingInlineStart:px,paddingInlineEnd:px,margin:px,marginTop:px,marginRight:px,marginBottom:px,marginLeft:px,marginBlock:px,marginBlockStart:px,marginBlockEnd:px,marginInline:px,marginInlineStart:px,marginInlineEnd:px,// Typography
@@ -942,9 +950,9 @@ fillOpacity:alpha,strokeOpacity:alpha,numOctaves:int});/**
942
950
  * A map of default value types for common values
943
951
  */const defaultValueTypes=_objectSpread(_objectSpread({},numberValueTypes),{},{// Color props
944
952
  color,backgroundColor:color,outlineColor:color,fill:color,stroke:color,// Border props
945
- borderColor:color,borderTopColor:color,borderRightColor:color,borderBottomColor:color,borderLeftColor:color,filter,WebkitFilter:filter});/**
953
+ borderColor:color,borderTopColor:color,borderRightColor:color,borderBottomColor:color,borderLeftColor:color,filter,WebkitFilter:filter,mask,WebkitMask:mask});/**
946
954
  * Gets the default ValueType for the provided value key
947
- */const getDefaultValueType=key=>defaultValueTypes[key];function getAnimatableNone(key,value){let defaultValueType=getDefaultValueType(key);if(defaultValueType!==filter)defaultValueType=complex;// If value is not recognised as animatable, ie "none", create an animatable version origin based on the target
955
+ */const getDefaultValueType=key=>defaultValueTypes[key];const customTypes=/*@__PURE__*/new Set([filter,mask]);function getAnimatableNone(key,value){let defaultValueType=getDefaultValueType(key);if(!customTypes.has(defaultValueType))defaultValueType=complex;// If value is not recognised as animatable, ie "none", create an animatable version origin based on the target
948
956
  return defaultValueType.getAnimatableNone?defaultValueType.getAnimatableNone(value):undefined;}/**
949
957
  * If we encounter keyframes like "none" or "0" and we also have keyframes like
950
958
  * "#fff" or "200px 200px" we want to find a keyframe to serve as a template for
@@ -973,7 +981,12 @@ return defaultValueType.getAnimatableNone?defaultValueType.getAnimatableNone(val
973
981
  * Else, the only way to resolve this is by measuring the element.
974
982
  */this.needsMeasurement=true;}}resolveNoneKeyframes(){const{unresolvedKeyframes,name}=this;const noneKeyframeIndexes=[];for(let i=0;i<unresolvedKeyframes.length;i++){if(unresolvedKeyframes[i]===null||isNone(unresolvedKeyframes[i])){noneKeyframeIndexes.push(i);}}if(noneKeyframeIndexes.length){makeNoneKeyframesAnimatable(unresolvedKeyframes,noneKeyframeIndexes,name);}}measureInitialState(){const{element,unresolvedKeyframes,name}=this;if(!element||!element.current)return;if(name==="height"){this.suspendedScrollY=window.pageYOffset;}this.measuredOrigin=positionalValues[name](element.measureViewportBox(),window.getComputedStyle(element.current));unresolvedKeyframes[0]=this.measuredOrigin;// Set final key frame to measure after next render
975
983
  const measureKeyframe=unresolvedKeyframes[unresolvedKeyframes.length-1];if(measureKeyframe!==undefined){element.getValue(name,measureKeyframe).jump(measureKeyframe,false);}}measureEndState(){var _this$removedTransfor;const{element,name,unresolvedKeyframes}=this;if(!element||!element.current)return;const value=element.getValue(name);value&&value.jump(this.measuredOrigin,false);const finalKeyframeIndex=unresolvedKeyframes.length-1;const finalKeyframe=unresolvedKeyframes[finalKeyframeIndex];unresolvedKeyframes[finalKeyframeIndex]=positionalValues[name](element.measureViewportBox(),window.getComputedStyle(element.current));if(finalKeyframe!==null&&this.finalKeyframe===undefined){this.finalKeyframe=finalKeyframe;}// If we removed transform values, reapply them before the next render
976
- if((_this$removedTransfor=this.removedTransforms)!==null&&_this$removedTransfor!==void 0&&_this$removedTransfor.length){this.removedTransforms.forEach(_ref35=>{let[unsetTransformName,unsetTransformValue]=_ref35;element.getValue(unsetTransformName).set(unsetTransformValue);});}this.resolveNoneKeyframes();}}function resolveElements(elementOrSelector,scope,selectorCache){if(elementOrSelector==null){return[];}if(elementOrSelector instanceof EventTarget){return[elementOrSelector];}else if(typeof elementOrSelector==="string"){var _selectorCache$elemen;let root=document;if(scope){root=scope.current;}const elements=(_selectorCache$elemen=selectorCache===null||selectorCache===void 0?void 0:selectorCache[elementOrSelector])!==null&&_selectorCache$elemen!==void 0?_selectorCache$elemen:root.querySelectorAll(elementOrSelector);return elements?Array.from(elements):[];}return Array.from(elementOrSelector).filter(element=>element!=null);}/**
984
+ if((_this$removedTransfor=this.removedTransforms)!==null&&_this$removedTransfor!==void 0&&_this$removedTransfor.length){this.removedTransforms.forEach(_ref31=>{let[unsetTransformName,unsetTransformValue]=_ref31;element.getValue(unsetTransformName).set(unsetTransformValue);});}this.resolveNoneKeyframes();}}/**
985
+ * A list of values that can be hardware-accelerated.
986
+ */const acceleratedValues=new Set(["opacity","clipPath","filter","transform"// TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved
987
+ // or until we implement support for linear() easing.
988
+ // "background-color"
989
+ ]);function resolveElements(elementOrSelector,scope,selectorCache){if(elementOrSelector==null){return[];}if(elementOrSelector instanceof EventTarget){return[elementOrSelector];}else if(typeof elementOrSelector==="string"){var _selectorCache$elemen;let root=document;if(scope){root=scope.current;}const elements=(_selectorCache$elemen=selectorCache===null||selectorCache===void 0?void 0:selectorCache[elementOrSelector])!==null&&_selectorCache$elemen!==void 0?_selectorCache$elemen:root.querySelectorAll(elementOrSelector);return elements?Array.from(elements):[];}return Array.from(elementOrSelector).filter(element=>element!=null);}/**
977
990
  * Provided a value and a ValueType, returns the value as that value type.
978
991
  */const getValueAsType=(value,type)=>{return type&&typeof value==="number"?type.transform(value):value;};/**
979
992
  * Checks if an element is an HTML element in a way
@@ -984,7 +997,7 @@ if((_this$removedTransfor=this.removedTransforms)!==null&&_this$removedTransfor!
984
997
  * with drag gestures, and automatically removes the "pointerennd" event listener when the hover ends.
985
998
  *
986
999
  * @public
987
- */function hover(elementOrSelector,onHoverStart){let options=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};const[elements,eventOptions,cancel]=setupGesture(elementOrSelector,options);const onPointerEnter=enterEvent=>{if(!isValidHover(enterEvent))return;const{target}=enterEvent;const onHoverEnd=onHoverStart(target,enterEvent);if(typeof onHoverEnd!=="function"||!target)return;const onPointerLeave=leaveEvent=>{if(!isValidHover(leaveEvent))return;onHoverEnd(leaveEvent);target.removeEventListener("pointerleave",onPointerLeave);};target.addEventListener("pointerleave",onPointerLeave,eventOptions);};elements.forEach(element=>{element.addEventListener("pointerenter",onPointerEnter,eventOptions);});return cancel;}/**
1000
+ */function hover(elementOrSelector,onHoverStart){let options=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};const[elements,eventOptions,cancel]=setupGesture(elementOrSelector,options);elements.forEach(element=>{let isPressed=false;let deferredHoverEnd=false;let hoverEndCallback;const removePointerLeave=()=>{element.removeEventListener("pointerleave",onPointerLeave);};const endHover=event=>{if(hoverEndCallback){hoverEndCallback(event);hoverEndCallback=undefined;}removePointerLeave();};const onPointerUp=event=>{isPressed=false;window.removeEventListener("pointerup",onPointerUp);window.removeEventListener("pointercancel",onPointerUp);if(deferredHoverEnd){deferredHoverEnd=false;endHover(event);}};const onPointerDown=()=>{isPressed=true;window.addEventListener("pointerup",onPointerUp,eventOptions);window.addEventListener("pointercancel",onPointerUp,eventOptions);};const onPointerLeave=leaveEvent=>{if(leaveEvent.pointerType==="touch")return;if(isPressed){deferredHoverEnd=true;return;}endHover(leaveEvent);};const onPointerEnter=enterEvent=>{if(!isValidHover(enterEvent))return;deferredHoverEnd=false;const onHoverEnd=onHoverStart(element,enterEvent);if(typeof onHoverEnd!=="function")return;hoverEndCallback=onHoverEnd;element.addEventListener("pointerleave",onPointerLeave,eventOptions);};element.addEventListener("pointerenter",onPointerEnter,eventOptions);element.addEventListener("pointerdown",onPointerDown,eventOptions);});return cancel;}/**
988
1001
  * Recursively traverse up the tree to check whether the provided child node
989
1002
  * is the parent or a descendant of it.
990
1003
  *
@@ -997,21 +1010,27 @@ if((_this$removedTransfor=this.removedTransforms)!==null&&_this$removedTransfor!
997
1010
  *
998
1011
  * Specifically match against false here as incomplete versions of
999
1012
  * PointerEvents in very old browser might have it set as undefined.
1000
- */return event.isPrimary!==false;}};const interactiveElements=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);/**
1001
- * Checks if an element is an interactive form element that should prevent
1002
- * drag gestures from starting when clicked.
1013
+ */return event.isPrimary!==false;}};const keyboardAccessibleElements=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);/**
1014
+ * Checks if an element is natively keyboard accessible (focusable).
1015
+ * Used by the press gesture to determine if we need to add tabIndex.
1016
+ */function isElementKeyboardAccessible(element){return keyboardAccessibleElements.has(element.tagName)||element.isContentEditable===true;}const textInputElements=new Set(["INPUT","SELECT","TEXTAREA"]);/**
1017
+ * Checks if an element has text selection or direct interaction behavior
1018
+ * that should block drag gestures from starting.
1003
1019
  *
1004
- * This specifically targets form controls, buttons, and links - not just any
1005
- * element with tabIndex, since motion elements with tap handlers automatically
1006
- * get tabIndex=0 for keyboard accessibility.
1007
- */function isElementKeyboardAccessible(element){return interactiveElements.has(element.tagName)||element.isContentEditable===true;}const isPressing=new WeakSet();/**
1020
+ * This specifically targets form controls where the user might want to select
1021
+ * text or interact with the control (e.g., sliders, dropdowns).
1022
+ *
1023
+ * Buttons and links are NOT included because they don't have click-and-move
1024
+ * actions of their own - they only respond to click events, so dragging
1025
+ * should still work when initiated from these elements.
1026
+ */function isElementTextInput(element){return textInputElements.has(element.tagName)||element.isContentEditable===true;}const isPressing=new WeakSet();/**
1008
1027
  * Filter out events that are not "Enter" keys.
1009
1028
  */function filterEvents(callback){return event=>{if(event.key!=="Enter")return;callback(event);};}function firePointerEvent(target,type){target.dispatchEvent(new PointerEvent("pointer"+type,{isPrimary:true,bubbles:true}));}const enableKeyboardPress=(focusEvent,eventOptions)=>{const element=focusEvent.currentTarget;if(!element)return;const handleKeydown=filterEvents(()=>{if(isPressing.has(element))return;firePointerEvent(element,"down");const handleKeyup=filterEvents(()=>{firePointerEvent(element,"up");});const handleBlur=()=>firePointerEvent(element,"cancel");element.addEventListener("keyup",handleKeyup,eventOptions);element.addEventListener("blur",handleBlur,eventOptions);});element.addEventListener("keydown",handleKeydown,eventOptions);/**
1010
1029
  * Add an event listener that fires on blur to remove the keydown events.
1011
1030
  */element.addEventListener("blur",()=>element.removeEventListener("keydown",handleKeydown),eventOptions);};/**
1012
1031
  * Filter out events that are not primary pointer events, or are triggering
1013
1032
  * while a Motion gesture is active.
1014
- */function isValidPressEvent(event){return isPrimaryPointer(event)&&!isDragActive();}/**
1033
+ */function isValidPressEvent(event){return isPrimaryPointer(event)&&!isDragActive();}const claimedPointerDownEvents=new WeakSet();/**
1015
1034
  * Create a press gesture.
1016
1035
  *
1017
1036
  * Press is different to `"pointerdown"`, `"pointerup"` in that it
@@ -1029,18 +1048,17 @@ if((_this$removedTransfor=this.removedTransforms)!==null&&_this$removedTransfor!
1029
1048
  * make an element focusable by default.
1030
1049
  *
1031
1050
  * @public
1032
- */function press(targetOrSelector,onPressStart){let options=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};const[targets,eventOptions,cancelEvents]=setupGesture(targetOrSelector,options);const startPress=startEvent=>{const target=startEvent.currentTarget;if(!isValidPressEvent(startEvent))return;isPressing.add(target);const onPressEnd=onPressStart(target,startEvent);const onPointerEnd=(endEvent,success)=>{window.removeEventListener("pointerup",onPointerUp);window.removeEventListener("pointercancel",onPointerCancel);if(isPressing.has(target)){isPressing.delete(target);}if(!isValidPressEvent(endEvent)){return;}if(typeof onPressEnd==="function"){onPressEnd(endEvent,{success});}};const onPointerUp=upEvent=>{onPointerEnd(upEvent,target===window||target===document||options.useGlobalTarget||isNodeOrChild(target,upEvent.target));};const onPointerCancel=cancelEvent=>{onPointerEnd(cancelEvent,false);};window.addEventListener("pointerup",onPointerUp,eventOptions);window.addEventListener("pointercancel",onPointerCancel,eventOptions);};targets.forEach(target=>{const pointerDownTarget=options.useGlobalTarget?window:target;pointerDownTarget.addEventListener("pointerdown",startPress,eventOptions);if(isHTMLElement$1(target)){target.addEventListener("focus",event=>enableKeyboardPress(event,eventOptions));if(!isElementKeyboardAccessible(target)&&!target.hasAttribute("tabindex")){target.tabIndex=0;}}});return cancelEvents;}/**
1051
+ */function press(targetOrSelector,onPressStart){let options=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};const[targets,eventOptions,cancelEvents]=setupGesture(targetOrSelector,options);const startPress=startEvent=>{const target=startEvent.currentTarget;if(!isValidPressEvent(startEvent))return;if(claimedPointerDownEvents.has(startEvent))return;isPressing.add(target);if(options.stopPropagation){claimedPointerDownEvents.add(startEvent);}const onPressEnd=onPressStart(target,startEvent);const onPointerEnd=(endEvent,success)=>{window.removeEventListener("pointerup",onPointerUp);window.removeEventListener("pointercancel",onPointerCancel);if(isPressing.has(target)){isPressing.delete(target);}if(!isValidPressEvent(endEvent)){return;}if(typeof onPressEnd==="function"){onPressEnd(endEvent,{success});}};const onPointerUp=upEvent=>{onPointerEnd(upEvent,target===window||target===document||options.useGlobalTarget||isNodeOrChild(target,upEvent.target));};const onPointerCancel=cancelEvent=>{onPointerEnd(cancelEvent,false);};window.addEventListener("pointerup",onPointerUp,eventOptions);window.addEventListener("pointercancel",onPointerCancel,eventOptions);};targets.forEach(target=>{const pointerDownTarget=options.useGlobalTarget?window:target;pointerDownTarget.addEventListener("pointerdown",startPress,eventOptions);if(isHTMLElement$1(target)){target.addEventListener("focus",event=>enableKeyboardPress(event,eventOptions));if(!isElementKeyboardAccessible(target)&&!target.hasAttribute("tabindex")){target.tabIndex=0;}}});return cancelEvents;}/**
1033
1052
  * Checks if an element is an SVG element in a way
1034
1053
  * that works across iframes
1035
- */function isSVGElement(element){return isObject(element)&&"ownerSVGElement"in element;}/**
1054
+ */function isSVGElement(element){return isObject(element)&&"ownerSVGElement"in element;}const resizeHandlers=new WeakMap();let observer;const getSize=(borderBoxAxis,svgAxis,htmlAxis)=>(target,borderBoxSize)=>{if(borderBoxSize&&borderBoxSize[0]){return borderBoxSize[0][borderBoxAxis+"Size"];}else if(isSVGElement(target)&&"getBBox"in target){return target.getBBox()[svgAxis];}else{return target[htmlAxis];}};const getWidth=/*@__PURE__*/getSize("inline","width","offsetWidth");const getHeight=/*@__PURE__*/getSize("block","height","offsetHeight");function notifyTarget(_ref32){var _resizeHandlers$get;let{target,borderBoxSize}=_ref32;(_resizeHandlers$get=resizeHandlers.get(target))===null||_resizeHandlers$get===void 0||_resizeHandlers$get.forEach(handler=>{handler(target,{get width(){return getWidth(target,borderBoxSize);},get height(){return getHeight(target,borderBoxSize);}});});}function notifyAll(entries){entries.forEach(notifyTarget);}function createResizeObserver(){if(typeof ResizeObserver==="undefined")return;observer=new ResizeObserver(notifyAll);}function resizeElement(target,handler){if(!observer)createResizeObserver();const elements=resolveElements(target);elements.forEach(element=>{var _observer;let elementHandlers=resizeHandlers.get(element);if(!elementHandlers){elementHandlers=new Set();resizeHandlers.set(element,elementHandlers);}elementHandlers.add(handler);(_observer=observer)===null||_observer===void 0||_observer.observe(element);});return()=>{elements.forEach(element=>{const elementHandlers=resizeHandlers.get(element);elementHandlers===null||elementHandlers===void 0||elementHandlers.delete(handler);if(!(elementHandlers!==null&&elementHandlers!==void 0&&elementHandlers.size)){var _observer2;(_observer2=observer)===null||_observer2===void 0||_observer2.unobserve(element);}});};}const windowCallbacks=new Set();let windowResizeHandler;function createWindowResizeHandler(){windowResizeHandler=()=>{const info={get width(){return window.innerWidth;},get height(){return window.innerHeight;}};windowCallbacks.forEach(callback=>callback(info));};window.addEventListener("resize",windowResizeHandler);}function resizeWindow(callback){windowCallbacks.add(callback);if(!windowResizeHandler)createWindowResizeHandler();return()=>{windowCallbacks.delete(callback);if(!windowCallbacks.size&&typeof windowResizeHandler==="function"){window.removeEventListener("resize",windowResizeHandler);windowResizeHandler=undefined;}};}function resize(a,b){return typeof a==="function"?resizeWindow(a):resizeElement(a,b);}/**
1036
1055
  * Checks if an element is specifically an SVGSVGElement (the root SVG element)
1037
1056
  * in a way that works across iframes
1038
1057
  */function isSVGSVGElement(element){return isSVGElement(element)&&element.tagName==="svg";}/**
1039
1058
  * A list of all ValueTypes
1040
1059
  */const valueTypes=[...dimensionValueTypes,color,complex];/**
1041
1060
  * Tests a value against the list of ValueTypes
1042
- */const findValueType=v=>valueTypes.find(testValueType(v));const createAxisDelta=()=>({translate:0,scale:1,origin:0,originPoint:0});const createDelta=()=>({x:createAxisDelta(),y:createAxisDelta()});const createAxis=()=>({min:0,max:0});const createBox=()=>({x:createAxis(),y:createAxis()});// Does this device prefer reduced motion? Returns `null` server-side.
1043
- const prefersReducedMotion={current:null};const hasReducedMotionListener={current:false};const isBrowser=typeof window!=="undefined";function initPrefersReducedMotion(){hasReducedMotionListener.current=true;if(!isBrowser)return;if(window.matchMedia){const motionMediaQuery=window.matchMedia("(prefers-reduced-motion)");const setReducedMotionPreferences=()=>prefersReducedMotion.current=motionMediaQuery.matches;motionMediaQuery.addEventListener("change",setReducedMotionPreferences);setReducedMotionPreferences();}else{prefersReducedMotion.current=false;}}const visualElementStore=new WeakMap();function isAnimationControls(v){return v!==null&&typeof v==="object"&&typeof v.start==="function";}/**
1061
+ */const findValueType=v=>valueTypes.find(testValueType(v));const createAxisDelta=()=>({translate:0,scale:1,origin:0,originPoint:0});const createDelta=()=>({x:createAxisDelta(),y:createAxisDelta()});const createAxis=()=>({min:0,max:0});const createBox=()=>({x:createAxis(),y:createAxis()});const visualElementStore=new WeakMap();function isAnimationControls(v){return v!==null&&typeof v==="object"&&typeof v.start==="function";}/**
1044
1062
  * Decides if the supplied variable is variant label
1045
1063
  */function isVariantLabel(v){return typeof v==="string"||Array.isArray(v);}const variantPriorityOrder=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"];const variantProps=["initial",...variantPriorityOrder];function isControllingVariants(props){return isAnimationControls(props.animate)||variantProps.some(name=>isVariantLabel(props[name]));}function isVariantNode(props){return Boolean(isControllingVariants(props)||props.variants);}/**
1046
1064
  * Updates motion values from props changes.
@@ -1056,7 +1074,8 @@ const prefersReducedMotion={current:null};const hasReducedMotionListener={curren
1056
1074
  * or create one if it doesn't exist. We only want to do this if we're
1057
1075
  * not handling the value with our animation state.
1058
1076
  */if(element.hasValue(key)){const existingValue=element.getValue(key);if(existingValue.liveStyle===true){existingValue.jump(nextValue);}else if(!existingValue.hasAnimated){existingValue.set(nextValue);}}else{const latestValue=element.getStaticValue(key);element.addValue(key,motionValue(latestValue!==undefined?latestValue:nextValue,{owner:element}));}}}// Handle removed values
1059
- for(const key in prev){if(next[key]===undefined)element.removeValue(key);}return next;}const propEventHandlers=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];/**
1077
+ for(const key in prev){if(next[key]===undefined)element.removeValue(key);}return next;}// Does this device prefer reduced motion? Returns `null` server-side.
1078
+ const prefersReducedMotion={current:null};const hasReducedMotionListener={current:false};const isBrowser=typeof window!=="undefined";function initPrefersReducedMotion(){hasReducedMotionListener.current=true;if(!isBrowser)return;if(window.matchMedia){const motionMediaQuery=window.matchMedia("(prefers-reduced-motion)");const setReducedMotionPreferences=()=>prefersReducedMotion.current=motionMediaQuery.matches;motionMediaQuery.addEventListener("change",setReducedMotionPreferences);setReducedMotionPreferences();}else{prefersReducedMotion.current=false;}}const propEventHandlers=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];/**
1060
1079
  * Static feature definitions - can be injected by framework layer
1061
1080
  */let featureDefinitions={};/**
1062
1081
  * Set feature definitions for all VisualElements.
@@ -1072,7 +1091,7 @@ for(const key in prev){if(next[key]===undefined)element.removeValue(key);}return
1072
1091
  *
1073
1092
  * This isn't an abstract method as it needs calling in the constructor, but it is
1074
1093
  * intended to be one.
1075
- */scrapeMotionValuesFromProps(_props,_prevProps,_visualElement){return{};}constructor(_ref36){let{parent,props,presenceContext,reducedMotionConfig,blockInitialAnimation,visualState}=_ref36;let options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
1094
+ */scrapeMotionValuesFromProps(_props,_prevProps,_visualElement){return{};}constructor(_ref33){let{parent,props,presenceContext,reducedMotionConfig,skipAnimations,blockInitialAnimation,visualState}=_ref33;let options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
1076
1095
  * A reference to the current underlying Instance, e.g. a HTMLElement
1077
1096
  * or Three.Mesh etc.
1078
1097
  */this.current=null;/**
@@ -1086,6 +1105,9 @@ for(const key in prev){if(next[key]===undefined)element.removeValue(key);}return
1086
1105
  * TODO: This is currently set on every individual VisualElement but feels
1087
1106
  * like it could be set globally.
1088
1107
  */this.shouldReduceMotion=null;/**
1108
+ * Decides whether animations should be skipped for this VisualElement.
1109
+ * Useful for E2E tests and visual regression testing.
1110
+ */this.shouldSkipAnimations=false;/**
1089
1111
  * A map of all motion values attached to this visual element. Motion
1090
1112
  * values are source of truth for any given animated value. A motion
1091
1113
  * value might be provided externally by the component via props.
@@ -1099,12 +1121,15 @@ for(const key in prev){if(next[key]===undefined)element.removeValue(key);}return
1099
1121
  * from scrapeMotionValuesFromProps. We use the keys in here to determine
1100
1122
  * if any motion values need to be removed after props are updated.
1101
1123
  */this.prevMotionValues={};/**
1124
+ * Track whether this element has been mounted before, to detect
1125
+ * remounts after Suspense unmount/remount cycles.
1126
+ */this.hasBeenMounted=false;/**
1102
1127
  * An object containing a SubscriptionManager for each active event.
1103
1128
  */this.events={};/**
1104
1129
  * An object containing an unsubscribe function for each prop event subscription.
1105
1130
  * For example, every "Update" event can have multiple subscribers via
1106
1131
  * VisualElement.on(), but only one of those can be defined via the onUpdate prop.
1107
- */this.propEventSubscriptions={};this.notifyUpdate=()=>this.notify("Update",this.latestValues);this.render=()=>{if(!this.current)return;this.triggerBuild();this.renderInstance(this.current,this.renderState,this.props.style,this.projection);};this.renderScheduledAt=0.0;this.scheduleRender=()=>{const now=time$1.now();if(this.renderScheduledAt<now){this.renderScheduledAt=now;frame.render(this.render,false,true);}};const{latestValues,renderState}=visualState;this.latestValues=latestValues;this.baseTarget=_objectSpread({},latestValues);this.initialValues=props.initial?_objectSpread({},latestValues):{};this.renderState=renderState;this.parent=parent;this.props=props;this.presenceContext=presenceContext;this.depth=parent?parent.depth+1:0;this.reducedMotionConfig=reducedMotionConfig;this.options=options;this.blockInitialAnimation=Boolean(blockInitialAnimation);this.isControllingVariants=isControllingVariants(props);this.isVariantNode=isVariantNode(props);if(this.isVariantNode){this.variantChildren=new Set();}this.manuallyAnimateOnMount=Boolean(parent&&parent.current);/**
1132
+ */this.propEventSubscriptions={};this.notifyUpdate=()=>this.notify("Update",this.latestValues);this.render=()=>{if(!this.current)return;this.triggerBuild();this.renderInstance(this.current,this.renderState,this.props.style,this.projection);};this.renderScheduledAt=0.0;this.scheduleRender=()=>{const now=time$1.now();if(this.renderScheduledAt<now){this.renderScheduledAt=now;frame.render(this.render,false,true);}};const{latestValues,renderState}=visualState;this.latestValues=latestValues;this.baseTarget=_objectSpread({},latestValues);this.initialValues=props.initial?_objectSpread({},latestValues):{};this.renderState=renderState;this.parent=parent;this.props=props;this.presenceContext=presenceContext;this.depth=parent?parent.depth+1:0;this.reducedMotionConfig=reducedMotionConfig;this.skipAnimationsConfig=skipAnimations;this.options=options;this.blockInitialAnimation=Boolean(blockInitialAnimation);this.isControllingVariants=isControllingVariants(props);this.isVariantNode=isVariantNode(props);if(this.isVariantNode){this.variantChildren=new Set();}this.manuallyAnimateOnMount=Boolean(parent&&parent.current);/**
1108
1133
  * Any motion values that are provided to the element when created
1109
1134
  * aren't yet bound to the element, as this would technically be impure.
1110
1135
  * However, we iterate through the motion values and set them to the
@@ -1113,11 +1138,17 @@ for(const key in prev){if(next[key]===undefined)element.removeValue(key);}return
1113
1138
  * TODO: This is impure and we should look at changing this to run on mount.
1114
1139
  * Doing so will break some tests but this isn't necessarily a breaking change,
1115
1140
  * more a reflection of the test.
1116
- */const _this$scrapeMotionVal=this.scrapeMotionValuesFromProps(props,{},this),{willChange}=_this$scrapeMotionVal,initialMotionValues=_objectWithoutProperties(_this$scrapeMotionVal,_excluded1);for(const key in initialMotionValues){const value=initialMotionValues[key];if(latestValues[key]!==undefined&&isMotionValue(value)){value.set(latestValues[key]);}}}mount(instance){var _this$parent;this.current=instance;visualElementStore.set(instance,this);if(this.projection&&!this.projection.instance){this.projection.mount(instance);}if(this.parent&&this.isVariantNode&&!this.isControllingVariants){this.removeFromVariantTree=this.parent.addVariantChild(this);}this.values.forEach((value,key)=>this.bindToMotionValue(key,value));/**
1141
+ */const _this$scrapeMotionVal=this.scrapeMotionValuesFromProps(props,{},this),{willChange}=_this$scrapeMotionVal,initialMotionValues=_objectWithoutProperties(_this$scrapeMotionVal,_excluded11);for(const key in initialMotionValues){const value=initialMotionValues[key];if(latestValues[key]!==undefined&&isMotionValue(value)){value.set(latestValues[key]);}}}mount(instance){var _this$skipAnimationsC,_this$parent;/**
1142
+ * If this element has been mounted before (e.g. after a Suspense
1143
+ * unmount/remount), reset motion values to their initial state
1144
+ * so animations replay correctly from initial → animate.
1145
+ */if(this.hasBeenMounted){for(const key in this.initialValues){var _this$values$get;(_this$values$get=this.values.get(key))===null||_this$values$get===void 0||_this$values$get.jump(this.initialValues[key]);this.latestValues[key]=this.initialValues[key];}}this.current=instance;visualElementStore.set(instance,this);if(this.projection&&!this.projection.instance){this.projection.mount(instance);}if(this.parent&&this.isVariantNode&&!this.isControllingVariants){this.removeFromVariantTree=this.parent.addVariantChild(this);}this.values.forEach((value,key)=>this.bindToMotionValue(key,value));/**
1117
1146
  * Determine reduced motion preference. Only initialize the matchMedia
1118
1147
  * listener if we actually need the dynamic value (i.e., when config
1119
1148
  * is neither "never" nor "always").
1120
- */if(this.reducedMotionConfig==="never"){this.shouldReduceMotion=false;}else if(this.reducedMotionConfig==="always"){this.shouldReduceMotion=true;}else{if(!hasReducedMotionListener.current){initPrefersReducedMotion();}this.shouldReduceMotion=prefersReducedMotion.current;}if(process.env.NODE_ENV!=="production"){warnOnce(this.shouldReduceMotion!==true,"You have Reduced Motion enabled on your device. Animations may not appear as expected.","reduced-motion-disabled");}(_this$parent=this.parent)===null||_this$parent===void 0||_this$parent.addChild(this);this.update(this.props,this.presenceContext);}unmount(){var _this$parent2;this.projection&&this.projection.unmount();cancelFrame(this.notifyUpdate);cancelFrame(this.render);this.valueSubscriptions.forEach(remove=>remove());this.valueSubscriptions.clear();this.removeFromVariantTree&&this.removeFromVariantTree();(_this$parent2=this.parent)===null||_this$parent2===void 0||_this$parent2.removeChild(this);for(const key in this.events){this.events[key].clear();}for(const key in this.features){const feature=this.features[key];if(feature){feature.unmount();feature.isMounted=false;}}this.current=null;}addChild(child){var _this$enteringChildre;this.children.add(child);(_this$enteringChildre=this.enteringChildren)!==null&&_this$enteringChildre!==void 0?_this$enteringChildre:this.enteringChildren=new Set();this.enteringChildren.add(child);}removeChild(child){this.children.delete(child);this.enteringChildren&&this.enteringChildren.delete(child);}bindToMotionValue(key,value){if(this.valueSubscriptions.has(key)){this.valueSubscriptions.get(key)();}const valueIsTransform=transformProps.has(key);if(valueIsTransform&&this.onBindTransform){this.onBindTransform();}const removeOnChange=value.on("change",latestValue=>{this.latestValues[key]=latestValue;this.props.onUpdate&&frame.preRender(this.notifyUpdate);if(valueIsTransform&&this.projection){this.projection.isTransformDirty=true;}this.scheduleRender();});let removeSyncCheck;if(typeof window!=="undefined"&&window.MotionCheckAppearSync){removeSyncCheck=window.MotionCheckAppearSync(this,key,value);}this.valueSubscriptions.set(key,()=>{removeOnChange();if(removeSyncCheck)removeSyncCheck();if(value.owner)value.stop();});}sortNodePosition(other){/**
1149
+ */if(this.reducedMotionConfig==="never"){this.shouldReduceMotion=false;}else if(this.reducedMotionConfig==="always"){this.shouldReduceMotion=true;}else{if(!hasReducedMotionListener.current){initPrefersReducedMotion();}this.shouldReduceMotion=prefersReducedMotion.current;}if(process.env.NODE_ENV!=="production"){warnOnce(this.shouldReduceMotion!==true,"You have Reduced Motion enabled on your device. Animations may not appear as expected.","reduced-motion-disabled");}/**
1150
+ * Set whether animations should be skipped based on the config.
1151
+ */this.shouldSkipAnimations=(_this$skipAnimationsC=this.skipAnimationsConfig)!==null&&_this$skipAnimationsC!==void 0?_this$skipAnimationsC:false;(_this$parent=this.parent)===null||_this$parent===void 0||_this$parent.addChild(this);this.update(this.props,this.presenceContext);this.hasBeenMounted=true;}unmount(){var _this$parent2;this.projection&&this.projection.unmount();cancelFrame(this.notifyUpdate);cancelFrame(this.render);this.valueSubscriptions.forEach(remove=>remove());this.valueSubscriptions.clear();this.removeFromVariantTree&&this.removeFromVariantTree();(_this$parent2=this.parent)===null||_this$parent2===void 0||_this$parent2.removeChild(this);for(const key in this.events){this.events[key].clear();}for(const key in this.features){const feature=this.features[key];if(feature){feature.unmount();feature.isMounted=false;}}this.current=null;}addChild(child){var _this$enteringChildre;this.children.add(child);(_this$enteringChildre=this.enteringChildren)!==null&&_this$enteringChildre!==void 0?_this$enteringChildre:this.enteringChildren=new Set();this.enteringChildren.add(child);}removeChild(child){this.children.delete(child);this.enteringChildren&&this.enteringChildren.delete(child);}bindToMotionValue(key,value){if(this.valueSubscriptions.has(key)){this.valueSubscriptions.get(key)();}if(value.accelerate&&acceleratedValues.has(key)&&this.current instanceof HTMLElement){const{factory,keyframes,times,ease,duration}=value.accelerate;const animation=new NativeAnimation({element:this.current,name:key,keyframes,times,ease,duration:secondsToMilliseconds(duration)});const cleanup=factory(animation);this.valueSubscriptions.set(key,()=>{cleanup();animation.cancel();});return;}const valueIsTransform=transformProps.has(key);if(valueIsTransform&&this.onBindTransform){this.onBindTransform();}const removeOnChange=value.on("change",latestValue=>{this.latestValues[key]=latestValue;this.props.onUpdate&&frame.preRender(this.notifyUpdate);if(valueIsTransform&&this.projection){this.projection.isTransformDirty=true;}this.scheduleRender();});let removeSyncCheck;if(typeof window!=="undefined"&&window.MotionCheckAppearSync){removeSyncCheck=window.MotionCheckAppearSync(this,key,value);}this.valueSubscriptions.set(key,()=>{removeOnChange();if(removeSyncCheck)removeSyncCheck();if(value.owner)value.stop();});}sortNodePosition(other){/**
1121
1152
  * If these nodes aren't even of the same type we can't compare their depth.
1122
1153
  */if(!this.current||!this.sortInstanceNodePosition||this.type!==other.type){return 0;}return this.sortInstanceNodePosition(this.current,other.current);}updateFeatures(){let key="animation";for(key in featureDefinitions){const featureDefinition=featureDefinitions[key];if(!featureDefinition)continue;const{isEnabled,Feature:FeatureConstructor}=featureDefinition;/**
1123
1154
  * If this feature is enabled but not active, make a new instance.
@@ -1168,7 +1199,7 @@ value=parseFloat(value);}else if(!findValueType(value)&&complex.test(target)){va
1168
1199
  * compareDocumentPosition returns a bitmask, by using the bitwise &
1169
1200
  * we're returning true if 2 in that bitmask is set to true. 2 is set
1170
1201
  * to true if b preceeds a.
1171
- */return a.compareDocumentPosition(b)&2?1:-1;}getBaseTargetFromProps(props,key){const style=props.style;return style?style[key]:undefined;}removeValueFromRenderState(key,_ref37){let{vars,style}=_ref37;delete vars[key];delete style[key];}handleChildMotionValue(){if(this.childSubscription){this.childSubscription();delete this.childSubscription;}const{children}=this.props;if(isMotionValue(children)){this.childSubscription=children.on("change",latest=>{if(this.current){this.current.textContent="".concat(latest);}});}}}/**
1202
+ */return a.compareDocumentPosition(b)&2?1:-1;}getBaseTargetFromProps(props,key){const style=props.style;return style?style[key]:undefined;}removeValueFromRenderState(key,_ref34){let{vars,style}=_ref34;delete vars[key];delete style[key];}handleChildMotionValue(){if(this.childSubscription){this.childSubscription();delete this.childSubscription;}const{children}=this.props;if(isMotionValue(children)){this.childSubscription=children.on("change",latest=>{if(this.current){this.current.textContent="".concat(latest);}});}}}/**
1172
1203
  * Feature base class for extending VisualElement functionality.
1173
1204
  * Features are plugins that can be mounted/unmounted to add behavior
1174
1205
  * like gestures, animations, or layout tracking.
@@ -1176,11 +1207,11 @@ value=parseFloat(value);}else if(!findValueType(value)&&complex.test(target)){va
1176
1207
  * Bounding boxes tend to be defined as top, left, right, bottom. For various operations
1177
1208
  * it's easier to consider each axis individually. This function returns a bounding box
1178
1209
  * as a map of single-axis min/max values.
1179
- */function convertBoundingBoxToBox(_ref38){let{top,left,right,bottom}=_ref38;return{x:{min:left,max:right},y:{min:top,max:bottom}};}function convertBoxToBoundingBox(_ref39){let{x,y}=_ref39;return{top:y.min,right:x.max,bottom:y.max,left:x.min};}/**
1210
+ */function convertBoundingBoxToBox(_ref35){let{top,left,right,bottom}=_ref35;return{x:{min:left,max:right},y:{min:top,max:bottom}};}function convertBoxToBoundingBox(_ref36){let{x,y}=_ref36;return{top:y.min,right:x.max,bottom:y.max,left:x.min};}/**
1180
1211
  * Applies a TransformPoint function to a bounding box. TransformPoint is usually a function
1181
1212
  * provided by Framer to allow measured points to be corrected for device scaling. This is used
1182
1213
  * when measuring DOM elements and DOM event points.
1183
- */function transformBoxPoints(point,transformPoint){if(!transformPoint)return point;const topLeft=transformPoint({x:point.left,y:point.top});const bottomRight=transformPoint({x:point.right,y:point.bottom});return{top:topLeft.y,left:topLeft.x,bottom:bottomRight.y,right:bottomRight.x};}function isIdentityScale(scale){return scale===undefined||scale===1;}function hasScale(_ref40){let{scale,scaleX,scaleY}=_ref40;return!isIdentityScale(scale)||!isIdentityScale(scaleX)||!isIdentityScale(scaleY);}function hasTransform(values){return hasScale(values)||has2DTranslate(values)||values.z||values.rotate||values.rotateX||values.rotateY||values.skewX||values.skewY;}function has2DTranslate(values){return is2DTranslate(values.x)||is2DTranslate(values.y);}function is2DTranslate(value){return value&&value!=="0%";}/**
1214
+ */function transformBoxPoints(point,transformPoint){if(!transformPoint)return point;const topLeft=transformPoint({x:point.left,y:point.top});const bottomRight=transformPoint({x:point.right,y:point.bottom});return{top:topLeft.y,left:topLeft.x,bottom:bottomRight.y,right:bottomRight.x};}function isIdentityScale(scale){return scale===undefined||scale===1;}function hasScale(_ref37){let{scale,scaleX,scaleY}=_ref37;return!isIdentityScale(scale)||!isIdentityScale(scaleX)||!isIdentityScale(scaleY);}function hasTransform(values){return hasScale(values)||has2DTranslate(values)||values.z||values.rotate||values.rotateX||values.rotateY||values.skewX||values.skewY;}function has2DTranslate(values){return is2DTranslate(values.x)||is2DTranslate(values.y);}function is2DTranslate(value){return value&&value!=="0%";}/**
1184
1215
  * Scales a point based on a factor and an originPoint
1185
1216
  */function scalePoint(point,scale,originPoint){const distanceFromOrigin=point-originPoint;const scaled=scale*distanceFromOrigin;return originPoint+scaled;}/**
1186
1217
  * Applies a translate/scale delta to a point
@@ -1188,7 +1219,7 @@ value=parseFloat(value);}else if(!findValueType(value)&&complex.test(target)){va
1188
1219
  * Applies a translate/scale delta to an axis
1189
1220
  */function applyAxisDelta(axis){let translate=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;let scale=arguments.length>2&&arguments[2]!==undefined?arguments[2]:1;let originPoint=arguments.length>3?arguments[3]:undefined;let boxScale=arguments.length>4?arguments[4]:undefined;axis.min=applyPointDelta(axis.min,translate,scale,originPoint,boxScale);axis.max=applyPointDelta(axis.max,translate,scale,originPoint,boxScale);}/**
1190
1221
  * Applies a translate/scale delta to a box
1191
- */function applyBoxDelta(box,_ref41){let{x,y}=_ref41;applyAxisDelta(box.x,x.translate,x.scale,x.originPoint);applyAxisDelta(box.y,y.translate,y.scale,y.originPoint);}const TREE_SCALE_SNAP_MIN=0.999999999999;const TREE_SCALE_SNAP_MAX=1.0000000000001;/**
1222
+ */function applyBoxDelta(box,_ref38){let{x,y}=_ref38;applyAxisDelta(box.x,x.translate,x.scale,x.originPoint);applyAxisDelta(box.y,y.translate,y.scale,y.originPoint);}const TREE_SCALE_SNAP_MIN=0.999999999999;const TREE_SCALE_SNAP_MAX=1.0000000000001;/**
1192
1223
  * Apply a tree of deltas to a box. We do this to calculate the effect of all the transforms
1193
1224
  * in a tree upon our box before then calculating how to project it into our desired viewport-relative box
1194
1225
  *
@@ -1235,7 +1266,7 @@ hasTransformOrigin=true;transformOrigin[key]=valueAsType;}else{style[key]=valueA
1235
1266
  */style.transform="none";}}/**
1236
1267
  * Build a transformOrigin style. Uses the same defaults as the browser for
1237
1268
  * undefined origins.
1238
- */if(hasTransformOrigin){const{originX="50%",originY="50%",originZ=0}=transformOrigin;style.transformOrigin="".concat(originX," ").concat(originY," ").concat(originZ);}}function renderHTML(element,_ref42,styleProp,projection){let{style,vars}=_ref42;const elementStyle=element.style;let key;for(key in style){// CSSStyleDeclaration has [index: number]: string; in the types, so we use that as key type.
1269
+ */if(hasTransformOrigin){const{originX="50%",originY="50%",originZ=0}=transformOrigin;style.transformOrigin="".concat(originX," ").concat(originY," ").concat(originZ);}}function renderHTML(element,_ref39,styleProp,projection){let{style,vars}=_ref39;const elementStyle=element.style;let key;for(key in style){// CSSStyleDeclaration has [index: number]: string; in the types, so we use that as key type.
1239
1270
  elementStyle[key]=style[key];}// Write projection styles directly to element style
1240
1271
  projection===null||projection===void 0||projection.applyProjectionStyles(elementStyle,styleProp);for(key in vars){// Loop over any CSS variables and assign those.
1241
1272
  // They can only be assigned using `setProperty`.
@@ -1251,7 +1282,7 @@ elementStyle.setProperty(key,vars[key]);}}function pixelsToPercent(pixels,axis){
1251
1282
  */if(typeof latest==="string"){if(px.test(latest)){latest=parseFloat(latest);}else{return latest;}}/**
1252
1283
  * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that
1253
1284
  * pixel value as a percentage of each axis
1254
- */const x=pixelsToPercent(latest,node.target.x);const y=pixelsToPercent(latest,node.target.y);return"".concat(x,"% ").concat(y,"%");}};const correctBoxShadow={correct:(latest,_ref43)=>{let{treeScale,projectionDelta}=_ref43;const original=latest;const shadow=complex.parse(latest);// TODO: Doesn't support multiple shadows
1285
+ */const x=pixelsToPercent(latest,node.target.x);const y=pixelsToPercent(latest,node.target.y);return"".concat(x,"% ").concat(y,"%");}};const correctBoxShadow={correct:(latest,_ref40)=>{let{treeScale,projectionDelta}=_ref40;const original=latest;const shadow=complex.parse(latest);// TODO: Doesn't support multiple shadows
1255
1286
  if(shadow.length>5)return original;const template=complex.createTransformer(latest);const offset=typeof shadow[0]!=="number"?1:0;// Calculate the overall context scale
1256
1287
  const xScale=projectionDelta.x.scale*treeScale.x;const yScale=projectionDelta.y.scale*treeScale.y;shadow[0+offset]/=xScale;shadow[1+offset]/=yScale;/**
1257
1288
  * Ideally we'd correct x and y scales individually, but because blur and
@@ -1260,7 +1291,7 @@ const xScale=projectionDelta.x.scale*treeScale.x;const yScale=projectionDelta.y.
1260
1291
  * the two scales.
1261
1292
  */const averageScale=mixNumber$1(xScale,yScale,0.5);// Blur
1262
1293
  if(typeof shadow[2+offset]==="number")shadow[2+offset]/=averageScale;// Spread
1263
- if(typeof shadow[3+offset]==="number")shadow[3+offset]/=averageScale;return template(shadow);}};const scaleCorrectors={borderRadius:_objectSpread(_objectSpread({},correctBorderRadius),{},{applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]}),borderTopLeftRadius:correctBorderRadius,borderTopRightRadius:correctBorderRadius,borderBottomLeftRadius:correctBorderRadius,borderBottomRightRadius:correctBorderRadius,boxShadow:correctBoxShadow};function isForcedMotionValue(key,_ref44){let{layout,layoutId}=_ref44;return transformProps.has(key)||key.startsWith("origin")||(layout||layoutId!==undefined)&&(!!scaleCorrectors[key]||key==="opacity");}function scrapeMotionValuesFromProps$1(props,prevProps,visualElement){const style=props.style;const prevStyle=prevProps===null||prevProps===void 0?void 0:prevProps.style;const newValues={};if(!style)return newValues;for(const key in style){var _visualElement$getVal;if(isMotionValue(style[key])||prevStyle&&isMotionValue(prevStyle[key])||isForcedMotionValue(key,props)||(visualElement===null||visualElement===void 0||(_visualElement$getVal=visualElement.getValue(key))===null||_visualElement$getVal===void 0?void 0:_visualElement$getVal.liveStyle)!==undefined){newValues[key]=style[key];}}return newValues;}function getComputedStyle$1(element){return window.getComputedStyle(element);}class HTMLVisualElement extends DOMVisualElement{constructor(){super(...arguments);this.type="html";this.renderInstance=renderHTML;}readValueFromInstance(instance,key){if(transformProps.has(key)){var _this$projection;return(_this$projection=this.projection)!==null&&_this$projection!==void 0&&_this$projection.isProjecting?defaultTransformValue(key):readTransformValue(instance,key);}else{const computedStyle=getComputedStyle$1(instance);const value=(isCSSVariableName(key)?computedStyle.getPropertyValue(key):computedStyle[key])||0;return typeof value==="string"?value.trim():value;}}measureInstanceViewportBox(instance,_ref45){let{transformPagePoint}=_ref45;return measureViewportBox(instance,transformPagePoint);}build(renderState,latestValues,props){buildHTMLStyles(renderState,latestValues,props.transformTemplate);}scrapeMotionValuesFromProps(props,prevProps,visualElement){return scrapeMotionValuesFromProps$1(props,prevProps,visualElement);}}const dashKeys={offset:"stroke-dashoffset",array:"stroke-dasharray"};const camelKeys={offset:"strokeDashoffset",array:"strokeDasharray"};/**
1294
+ if(typeof shadow[3+offset]==="number")shadow[3+offset]/=averageScale;return template(shadow);}};const scaleCorrectors={borderRadius:_objectSpread(_objectSpread({},correctBorderRadius),{},{applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]}),borderTopLeftRadius:correctBorderRadius,borderTopRightRadius:correctBorderRadius,borderBottomLeftRadius:correctBorderRadius,borderBottomRightRadius:correctBorderRadius,boxShadow:correctBoxShadow};function isForcedMotionValue(key,_ref41){let{layout,layoutId}=_ref41;return transformProps.has(key)||key.startsWith("origin")||(layout||layoutId!==undefined)&&(!!scaleCorrectors[key]||key==="opacity");}function scrapeMotionValuesFromProps$1(props,prevProps,visualElement){const style=props.style;const prevStyle=prevProps===null||prevProps===void 0?void 0:prevProps.style;const newValues={};if(!style)return newValues;for(const key in style){var _visualElement$getVal;if(isMotionValue(style[key])||prevStyle&&isMotionValue(prevStyle[key])||isForcedMotionValue(key,props)||(visualElement===null||visualElement===void 0||(_visualElement$getVal=visualElement.getValue(key))===null||_visualElement$getVal===void 0?void 0:_visualElement$getVal.liveStyle)!==undefined){newValues[key]=style[key];}}return newValues;}function getComputedStyle$1(element){return window.getComputedStyle(element);}class HTMLVisualElement extends DOMVisualElement{constructor(){super(...arguments);this.type="html";this.renderInstance=renderHTML;}readValueFromInstance(instance,key){if(transformProps.has(key)){var _this$projection;return(_this$projection=this.projection)!==null&&_this$projection!==void 0&&_this$projection.isProjecting?defaultTransformValue(key):readTransformValue(instance,key);}else{const computedStyle=getComputedStyle$1(instance);const value=(isCSSVariableName(key)?computedStyle.getPropertyValue(key):computedStyle[key])||0;return typeof value==="string"?value.trim():value;}}measureInstanceViewportBox(instance,_ref42){let{transformPagePoint}=_ref42;return measureViewportBox(instance,transformPagePoint);}build(renderState,latestValues,props){buildHTMLStyles(renderState,latestValues,props.transformTemplate);}scrapeMotionValuesFromProps(props,prevProps,visualElement){return scrapeMotionValuesFromProps$1(props,prevProps,visualElement);}}const dashKeys={offset:"stroke-dashoffset",array:"stroke-dasharray"};const camelKeys={offset:"strokeDashoffset",array:"strokeDasharray"};/**
1264
1295
  * Build SVG path properties. Uses the path's measured length to convert
1265
1296
  * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset
1266
1297
  * and stroke-dasharray attributes.
@@ -1278,8 +1309,8 @@ attrs[keys.array]="".concat(length," ").concat(spacing);}/**
1278
1309
  * CSS Motion Path properties that should remain as CSS styles on SVG elements.
1279
1310
  */const cssMotionPathProperties=["offsetDistance","offsetPath","offsetRotate","offsetAnchor"];/**
1280
1311
  * Build SVG visual attributes, like cx and style.transform
1281
- */function buildSVGAttrs(state,_ref46,isSVGTag,transformTemplate,styleProp){let{attrX,attrY,attrScale,pathLength,pathSpacing=1,pathOffset=0// This is object creation, which we try to avoid per-frame.
1282
- }=_ref46,latest=_objectWithoutProperties(_ref46,_excluded10);buildHTMLStyles(state,latest,transformTemplate);/**
1312
+ */function buildSVGAttrs(state,_ref43,isSVGTag,transformTemplate,styleProp){let{attrX,attrY,attrScale,pathLength,pathSpacing=1,pathOffset=0// This is object creation, which we try to avoid per-frame.
1313
+ }=_ref43,latest=_objectWithoutProperties(_ref43,_excluded12);buildHTMLStyles(state,latest,transformTemplate);/**
1283
1314
  * For svg tags we just want to make sure viewBox is animatable and treat all the styles
1284
1315
  * as normal HTML tags.
1285
1316
  */if(isSVGTag){if(state.style.viewBox){state.attrs.viewBox=state.style.viewBox;}return;}state.attrs=state.style;state.style={};const{attrs,style}=state;/**
@@ -1295,10 +1326,10 @@ if(pathLength!==undefined){buildSVGPath(attrs,pathLength,pathSpacing,pathOffset,
1295
1326
  */const camelCaseAttributes=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);const isSVGTag=tag=>typeof tag==="string"&&tag.toLowerCase()==="svg";function renderSVG(element,renderState,_styleProp,projection){renderHTML(element,renderState,undefined,projection);for(const key in renderState.attrs){element.setAttribute(!camelCaseAttributes.has(key)?camelToDash(key):key,renderState.attrs[key]);}}function scrapeMotionValuesFromProps(props,prevProps,visualElement){const newValues=scrapeMotionValuesFromProps$1(props,prevProps,visualElement);for(const key in props){if(isMotionValue(props[key])||isMotionValue(prevProps[key])){const targetKey=transformPropOrder.indexOf(key)!==-1?"attr"+key.charAt(0).toUpperCase()+key.substring(1):key;newValues[targetKey]=props[key];}}return newValues;}class SVGVisualElement extends DOMVisualElement{constructor(){super(...arguments);this.type="svg";this.isSVGTag=false;this.measureInstanceViewportBox=createBox;}getBaseTargetFromProps(props,key){return props[key];}readValueFromInstance(instance,key){if(transformProps.has(key)){const defaultType=getDefaultValueType(key);return defaultType?defaultType.default||0:0;}key=!camelCaseAttributes.has(key)?camelToDash(key):key;return instance.getAttribute(key);}scrapeMotionValuesFromProps(props,prevProps,visualElement){return scrapeMotionValuesFromProps(props,prevProps,visualElement);}build(renderState,latestValues,props){buildSVGAttrs(renderState,latestValues,this.isSVGTag,props.transformTemplate,props.style);}renderInstance(instance,renderState,styleProp,projection){renderSVG(instance,renderState,styleProp,projection);}mount(instance){this.isSVGTag=isSVGTag(instance.tagName);super.mount(instance);}}const numVariantProps=variantProps.length;/**
1296
1327
  * Get variant context from a visual element's parent chain.
1297
1328
  * Uses `any` type for visualElement to avoid circular dependencies.
1298
- */function getVariantContext(visualElement){if(!visualElement)return undefined;if(!visualElement.isControllingVariants){const context=visualElement.parent?getVariantContext(visualElement.parent)||{}:{};if(visualElement.props.initial!==undefined){context.initial=visualElement.props.initial;}return context;}const context={};for(let i=0;i<numVariantProps;i++){const name=variantProps[i];const prop=visualElement.props[name];if(isVariantLabel(prop)||prop===false){context[name]=prop;}}return context;}function shallowCompare(next,prev){if(!Array.isArray(prev))return false;const prevLength=prev.length;if(prevLength!==next.length)return false;for(let i=0;i<prevLength;i++){if(prev[i]!==next[i])return false;}return true;}const reversePriorityOrder=[...variantPriorityOrder].reverse();const numAnimationTypes=variantPriorityOrder.length;function createAnimateFunction(visualElement){return animations=>{return Promise.all(animations.map(_ref47=>{let{animation,options}=_ref47;return animateVisualElement(visualElement,animation,options);}));};}function createAnimationState(visualElement){let animate=createAnimateFunction(visualElement);let state=createState();let isInitialRender=true;/**
1329
+ */function getVariantContext(visualElement){if(!visualElement)return undefined;if(!visualElement.isControllingVariants){const context=visualElement.parent?getVariantContext(visualElement.parent)||{}:{};if(visualElement.props.initial!==undefined){context.initial=visualElement.props.initial;}return context;}const context={};for(let i=0;i<numVariantProps;i++){const name=variantProps[i];const prop=visualElement.props[name];if(isVariantLabel(prop)||prop===false){context[name]=prop;}}return context;}function shallowCompare(next,prev){if(!Array.isArray(prev))return false;const prevLength=prev.length;if(prevLength!==next.length)return false;for(let i=0;i<prevLength;i++){if(prev[i]!==next[i])return false;}return true;}const reversePriorityOrder=[...variantPriorityOrder].reverse();const numAnimationTypes=variantPriorityOrder.length;function createAnimateFunction(visualElement){return animations=>{return Promise.all(animations.map(_ref44=>{let{animation,options}=_ref44;return animateVisualElement(visualElement,animation,options);}));};}function createAnimationState(visualElement){let animate=createAnimateFunction(visualElement);let state=createState();let isInitialRender=true;/**
1299
1330
  * This function will be used to reduce the animation definitions for
1300
1331
  * each active animation type into an object of resolved values for it.
1301
- */const buildResolvedTypeValues=type=>(acc,definition)=>{var _visualElement$presen2;const resolved=resolveVariant(visualElement,definition,type==="exit"?(_visualElement$presen2=visualElement.presenceContext)===null||_visualElement$presen2===void 0?void 0:_visualElement$presen2.custom:undefined);if(resolved){const{transition,transitionEnd}=resolved,target=_objectWithoutProperties(resolved,_excluded11);acc=_objectSpread(_objectSpread(_objectSpread({},acc),target),transitionEnd);}return acc;};/**
1332
+ */const buildResolvedTypeValues=type=>(acc,definition)=>{var _visualElement$presen2;const resolved=resolveVariant(visualElement,definition,type==="exit"?(_visualElement$presen2=visualElement.presenceContext)===null||_visualElement$presen2===void 0?void 0:_visualElement$presen2.custom:undefined);if(resolved){const{transition,transitionEnd}=resolved,target=_objectWithoutProperties(resolved,_excluded13);acc=_objectSpread(_objectSpread(_objectSpread({},acc),target),transitionEnd);}return acc;};/**
1302
1333
  * This just allows us to inject mocked animation functions
1303
1334
  * @internal
1304
1335
  */function setAnimateFunction(makeAnimator){animate=makeAnimator(visualElement);}/**
@@ -1344,6 +1375,12 @@ if(// If it isn't active and hasn't *just* been set as inactive
1344
1375
  !typeState.isActive&&activeDelta===null||// If we didn't and don't have any defined prop for this animation type
1345
1376
  !prop&&!typeState.prevProp||// Or if the prop doesn't define an animation
1346
1377
  isAnimationControls(prop)||typeof prop==="boolean"){continue;}/**
1378
+ * If exit is already active and wasn't just activated, skip
1379
+ * re-processing to prevent interrupting running exit animations.
1380
+ * Re-resolving exit with a changed custom value can start new
1381
+ * value animations that stop the originals, leaving the exit
1382
+ * animation promise unresolved and the component stuck in the DOM.
1383
+ */if(type==="exit"&&typeState.isActive&&activeDelta!==true){if(typeState.prevResolvedValues){encounteredKeys=_objectSpread(_objectSpread({},encounteredKeys),typeState.prevResolvedValues);}continue;}/**
1347
1384
  * As we go look through the values defined on this type, if we detect
1348
1385
  * a changed value or a value that was removed in a higher priority, we set
1349
1386
  * this to true and add this prop to the animation list.
@@ -1420,7 +1457,7 @@ if(state[type].isActive===isActive)return Promise.resolve();// Propagate active
1420
1457
  */function removeAxisDelta(axis){let translate=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;let scale=arguments.length>2&&arguments[2]!==undefined?arguments[2]:1;let origin=arguments.length>3&&arguments[3]!==undefined?arguments[3]:0.5;let boxScale=arguments.length>4?arguments[4]:undefined;let originAxis=arguments.length>5&&arguments[5]!==undefined?arguments[5]:axis;let sourceAxis=arguments.length>6&&arguments[6]!==undefined?arguments[6]:axis;if(percent.test(translate)){translate=parseFloat(translate);const relativeProgress=mixNumber$1(sourceAxis.min,sourceAxis.max,translate/100);translate=relativeProgress-sourceAxis.min;}if(typeof translate!=="number")return;let originPoint=mixNumber$1(originAxis.min,originAxis.max,origin);if(axis===originAxis)originPoint-=translate;axis.min=removePointDelta(axis.min,translate,scale,originPoint,boxScale);axis.max=removePointDelta(axis.max,translate,scale,originPoint,boxScale);}/**
1421
1458
  * Remove a transforms from an axis. This is essentially the steps of applyAxisTransforms in reverse
1422
1459
  * and acts as a bridge between motion values and removeAxisDelta
1423
- */function removeAxisTransforms(axis,transforms,_ref48,origin,sourceAxis){let[key,scaleKey,originKey]=_ref48;removeAxisDelta(axis,transforms[key],transforms[scaleKey],transforms[originKey],transforms.scale,origin,sourceAxis);}/**
1460
+ */function removeAxisTransforms(axis,transforms,_ref45,origin,sourceAxis){let[key,scaleKey,originKey]=_ref45;removeAxisDelta(axis,transforms[key],transforms[scaleKey],transforms[originKey],transforms.scale,origin,sourceAxis);}/**
1424
1461
  * The names of the motion values we want to apply as translation, scale and origin.
1425
1462
  */const xKeys=["x","scaleX","originX"];const yKeys=["y","scaleY","originY"];/**
1426
1463
  * Remove a transforms from an box. This is essentially the steps of applyAxisBox in reverse
@@ -1443,16 +1480,16 @@ if(state[type].isActive===isActive)return Promise.resolve();// Propagate active
1443
1480
  */if(follow.rotate||lead.rotate){target.rotate=mixNumber$1(follow.rotate||0,lead.rotate||0,progress);}}function getRadius(values,radiusName){return values[radiusName]!==undefined?values[radiusName]:values.borderRadius;}const easeCrossfadeIn=/*@__PURE__*/compress(0,0.5,circOut);const easeCrossfadeOut=/*@__PURE__*/compress(0.5,0.95,noop);function compress(min,max,easing){return p=>{// Could replace ifs with clamp
1444
1481
  if(p<min)return 0;if(p>max)return 1;return easing(progress(min,max,p));};}function animateSingleValue(value,keyframes,options){const motionValue$1=isMotionValue(value)?value:motionValue(value);motionValue$1.start(animateMotionValue("",motionValue$1,keyframes,options));return motionValue$1.animation;}function addDomEvent(target,eventName,handler){let options=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{passive:true};target.addEventListener(eventName,handler,options);return()=>target.removeEventListener(eventName,handler);}const compareByDepth=(a,b)=>a.depth-b.depth;class FlatTree{constructor(){this.children=[];this.isDirty=false;}add(child){addUniqueItem(this.children,child);this.isDirty=true;}remove(child){removeItem(this.children,child);this.isDirty=true;}forEach(callback){this.isDirty&&this.children.sort(compareByDepth);this.isDirty=false;this.children.forEach(callback);}}/**
1445
1482
  * Timeout defined in ms
1446
- */function delay(callback,timeout){const start=time$1.now();const checkElapsed=_ref49=>{let{timestamp}=_ref49;const elapsed=timestamp-start;if(elapsed>=timeout){cancelFrame(checkElapsed);callback(elapsed-timeout);}};frame.setup(checkElapsed,true);return()=>cancelFrame(checkElapsed);}/**
1483
+ */function delay(callback,timeout){const start=time$1.now();const checkElapsed=_ref46=>{let{timestamp}=_ref46;const elapsed=timestamp-start;if(elapsed>=timeout){cancelFrame(checkElapsed);callback(elapsed-timeout);}};frame.setup(checkElapsed,true);return()=>cancelFrame(checkElapsed);}/**
1447
1484
  * If the provided value is a MotionValue, this returns the actual value, otherwise just the value itself
1448
- */function resolveMotionValue(value){return isMotionValue(value)?value.get():value;}class NodeStack{constructor(){this.members=[];}add(node){addUniqueItem(this.members,node);node.scheduleRender();}remove(node){removeItem(this.members,node);if(node===this.prevLead){this.prevLead=undefined;}if(node===this.lead){const prevLead=this.members[this.members.length-1];if(prevLead){this.promote(prevLead);}}}relegate(node){const indexOfNode=this.members.findIndex(member=>node===member);if(indexOfNode===0)return false;/**
1485
+ */function resolveMotionValue(value){return isMotionValue(value)?value.get():value;}class NodeStack{constructor(){this.members=[];}add(node){addUniqueItem(this.members,node);for(let i=this.members.length-1;i>=0;i--){const m=this.members[i];if(m===node||m===this.lead||m===this.prevLead)continue;const inst=m.instance;if(inst&&inst.isConnected===false&&m.isPresent!==false&&!m.snapshot){removeItem(this.members,m);}}node.scheduleRender();}remove(node){removeItem(this.members,node);if(node===this.prevLead){this.prevLead=undefined;}if(node===this.lead){const prevLead=this.members[this.members.length-1];if(prevLead){this.promote(prevLead);}}}relegate(node){const indexOfNode=this.members.findIndex(member=>node===member);if(indexOfNode===0)return false;/**
1449
1486
  * Find the next projection node that is present
1450
- */let prevLead;for(let i=indexOfNode;i>=0;i--){const member=this.members[i];if(member.isPresent!==false){prevLead=member;break;}}if(prevLead){this.promote(prevLead);return true;}else{return false;}}promote(node,preserveFollowOpacity){const prevLead=this.lead;if(node===prevLead)return;this.prevLead=prevLead;this.lead=node;node.show();if(prevLead){prevLead.instance&&prevLead.scheduleRender();node.scheduleRender();/**
1487
+ */let prevLead;for(let i=indexOfNode;i>=0;i--){const member=this.members[i];const inst=member.instance;if(member.isPresent!==false&&(!inst||inst.isConnected!==false)){prevLead=member;break;}}if(prevLead){this.promote(prevLead);return true;}else{return false;}}promote(node,preserveFollowOpacity){const prevLead=this.lead;if(node===prevLead)return;this.prevLead=prevLead;this.lead=node;node.show();if(prevLead){prevLead.instance&&prevLead.scheduleRender();node.scheduleRender();/**
1451
1488
  * If both the new and previous lead have the same defined layoutDependency,
1452
1489
  * skip the shared layout animation. This allows components with layoutId
1453
1490
  * to opt-out of animations when their layoutDependency hasn't changed,
1454
1491
  * even when the component unmounts and remounts in a different location.
1455
- */const prevDep=prevLead.options.layoutDependency;const nextDep=node.options.layoutDependency;const dependencyMatches=prevDep!==undefined&&nextDep!==undefined&&prevDep===nextDep;if(!dependencyMatches){node.resumeFrom=prevLead;if(preserveFollowOpacity){node.resumeFrom.preserveOpacity=true;}if(prevLead.snapshot){node.snapshot=prevLead.snapshot;node.snapshot.latestValues=prevLead.animationValues||prevLead.latestValues;}if(node.root&&node.root.isUpdating){node.isLayoutDirty=true;}}const{crossfade}=node.options;if(crossfade===false){prevLead.hide();}}}exitAnimationComplete(){this.members.forEach(node=>{const{options,resumingFrom}=node;options.onExitComplete&&options.onExitComplete();if(resumingFrom){resumingFrom.options.onExitComplete&&resumingFrom.options.onExitComplete();}});}scheduleRender(){this.members.forEach(node=>{node.instance&&node.scheduleRender(false);});}/**
1492
+ */const prevDep=prevLead.options.layoutDependency;const nextDep=node.options.layoutDependency;const dependencyMatches=prevDep!==undefined&&nextDep!==undefined&&prevDep===nextDep;if(!dependencyMatches){const prevInstance=prevLead.instance;const isStale=prevInstance&&prevInstance.isConnected===false&&!prevLead.snapshot;if(!isStale){node.resumeFrom=prevLead;if(preserveFollowOpacity){node.resumeFrom.preserveOpacity=true;}if(prevLead.snapshot){node.snapshot=prevLead.snapshot;node.snapshot.latestValues=prevLead.animationValues||prevLead.latestValues;}if(node.root&&node.root.isUpdating){node.isLayoutDirty=true;}}}const{crossfade}=node.options;if(crossfade===false){prevLead.hide();}}}exitAnimationComplete(){this.members.forEach(node=>{const{options,resumingFrom}=node;options.onExitComplete&&options.onExitComplete();if(resumingFrom){resumingFrom.options.onExitComplete&&resumingFrom.options.onExitComplete();}});}scheduleRender(){this.members.forEach(node=>{node.instance&&node.scheduleRender(false);});}/**
1456
1493
  * Clear any leads that have been removed this render to prevent them from being
1457
1494
  * used in future animations and to prevent memory leaks
1458
1495
  */removeLeadSnapshot(){if(this.lead&&this.lead.snapshot){this.lead.snapshot=undefined;}}}/**
@@ -1469,7 +1506,7 @@ if(p<min)return 0;if(p>max)return 1;return easing(progress(min,max,p));};}functi
1469
1506
  * We use 1000 as the animation target as 0-1000 maps better to pixels than 0-1
1470
1507
  * which has a noticeable difference in spring animations
1471
1508
  */const animationTarget=1000;let id$1=0;function resetDistortingTransform(key,visualElement,values,sharedAnimationValues){const{latestValues}=visualElement;// Record the distorting transform and then temporarily set it to 0
1472
- if(latestValues[key]){values[key]=latestValues[key];visualElement.setStaticValue(key,0);if(sharedAnimationValues){sharedAnimationValues[key]=0;}}}function cancelTreeOptimisedTransformAnimations(projectionNode){projectionNode.hasCheckedOptimisedAppear=true;if(projectionNode.root===projectionNode)return;const{visualElement}=projectionNode.options;if(!visualElement)return;const appearId=getOptimisedAppearId(visualElement);if(window.MotionHasOptimisedAnimation(appearId,"transform")){const{layout,layoutId}=projectionNode.options;window.MotionCancelOptimisedAnimation(appearId,"transform",frame,!(layout||layoutId));}const{parent}=projectionNode;if(parent&&!parent.hasCheckedOptimisedAppear){cancelTreeOptimisedTransformAnimations(parent);}}function createProjectionNode$1(_ref50){let{attachResizeListener,defaultParent,measureScroll,checkIsScrollRoot,resetTransform}=_ref50;return class ProjectionNode{constructor(){let latestValues=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};let parent=arguments.length>1&&arguments[1]!==undefined?arguments[1]:defaultParent===null||defaultParent===void 0?void 0:defaultParent();/**
1509
+ if(latestValues[key]){values[key]=latestValues[key];visualElement.setStaticValue(key,0);if(sharedAnimationValues){sharedAnimationValues[key]=0;}}}function cancelTreeOptimisedTransformAnimations(projectionNode){projectionNode.hasCheckedOptimisedAppear=true;if(projectionNode.root===projectionNode)return;const{visualElement}=projectionNode.options;if(!visualElement)return;const appearId=getOptimisedAppearId(visualElement);if(window.MotionHasOptimisedAnimation(appearId,"transform")){const{layout,layoutId}=projectionNode.options;window.MotionCancelOptimisedAnimation(appearId,"transform",frame,!(layout||layoutId));}const{parent}=projectionNode;if(parent&&!parent.hasCheckedOptimisedAppear){cancelTreeOptimisedTransformAnimations(parent);}}function createProjectionNode$1(_ref47){let{attachResizeListener,defaultParent,measureScroll,checkIsScrollRoot,resetTransform}=_ref47;return class ProjectionNode{constructor(){let latestValues=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};let parent=arguments.length>1&&arguments[1]!==undefined?arguments[1]:defaultParent===null||defaultParent===void 0?void 0:defaultParent();/**
1473
1510
  * A unique ID generated for every projection node.
1474
1511
  */this.id=id$1++;/**
1475
1512
  * An id that represents a unique session instigated by startUpdate.
@@ -1539,7 +1576,7 @@ this.sharedNodes=new Map();this.latestValues=latestValues;this.root=parent?paren
1539
1576
  * Lifecycles
1540
1577
  */mount(instance){if(this.instance)return;this.isSVG=isSVGElement(instance)&&!isSVGSVGElement(instance);this.instance=instance;const{layoutId,layout,visualElement}=this.options;if(visualElement&&!visualElement.current){visualElement.mount(instance);}this.root.nodes.add(this);this.parent&&this.parent.children.add(this);if(this.root.hasTreeAnimated&&(layout||layoutId)){this.isLayoutDirty=true;}if(attachResizeListener){let cancelDelay;let innerWidth=0;const resizeUnblockUpdate=()=>this.root.updateBlockedByResize=false;// Set initial innerWidth in a frame.read callback to batch the read
1541
1578
  frame.read(()=>{innerWidth=window.innerWidth;});attachResizeListener(instance,()=>{const newInnerWidth=window.innerWidth;if(newInnerWidth===innerWidth)return;innerWidth=newInnerWidth;this.root.updateBlockedByResize=true;cancelDelay&&cancelDelay();cancelDelay=delay(resizeUnblockUpdate,250);if(globalProjectionState.hasAnimatedSinceResize){globalProjectionState.hasAnimatedSinceResize=false;this.nodes.forEach(finishAnimation);}});}if(layoutId){this.root.registerSharedNode(layoutId,this);}// Only register the handler if it requires layout animation
1542
- if(this.options.animate!==false&&visualElement&&(layoutId||layout)){this.addEventListener("didUpdate",_ref51=>{let{delta,hasLayoutChanged,hasRelativeLayoutChanged,layout:newLayout}=_ref51;if(this.isTreeAnimationBlocked()){this.target=undefined;this.relativeTarget=undefined;return;}// TODO: Check here if an animation exists
1579
+ if(this.options.animate!==false&&visualElement&&(layoutId||layout)){this.addEventListener("didUpdate",_ref48=>{let{delta,hasLayoutChanged,hasRelativeLayoutChanged,layout:newLayout}=_ref48;if(this.isTreeAnimationBlocked()){this.target=undefined;this.relativeTarget=undefined;return;}// TODO: Check here if an animation exists
1543
1580
  const layoutTransition=this.options.transition||visualElement.getDefaultTransition()||defaultLayoutTransition;const{onLayoutAnimationStart,onLayoutAnimationComplete}=visualElement.getProps();/**
1544
1581
  * The target layout of the element might stay the same,
1545
1582
  * but its position relative to its parent has changed.
@@ -1688,7 +1725,7 @@ this.target=this.applyTransform(this.layout.layoutBox);}else{copyBoxInto(this.ta
1688
1725
  * Start the animation in the next frame to have a frame with progress 0,
1689
1726
  * where the target is the same as when the animation started, so we can
1690
1727
  * calculate the relative positions correctly for instant transitions.
1691
- */this.pendingAnimation=frame.update(()=>{globalProjectionState.hasAnimatedSinceResize=true;this.motionValue||(this.motionValue=motionValue(0));this.currentAnimation=animateSingleValue(this.motionValue,[0,1000],_objectSpread(_objectSpread({},options),{},{velocity:0,isSync:true,onUpdate:latest=>{this.mixTargetDelta(latest);options.onUpdate&&options.onUpdate(latest);},onStop:()=>{},onComplete:()=>{options.onComplete&&options.onComplete();this.completeAnimation();}}));if(this.resumingFrom){this.resumingFrom.currentAnimation=this.currentAnimation;}this.pendingAnimation=undefined;});}completeAnimation(){if(this.resumingFrom){this.resumingFrom.currentAnimation=undefined;this.resumingFrom.preserveOpacity=undefined;}const stack=this.getStack();stack&&stack.exitAnimationComplete();this.resumingFrom=this.currentAnimation=this.animationValues=undefined;this.notifyListeners("animationComplete");}finishAnimation(){if(this.currentAnimation){this.mixTargetDelta&&this.mixTargetDelta(animationTarget);this.currentAnimation.stop();}this.completeAnimation();}applyTransformsToTarget(){const lead=this.getLead();let{targetWithTransforms,target,layout,latestValues}=lead;if(!targetWithTransforms||!target||!layout)return;/**
1728
+ */this.pendingAnimation=frame.update(()=>{globalProjectionState.hasAnimatedSinceResize=true;this.motionValue||(this.motionValue=motionValue(0));this.motionValue.jump(0,false);this.currentAnimation=animateSingleValue(this.motionValue,[0,1000],_objectSpread(_objectSpread({},options),{},{velocity:0,isSync:true,onUpdate:latest=>{this.mixTargetDelta(latest);options.onUpdate&&options.onUpdate(latest);},onStop:()=>{},onComplete:()=>{options.onComplete&&options.onComplete();this.completeAnimation();}}));if(this.resumingFrom){this.resumingFrom.currentAnimation=this.currentAnimation;}this.pendingAnimation=undefined;});}completeAnimation(){if(this.resumingFrom){this.resumingFrom.currentAnimation=undefined;this.resumingFrom.preserveOpacity=undefined;}const stack=this.getStack();stack&&stack.exitAnimationComplete();this.resumingFrom=this.currentAnimation=this.animationValues=undefined;this.notifyListeners("animationComplete");}finishAnimation(){if(this.currentAnimation){this.mixTargetDelta&&this.mixTargetDelta(animationTarget);this.currentAnimation.stop();}this.completeAnimation();}applyTransformsToTarget(){const lead=this.getLead();let{targetWithTransforms,target,layout,latestValues}=lead;if(!targetWithTransforms||!target||!layout)return;/**
1692
1729
  * If we're only animating position, and this element isn't the lead element,
1693
1730
  * then instead of projecting into the lead box we instead want to calculate
1694
1731
  * a new target that aligns the two boxes but maintains the layout shape.
@@ -1713,10 +1750,10 @@ visualElement.render();// Put back all the values we reset
1713
1750
  for(const key in resetValues){visualElement.setStaticValue(key,resetValues[key]);if(this.animationValues){this.animationValues[key]=resetValues[key];}}// Schedule a render for the next frame. This ensures we won't visually
1714
1751
  // see the element with the reset rotate value applied.
1715
1752
  visualElement.scheduleRender();}applyProjectionStyles(targetStyle,// CSSStyleDeclaration - doesn't allow numbers to be assigned to properties
1716
- styleProp){if(!this.instance||this.isSVG)return;if(!this.isVisible){targetStyle.visibility="hidden";return;}const transformTemplate=this.getTransformTemplate();if(this.needsReset){this.needsReset=false;targetStyle.visibility="";targetStyle.opacity="";targetStyle.pointerEvents=resolveMotionValue(styleProp===null||styleProp===void 0?void 0:styleProp.pointerEvents)||"";targetStyle.transform=transformTemplate?transformTemplate(this.latestValues,""):"none";return;}const lead=this.getLead();if(!this.projectionDelta||!this.layout||!lead.target){if(this.options.layoutId){targetStyle.opacity=this.latestValues.opacity!==undefined?this.latestValues.opacity:1;targetStyle.pointerEvents=resolveMotionValue(styleProp===null||styleProp===void 0?void 0:styleProp.pointerEvents)||"";}if(this.hasProjected&&!hasTransform(this.latestValues)){targetStyle.transform=transformTemplate?transformTemplate({},""):"none";this.hasProjected=false;}return;}targetStyle.visibility="";const valuesToRender=lead.animationValues||lead.latestValues;this.applyTransformsToTarget();let transform=buildProjectionTransform(this.projectionDeltaWithTransform,this.treeScale,valuesToRender);if(transformTemplate){transform=transformTemplate(valuesToRender,transform);}targetStyle.transform=transform;const{x,y}=this.projectionDelta;targetStyle.transformOrigin="".concat(x.origin*100,"% ").concat(y.origin*100,"% 0");if(lead.animationValues){var _ref52,_valuesToRender$opaci;/**
1753
+ styleProp){if(!this.instance||this.isSVG)return;if(!this.isVisible){targetStyle.visibility="hidden";return;}const transformTemplate=this.getTransformTemplate();if(this.needsReset){this.needsReset=false;targetStyle.visibility="";targetStyle.opacity="";targetStyle.pointerEvents=resolveMotionValue(styleProp===null||styleProp===void 0?void 0:styleProp.pointerEvents)||"";targetStyle.transform=transformTemplate?transformTemplate(this.latestValues,""):"none";return;}const lead=this.getLead();if(!this.projectionDelta||!this.layout||!lead.target){if(this.options.layoutId){targetStyle.opacity=this.latestValues.opacity!==undefined?this.latestValues.opacity:1;targetStyle.pointerEvents=resolveMotionValue(styleProp===null||styleProp===void 0?void 0:styleProp.pointerEvents)||"";}if(this.hasProjected&&!hasTransform(this.latestValues)){targetStyle.transform=transformTemplate?transformTemplate({},""):"none";this.hasProjected=false;}return;}targetStyle.visibility="";const valuesToRender=lead.animationValues||lead.latestValues;this.applyTransformsToTarget();let transform=buildProjectionTransform(this.projectionDeltaWithTransform,this.treeScale,valuesToRender);if(transformTemplate){transform=transformTemplate(valuesToRender,transform);}targetStyle.transform=transform;const{x,y}=this.projectionDelta;targetStyle.transformOrigin="".concat(x.origin*100,"% ").concat(y.origin*100,"% 0");if(lead.animationValues){var _ref49,_valuesToRender$opaci;/**
1717
1754
  * If the lead component is animating, assign this either the entering/leaving
1718
1755
  * opacity
1719
- */targetStyle.opacity=lead===this?(_ref52=(_valuesToRender$opaci=valuesToRender.opacity)!==null&&_valuesToRender$opaci!==void 0?_valuesToRender$opaci:this.latestValues.opacity)!==null&&_ref52!==void 0?_ref52:1:this.preserveOpacity?this.latestValues.opacity:valuesToRender.opacityExit;}else{/**
1756
+ */targetStyle.opacity=lead===this?(_ref49=(_valuesToRender$opaci=valuesToRender.opacity)!==null&&_valuesToRender$opaci!==void 0?_valuesToRender$opaci:this.latestValues.opacity)!==null&&_ref49!==void 0?_ref49:1:this.preserveOpacity?this.latestValues.opacity:valuesToRender.opacityExit;}else{/**
1720
1757
  * Or we're not animating at all, set the lead component to its layout
1721
1758
  * opacity and other components to hidden.
1722
1759
  */targetStyle.opacity=lead===this?valuesToRender.opacity!==undefined?valuesToRender.opacity:"":valuesToRender.opacityExit!==undefined?valuesToRender.opacityExit:0;}/**
@@ -1780,9 +1817,9 @@ if(hasCleanup){return()=>{for(let i=0;i<cleanups.length;i++){const cleanup=clean
1780
1817
  return React$1.useCallback(composeRefs(...refs),refs);}/**
1781
1818
  * Measurement functionality has to be within a separate component
1782
1819
  * to leverage snapshot lifecycle.
1783
- */class PopChildMeasure extends React$1.Component{getSnapshotBeforeUpdate(prevProps){const element=this.props.childRef.current;if(element&&prevProps.isPresent&&!this.props.isPresent){const parent=element.offsetParent;const parentWidth=isHTMLElement$1(parent)?parent.offsetWidth||0:0;const parentHeight=isHTMLElement$1(parent)?parent.offsetHeight||0:0;const size=this.props.sizeRef.current;size.height=element.offsetHeight||0;size.width=element.offsetWidth||0;size.top=element.offsetTop;size.left=element.offsetLeft;size.right=parentWidth-size.width-size.left;size.bottom=parentHeight-size.height-size.top;}return null;}/**
1820
+ */class PopChildMeasure extends React$1.Component{getSnapshotBeforeUpdate(prevProps){const element=this.props.childRef.current;if(element&&prevProps.isPresent&&!this.props.isPresent&&this.props.pop!==false){const parent=element.offsetParent;const parentWidth=isHTMLElement$1(parent)?parent.offsetWidth||0:0;const parentHeight=isHTMLElement$1(parent)?parent.offsetHeight||0:0;const size=this.props.sizeRef.current;size.height=element.offsetHeight||0;size.width=element.offsetWidth||0;size.top=element.offsetTop;size.left=element.offsetLeft;size.right=parentWidth-size.width-size.left;size.bottom=parentHeight-size.height-size.top;}return null;}/**
1784
1821
  * Required with getSnapshotBeforeUpdate to stop React complaining.
1785
- */componentDidUpdate(){}render(){return this.props.children;}}function PopChild(_ref53){var _children$props$ref,_children$props;let{children,isPresent,anchorX,anchorY,root}=_ref53;const id=useId();const ref=useRef$1(null);const size=useRef$1({width:0,height:0,top:0,left:0,right:0,bottom:0});const{nonce}=useContext(MotionConfigContext);/**
1822
+ */componentDidUpdate(){}render(){return this.props.children;}}function PopChild(_ref50){var _children$props$ref,_children$props;let{children,isPresent,anchorX,anchorY,root,pop}=_ref50;const id=useId();const ref=useRef$1(null);const size=useRef$1({width:0,height:0,top:0,left:0,right:0,bottom:0});const{nonce}=useContext(MotionConfigContext);/**
1786
1823
  * In React 19, refs are passed via props.ref instead of element.ref.
1787
1824
  * We check props.ref first (React 19) and fall back to element.ref (React 18).
1788
1825
  */const childRef=(_children$props$ref=(_children$props=children.props)===null||_children$props===void 0?void 0:_children$props.ref)!==null&&_children$props$ref!==void 0?_children$props$ref:children===null||children===void 0?void 0:children.ref;const composedRef=useComposedRefs(ref,childRef);/**
@@ -1793,7 +1830,7 @@ return React$1.useCallback(composeRefs(...refs),refs);}/**
1793
1830
  * in getSnapshotBeforeUpdate (post-render), likewise if we apply the
1794
1831
  * styles directly on the DOM node, we might be overwriting
1795
1832
  * styles set via the style prop.
1796
- */useInsertionEffect(()=>{const{width,height,top,left,right,bottom}=size.current;if(isPresent||!ref.current||!width||!height)return;const x=anchorX==="left"?"left: ".concat(left):"right: ".concat(right);const y=anchorY==="bottom"?"bottom: ".concat(bottom):"top: ".concat(top);ref.current.dataset.motionPopId=id;const style=document.createElement("style");if(nonce)style.nonce=nonce;const parent=root!==null&&root!==void 0?root:document.head;parent.appendChild(style);if(style.sheet){style.sheet.insertRule("\n [data-motion-pop-id=\"".concat(id,"\"] {\n position: absolute !important;\n width: ").concat(width,"px !important;\n height: ").concat(height,"px !important;\n ").concat(x,"px !important;\n ").concat(y,"px !important;\n }\n "));}return()=>{if(parent.contains(style)){parent.removeChild(style);}};},[isPresent]);return jsx(PopChildMeasure,{isPresent:isPresent,childRef:ref,sizeRef:size,children:React$1.cloneElement(children,{ref:composedRef})});}const PresenceChild=_ref54=>{let{children,initial,isPresent,onExitComplete,custom,presenceAffectsLayout,mode,anchorX,anchorY,root}=_ref54;const presenceChildren=useConstant(newChildrenMap);const id=useId();let isReusedContext=true;let context=useMemo(()=>{isReusedContext=false;return{id,initial,isPresent,custom,onExitComplete:childId=>{presenceChildren.set(childId,true);for(const isComplete of presenceChildren.values()){if(!isComplete)return;// can stop searching when any is incomplete
1833
+ */useInsertionEffect(()=>{const{width,height,top,left,right,bottom}=size.current;if(isPresent||pop===false||!ref.current||!width||!height)return;const x=anchorX==="left"?"left: ".concat(left):"right: ".concat(right);const y=anchorY==="bottom"?"bottom: ".concat(bottom):"top: ".concat(top);ref.current.dataset.motionPopId=id;const style=document.createElement("style");if(nonce)style.nonce=nonce;const parent=root!==null&&root!==void 0?root:document.head;parent.appendChild(style);if(style.sheet){style.sheet.insertRule("\n [data-motion-pop-id=\"".concat(id,"\"] {\n position: absolute !important;\n width: ").concat(width,"px !important;\n height: ").concat(height,"px !important;\n ").concat(x,"px !important;\n ").concat(y,"px !important;\n }\n "));}return()=>{if(parent.contains(style)){parent.removeChild(style);}};},[isPresent]);return jsx(PopChildMeasure,{isPresent:isPresent,childRef:ref,sizeRef:size,pop:pop,children:pop===false?children:React$1.cloneElement(children,{ref:composedRef})});}const PresenceChild=_ref51=>{let{children,initial,isPresent,onExitComplete,custom,presenceAffectsLayout,mode,anchorX,anchorY,root}=_ref51;const presenceChildren=useConstant(newChildrenMap);const id=useId();let isReusedContext=true;let context=useMemo(()=>{isReusedContext=false;return{id,initial,isPresent,custom,onExitComplete:childId=>{presenceChildren.set(childId,true);for(const isComplete of presenceChildren.values()){if(!isComplete)return;// can stop searching when any is incomplete
1797
1834
  }onExitComplete&&onExitComplete();},register:childId=>{presenceChildren.set(childId,false);return()=>presenceChildren.delete(childId);}};},[isPresent,presenceChildren,onExitComplete]);/**
1798
1835
  * If the presence of a child affects the layout of the components around it,
1799
1836
  * we want to make a new context value to ensure they get re-rendered
@@ -1801,7 +1838,7 @@ return React$1.useCallback(composeRefs(...refs),refs);}/**
1801
1838
  */if(presenceAffectsLayout&&isReusedContext){context=_objectSpread({},context);}useMemo(()=>{presenceChildren.forEach((_,key)=>presenceChildren.set(key,false));},[isPresent]);/**
1802
1839
  * If there's no `motion` components to fire exit animations, we want to remove this
1803
1840
  * component immediately.
1804
- */React$1.useEffect(()=>{!isPresent&&!presenceChildren.size&&onExitComplete&&onExitComplete();},[isPresent]);if(mode==="popLayout"){children=jsx(PopChild,{isPresent:isPresent,anchorX:anchorX,anchorY:anchorY,root:root,children:children});}return jsx(PresenceContext.Provider,{value:context,children:children});};function newChildrenMap(){return new Map();}/**
1841
+ */React$1.useEffect(()=>{!isPresent&&!presenceChildren.size&&onExitComplete&&onExitComplete();},[isPresent]);children=jsx(PopChild,{pop:mode==="popLayout",isPresent:isPresent,anchorX:anchorX,anchorY:anchorY,root:root,children:children});return jsx(PresenceContext.Provider,{value:context,children:children});};function newChildrenMap(){return new Map();}/**
1805
1842
  * When a component is the child of `AnimatePresence`, it can use `usePresence`
1806
1843
  * to access information about whether it's still present in the React tree.
1807
1844
  *
@@ -1858,7 +1895,7 @@ Children.forEach(children,child=>{if(isValidElement$1(child))filtered.push(child
1858
1895
  * `usePresence` all need to call `safeToRemove`.
1859
1896
  *
1860
1897
  * @public
1861
- */const AnimatePresence=_ref55=>{let{children,custom,initial=true,onExitComplete,presenceAffectsLayout=true,mode="sync",propagate=false,anchorX="left",anchorY="top",root}=_ref55;const[isParentPresent,safeToRemove]=usePresence(propagate);/**
1898
+ */const AnimatePresence=_ref52=>{let{children,custom,initial=true,onExitComplete,presenceAffectsLayout=true,mode="sync",propagate=false,anchorX="left",anchorY="top",root}=_ref52;const[isParentPresent,safeToRemove]=usePresence(propagate);/**
1862
1899
  * Filter any children that aren't ReactElements. We can only track components
1863
1900
  * between renders with a props.key.
1864
1901
  */const presentChildren=useMemo(()=>onlyElements(children),[children]);/**
@@ -1902,7 +1939,7 @@ Children.forEach(children,child=>{if(isValidElement$1(child))filtered.push(child
1902
1939
  *
1903
1940
  * @privateRemarks
1904
1941
  * This doesn't throw if a `MotionProp` name is missing - it should.
1905
- */const validMotionProps=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);/**
1942
+ */const validMotionProps=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","propagate","ignoreStrict","viewport"]);/**
1906
1943
  * Check whether a prop name is a valid `MotionProp` key.
1907
1944
  *
1908
1945
  * @param key - Name of the property to check
@@ -1934,7 +1971,7 @@ shouldForward=key=>key.startsWith("on")?!isValidMotionProp(key):isValidProp(key)
1934
1971
  * We check the type as it could be used with the `feColorMatrix`
1935
1972
  * element, which we support.
1936
1973
  */if(key==="values"&&typeof props.values==="object")continue;if(shouldForward(key)||forwardMotionProps===true&&isValidMotionProp(key)||!isDom&&!isValidMotionProp(key)||// If trying to use native HTML drag events, forward drag listeners
1937
- props["draggable"]&&key.startsWith("onDrag")){filteredProps[key]=props[key];}}return filteredProps;}const MotionContext=/* @__PURE__ */createContext({});function getCurrentTreeVariants(props,context){if(isControllingVariants(props)){const{initial,animate}=props;return{initial:initial===false||isVariantLabel(initial)?initial:undefined,animate:isVariantLabel(animate)?animate:undefined};}return props.inherit!==false?context:{};}function useCreateMotionContext(props){const{initial,animate}=getCurrentTreeVariants(props,useContext(MotionContext));return useMemo(()=>({initial,animate}),[variantLabelsAsDependency(initial),variantLabelsAsDependency(animate)]);}function variantLabelsAsDependency(prop){return Array.isArray(prop)?prop.join(" "):prop;}const createHtmlRenderState=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function copyRawValuesOnly(target,source,props){for(const key in source){if(!isMotionValue(source[key])&&!isForcedMotionValue(key,props)){target[key]=source[key];}}}function useInitialMotionValues(_ref56,visualState){let{transformTemplate}=_ref56;return useMemo(()=>{const state=createHtmlRenderState();buildHTMLStyles(state,visualState,transformTemplate);return Object.assign({},state.vars,state.style);},[visualState]);}function useStyle(props,visualState){const styleProp=props.style||{};const style={};/**
1974
+ props["draggable"]&&key.startsWith("onDrag")){filteredProps[key]=props[key];}}return filteredProps;}const MotionContext=/* @__PURE__ */createContext({});function getCurrentTreeVariants(props,context){if(isControllingVariants(props)){const{initial,animate}=props;return{initial:initial===false||isVariantLabel(initial)?initial:undefined,animate:isVariantLabel(animate)?animate:undefined};}return props.inherit!==false?context:{};}function useCreateMotionContext(props){const{initial,animate}=getCurrentTreeVariants(props,useContext(MotionContext));return useMemo(()=>({initial,animate}),[variantLabelsAsDependency(initial),variantLabelsAsDependency(animate)]);}function variantLabelsAsDependency(prop){return Array.isArray(prop)?prop.join(" "):prop;}const createHtmlRenderState=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function copyRawValuesOnly(target,source,props){for(const key in source){if(!isMotionValue(source[key])&&!isForcedMotionValue(key,props)){target[key]=source[key];}}}function useInitialMotionValues(_ref53,visualState){let{transformTemplate}=_ref53;return useMemo(()=>{const state=createHtmlRenderState();buildHTMLStyles(state,visualState,transformTemplate);return Object.assign({},state.vars,state.style);},[visualState]);}function useStyle(props,visualState){const styleProp=props.style||{};const style={};/**
1938
1975
  * Copy non-Motion Values straight into style
1939
1976
  */copyRawValuesOnly(style,styleProp,props);Object.assign(style,useInitialMotionValues(props,visualState));return style;}function useHTMLProps(props,visualState){// The `any` isn't ideal but it is the type of createElement props argument
1940
1977
  const htmlProps={};const style=useStyle(props,visualState);if(props.drag&&props.dragListener!==false){// Disable the ghost element when a user drags
@@ -1952,11 +1989,11 @@ style.touchAction=props.drag===true?"none":"pan-".concat(props.drag==="x"?"y":"x
1952
1989
  * If it's in our list of lowercase SVG tags, it's an SVG component
1953
1990
  */lowercaseSVGElements.indexOf(Component)>-1||/**
1954
1991
  * If it contains a capital letter, it's an SVG component
1955
- *//[A-Z]/.test(Component)){return true;}return false;}function useRender(Component,props,ref,_ref57,isStatic){let{latestValues}=_ref57;let forwardMotionProps=arguments.length>5&&arguments[5]!==undefined?arguments[5]:false;let isSVG=arguments.length>6?arguments[6]:undefined;const useVisualProps=(isSVG!==null&&isSVG!==void 0?isSVG:isSVGComponent(Component))?useSVGProps:useHTMLProps;const visualProps=useVisualProps(props,latestValues,isStatic,Component);const filteredProps=filterProps(props,typeof Component==="string",forwardMotionProps);const elementProps=Component!==Fragment$1?_objectSpread(_objectSpread(_objectSpread({},filteredProps),visualProps),{},{ref}):{};/**
1992
+ *//[A-Z]/.test(Component)){return true;}return false;}function useRender(Component,props,ref,_ref54,isStatic){let{latestValues}=_ref54;let forwardMotionProps=arguments.length>5&&arguments[5]!==undefined?arguments[5]:false;let isSVG=arguments.length>6?arguments[6]:undefined;const useVisualProps=(isSVG!==null&&isSVG!==void 0?isSVG:isSVGComponent(Component))?useSVGProps:useHTMLProps;const visualProps=useVisualProps(props,latestValues,isStatic,Component);const filteredProps=filterProps(props,typeof Component==="string",forwardMotionProps);const elementProps=Component!==Fragment$1?_objectSpread(_objectSpread(_objectSpread({},filteredProps),visualProps),{},{ref}):{};/**
1956
1993
  * If component has been handed a motion value as its child,
1957
1994
  * memoise its initial value and render that. Subsequent updates
1958
1995
  * will be handled by the onChange handler
1959
- */const{children}=props;const renderedChildren=useMemo(()=>isMotionValue(children)?children.get():children,[children]);return createElement(Component,_objectSpread(_objectSpread({},elementProps),{},{children:renderedChildren}));}function makeState(_ref58,props,context,presenceContext){let{scrapeMotionValuesFromProps,createRenderState}=_ref58;const state={latestValues:makeLatestValues(props,context,presenceContext,scrapeMotionValuesFromProps),renderState:createRenderState()};return state;}function makeLatestValues(props,context,presenceContext,scrapeMotionValues){const values={};const motionValues=scrapeMotionValues(props,{});for(const key in motionValues){values[key]=resolveMotionValue(motionValues[key]);}let{initial,animate}=props;const isControllingVariants$1=isControllingVariants(props);const isVariantNode$1=isVariantNode(props);if(context&&isVariantNode$1&&!isControllingVariants$1&&props.inherit!==false){if(initial===undefined)initial=context.initial;if(animate===undefined)animate=context.animate;}let isInitialAnimationBlocked=presenceContext?presenceContext.initial===false:false;isInitialAnimationBlocked=isInitialAnimationBlocked||initial===false;const variantToSet=isInitialAnimationBlocked?animate:initial;if(variantToSet&&typeof variantToSet!=="boolean"&&!isAnimationControls(variantToSet)){const list=Array.isArray(variantToSet)?variantToSet:[variantToSet];for(let i=0;i<list.length;i++){const resolved=resolveVariantFromProps(props,list[i]);if(resolved){const{transitionEnd,transition}=resolved,target=_objectWithoutProperties(resolved,_excluded12);for(const key in target){let valueTarget=target[key];if(Array.isArray(valueTarget)){/**
1996
+ */const{children}=props;const renderedChildren=useMemo(()=>isMotionValue(children)?children.get():children,[children]);return createElement(Component,_objectSpread(_objectSpread({},elementProps),{},{children:renderedChildren}));}function makeState(_ref55,props,context,presenceContext){let{scrapeMotionValuesFromProps,createRenderState}=_ref55;const state={latestValues:makeLatestValues(props,context,presenceContext,scrapeMotionValuesFromProps),renderState:createRenderState()};return state;}function makeLatestValues(props,context,presenceContext,scrapeMotionValues){const values={};const motionValues=scrapeMotionValues(props,{});for(const key in motionValues){values[key]=resolveMotionValue(motionValues[key]);}let{initial,animate}=props;const isControllingVariants$1=isControllingVariants(props);const isVariantNode$1=isVariantNode(props);if(context&&isVariantNode$1&&!isControllingVariants$1&&props.inherit!==false){if(initial===undefined)initial=context.initial;if(animate===undefined)animate=context.animate;}let isInitialAnimationBlocked=presenceContext?presenceContext.initial===false:false;isInitialAnimationBlocked=isInitialAnimationBlocked||initial===false;const variantToSet=isInitialAnimationBlocked?animate:initial;if(variantToSet&&typeof variantToSet!=="boolean"&&!isAnimationControls(variantToSet)){const list=Array.isArray(variantToSet)?variantToSet:[variantToSet];for(let i=0;i<list.length;i++){const resolved=resolveVariantFromProps(props,list[i]);if(resolved){const{transitionEnd,transition}=resolved,target=_objectWithoutProperties(resolved,_excluded14);for(const key in target){let valueTarget=target[key];if(Array.isArray(valueTarget)){/**
1960
1997
  * Take final keyframe if the initial animation is blocked because
1961
1998
  * we want to initialise at the end of that blocked animation.
1962
1999
  */const index=isInitialAnimationBlocked?valueTarget.length-1:0;valueTarget=valueTarget[index];}if(valueTarget!==null){values[key]=valueTarget;}}for(const key in transitionEnd){values[key]=transitionEnd[key];}}}}return values;}const makeUseVisualState=config=>(props,isStatic)=>{const context=useContext(MotionContext);const presenceContext=useContext(PresenceContext);const make=()=>makeState(config,props,context,presenceContext);return isStatic?make():useConstant(make);};const useHTMLVisualState=/*@__PURE__*/makeUseVisualState({scrapeMotionValuesFromProps:scrapeMotionValuesFromProps$1,createRenderState:createHtmlRenderState});const useSVGVisualState=/*@__PURE__*/makeUseVisualState({scrapeMotionValuesFromProps:scrapeMotionValuesFromProps,createRenderState:createSvgRenderState});const motionComponentSymbol=Symbol.for("motionComponentSymbol");/**
@@ -1971,12 +2008,12 @@ style.touchAction=props.drag===true?"none":"pan-".concat(props.drag==="x"?"y":"x
1971
2008
  */const externalRefContainer=useRef$1(externalRef);useInsertionEffect(()=>{externalRefContainer.current=externalRef;});// Store cleanup function returned by callback refs (React 19 feature)
1972
2009
  const refCleanup=useRef$1(null);return useCallback(instance=>{if(instance){var _visualState$onMount;(_visualState$onMount=visualState.onMount)===null||_visualState$onMount===void 0||_visualState$onMount.call(visualState,instance);}if(visualElement){instance?visualElement.mount(instance):visualElement.unmount();}const ref=externalRefContainer.current;if(typeof ref==="function"){if(instance){const cleanup=ref(instance);if(typeof cleanup==="function"){refCleanup.current=cleanup;}}else if(refCleanup.current){refCleanup.current();refCleanup.current=null;}else{ref(instance);}}else if(ref){ref.current=instance;}},[visualElement]);}/**
1973
2010
  * Internal, exported only for usage in Framer
1974
- */const SwitchLayoutGroupContext=createContext({});function isRefObject(ref){return ref&&typeof ref==="object"&&Object.prototype.hasOwnProperty.call(ref,"current");}function useVisualElement(Component,visualState,props,createVisualElement,ProjectionNodeConstructor,isSVG){var _window$MotionHandoff,_window,_window$MotionHasOpti,_window2;const{visualElement:parent}=useContext(MotionContext);const lazyContext=useContext(LazyContext);const presenceContext=useContext(PresenceContext);const reducedMotionConfig=useContext(MotionConfigContext).reducedMotion;const visualElementRef=useRef$1(null);/**
2011
+ */const SwitchLayoutGroupContext=createContext({});function isRefObject(ref){return ref&&typeof ref==="object"&&Object.prototype.hasOwnProperty.call(ref,"current");}function useVisualElement(Component,visualState,props,createVisualElement,ProjectionNodeConstructor,isSVG){var _window$MotionHandoff,_window,_window$MotionHasOpti,_window2;const{visualElement:parent}=useContext(MotionContext);const lazyContext=useContext(LazyContext);const presenceContext=useContext(PresenceContext);const motionConfig=useContext(MotionConfigContext);const reducedMotionConfig=motionConfig.reducedMotion;const skipAnimations=motionConfig.skipAnimations;const visualElementRef=useRef$1(null);/**
1975
2012
  * Track whether the component has been through React's commit phase.
1976
2013
  * Used to detect when LazyMotion features load after the component has mounted.
1977
2014
  */const hasMountedOnce=useRef$1(false);/**
1978
2015
  * If we haven't preloaded a renderer, check to see if we have one lazy-loaded
1979
- */createVisualElement=createVisualElement||lazyContext.renderer;if(!visualElementRef.current&&createVisualElement){visualElementRef.current=createVisualElement(Component,{visualState,parent,props,presenceContext,blockInitialAnimation:presenceContext?presenceContext.initial===false:false,reducedMotionConfig,isSVG});/**
2016
+ */createVisualElement=createVisualElement||lazyContext.renderer;if(!visualElementRef.current&&createVisualElement){visualElementRef.current=createVisualElement(Component,{visualState,parent,props,presenceContext,blockInitialAnimation:presenceContext?presenceContext.initial===false:false,reducedMotionConfig,skipAnimations,isSVG});/**
1980
2017
  * If the component has already mounted before features loaded (e.g. via
1981
2018
  * LazyMotion with async feature loading), we need to force the initial
1982
2019
  * animation to run. Otherwise state changes that occurred before features
@@ -2020,7 +2057,7 @@ queueMicrotask(()=>{var _window$MotionHandoff2,_window3;(_window$MotionHandoff2=
2020
2057
  *
2021
2058
  * Alongside this is a config option which provides a way of rendering the provided
2022
2059
  * component "offline", or outside the React render cycle.
2023
- */function createMotionComponent(Component){var _ref59,_Component$displayNam;let{forwardMotionProps=false,type}=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let preloadedFeatures=arguments.length>2?arguments[2]:undefined;let createVisualElement=arguments.length>3?arguments[3]:undefined;preloadedFeatures&&loadFeatures(preloadedFeatures);/**
2060
+ */function createMotionComponent(Component){var _ref56,_Component$displayNam;let{forwardMotionProps=false,type}=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let preloadedFeatures=arguments.length>2?arguments[2]:undefined;let createVisualElement=arguments.length>3?arguments[3]:undefined;preloadedFeatures&&loadFeatures(preloadedFeatures);/**
2024
2061
  * Determine whether to use SVG or HTML rendering based on:
2025
2062
  * 1. Explicit `type` option (highest priority)
2026
2063
  * 2. Auto-detection via `isSVGComponent`
@@ -2035,7 +2072,7 @@ queueMicrotask(()=>{var _window$MotionHandoff2,_window3;(_window$MotionHandoff2=
2035
2072
  */context.visualElement=useVisualElement(Component,visualState,configAndProps,createVisualElement,layoutProjection.ProjectionNode,isSVG);}/**
2036
2073
  * The mount order and hierarchy is specific to ensure our element ref
2037
2074
  * is hydrated by the time features fire their effects.
2038
- */return jsxs(MotionContext.Provider,{value:context,children:[MeasureLayout&&context.visualElement?jsx(MeasureLayout,_objectSpread({visualElement:context.visualElement},configAndProps)):null,useRender(Component,props,useMotionRef(visualState,context.visualElement,externalRef),visualState,isStatic,forwardMotionProps,isSVG)]});}MotionDOMComponent.displayName="motion.".concat(typeof Component==="string"?Component:"create(".concat((_ref59=(_Component$displayNam=Component.displayName)!==null&&_Component$displayNam!==void 0?_Component$displayNam:Component.name)!==null&&_ref59!==void 0?_ref59:"",")"));const ForwardRefMotionComponent=forwardRef(MotionDOMComponent);ForwardRefMotionComponent[motionComponentSymbol]=Component;return ForwardRefMotionComponent;}function useLayoutId(_ref60){let{layoutId}=_ref60;const layoutGroupId=useContext(LayoutGroupContext).id;return layoutGroupId&&layoutId!==undefined?layoutGroupId+"-"+layoutId:layoutId;}function useStrictMode(configAndProps,preloadedFeatures){const isStrict=useContext(LazyContext).strict;/**
2075
+ */return jsxs(MotionContext.Provider,{value:context,children:[MeasureLayout&&context.visualElement?jsx(MeasureLayout,_objectSpread({visualElement:context.visualElement},configAndProps)):null,useRender(Component,props,useMotionRef(visualState,context.visualElement,externalRef),visualState,isStatic,forwardMotionProps,isSVG)]});}MotionDOMComponent.displayName="motion.".concat(typeof Component==="string"?Component:"create(".concat((_ref56=(_Component$displayNam=Component.displayName)!==null&&_Component$displayNam!==void 0?_Component$displayNam:Component.name)!==null&&_ref56!==void 0?_ref56:"",")"));const ForwardRefMotionComponent=forwardRef(MotionDOMComponent);ForwardRefMotionComponent[motionComponentSymbol]=Component;return ForwardRefMotionComponent;}function useLayoutId(_ref57){let{layoutId}=_ref57;const layoutGroupId=useContext(LayoutGroupContext).id;return layoutGroupId&&layoutId!==undefined?layoutGroupId+"-"+layoutId:layoutId;}function useStrictMode(configAndProps,preloadedFeatures){const isStrict=useContext(LazyContext).strict;/**
2039
2076
  * If we're in development mode, check to make sure we're not rendering a motion component
2040
2077
  * as a child of LazyMotion, as this will break the file-size benefits of using it.
2041
2078
  */if(process.env.NODE_ENV!=="production"&&preloadedFeatures&&isStrict){const strictMessage="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";configAndProps.ignoreStrict?warning(false,strictMessage,"lazy-strict-mode"):invariant(false,strictMessage,"lazy-strict-mode");}}function getProjectionFunctionality(props){const featureDefinitions=getInitializedFeatureDefinitions();const{drag,layout}=featureDefinitions;if(!drag&&!layout)return{};const combined=_objectSpread(_objectSpread({},drag),layout);return{MeasureLayout:drag!==null&&drag!==void 0&&drag.isEnabled(props)||layout!==null&&layout!==void 0&&layout.isEnabled(props)?combined.MeasureLayout:undefined,ProjectionNode:combined.ProjectionNode};}function createMotionProxy(preloadedFeatures,createVisualElement){if(typeof Proxy==="undefined"){return createMotionComponent;}/**
@@ -2058,7 +2095,7 @@ queueMicrotask(()=>{var _window$MotionHandoff2,_window3;(_window$MotionHandoff2=
2058
2095
  */constructor(node){super(node);node.animationState||(node.animationState=createAnimationState(node));}updateAnimationControlsSubscription(){const{animate}=this.node.getProps();if(isAnimationControls(animate)){this.unmountControls=animate.subscribe(this.node);}}/**
2059
2096
  * Subscribe any provided AnimationControls to the component's VisualElement
2060
2097
  */mount(){this.updateAnimationControlsSubscription();}update(){const{animate}=this.node.getProps();const{animate:prevAnimate}=this.node.prevProps||{};if(animate!==prevAnimate){this.updateAnimationControlsSubscription();}}unmount(){var _this$unmountControls;this.node.animationState.reset();(_this$unmountControls=this.unmountControls)===null||_this$unmountControls===void 0||_this$unmountControls.call(this);}}let id=0;class ExitAnimationFeature extends Feature{constructor(){super(...arguments);this.id=id++;}update(){if(!this.node.presenceContext)return;const{isPresent,onExitComplete}=this.node.presenceContext;const{isPresent:prevIsPresent}=this.node.prevPresenceContext||{};if(!this.node.animationState||isPresent===prevIsPresent){return;}const exitAnimation=this.node.animationState.setActive("exit",!isPresent);if(onExitComplete&&!isPresent){exitAnimation.then(()=>{onExitComplete(this.id);});}}mount(){const{register,onExitComplete}=this.node.presenceContext||{};if(onExitComplete){onExitComplete(this.id);}if(register){this.unmount=register(this.id);}}unmount(){}}const animations={animation:{Feature:AnimationFeature},exit:{Feature:ExitAnimationFeature}};function extractEventInfo(event){return{point:{x:event.pageX,y:event.pageY}};}const addPointerInfo=handler=>{return event=>isPrimaryPointer(event)&&handler(event,extractEventInfo(event));};function addPointerEvent(target,eventName,handler,options){return addDomEvent(target,eventName,addPointerInfo(handler),options);}// Fixes https://github.com/motiondivision/motion/issues/2270
2061
- const getContextWindow=_ref61=>{let{current}=_ref61;return current?current.ownerDocument.defaultView:null;};const distance=(a,b)=>Math.abs(a-b);function distance2D(a,b){// Multi-dimensional
2098
+ const getContextWindow=_ref58=>{let{current}=_ref58;return current?current.ownerDocument.defaultView:null;};const distance=(a,b)=>Math.abs(a-b);function distance2D(a,b){// Multi-dimensional
2062
2099
  const xDelta=distance(a.x,b.x);const yDelta=distance(a.y,b.y);return Math.sqrt(xDelta**2+yDelta**2);}const overflowStyles=/*#__PURE__*/new Set(["auto","scroll"]);/**
2063
2100
  * @internal
2064
2101
  */class PanSession{constructor(event,handlers){let{transformPagePoint,contextWindow=window,dragSnapToOrigin=false,distanceThreshold=3,element}=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};/**
@@ -2090,19 +2127,25 @@ if(element){this.startScrollTracking(element);}}/**
2090
2127
  */startScrollTracking(element){// Store initial scroll positions for scrollable ancestors
2091
2128
  let current=element.parentElement;while(current){const style=getComputedStyle(current);if(overflowStyles.has(style.overflowX)||overflowStyles.has(style.overflowY)){this.scrollPositions.set(current,{x:current.scrollLeft,y:current.scrollTop});}current=current.parentElement;}// Track window scroll
2092
2129
  this.scrollPositions.set(window,{x:window.scrollX,y:window.scrollY});// Capture listener catches element scroll events as they bubble
2093
- window.addEventListener("scroll",this.onElementScroll,{capture:true,passive:true});// Direct window scroll listener (window scroll doesn't bubble)
2094
- window.addEventListener("scroll",this.onWindowScroll,{passive:true});this.removeScrollListeners=()=>{window.removeEventListener("scroll",this.onElementScroll,{capture:true});window.removeEventListener("scroll",this.onWindowScroll);};}/**
2130
+ window.addEventListener("scroll",this.onElementScroll,{capture:true});// Direct window scroll listener (window scroll doesn't bubble)
2131
+ window.addEventListener("scroll",this.onWindowScroll);this.removeScrollListeners=()=>{window.removeEventListener("scroll",this.onElementScroll,{capture:true});window.removeEventListener("scroll",this.onWindowScroll);};}/**
2095
2132
  * Handle scroll compensation during drag.
2096
2133
  *
2097
2134
  * For element scroll: adjusts history origin since pageX/pageY doesn't change.
2098
2135
  * For window scroll: adjusts lastMoveEventInfo since pageX/pageY would change.
2099
2136
  */handleScroll(target){const initial=this.scrollPositions.get(target);if(!initial)return;const isWindow=target===window;const current=isWindow?{x:window.scrollX,y:window.scrollY}:{x:target.scrollLeft,y:target.scrollTop};const delta={x:current.x-initial.x,y:current.y-initial.y};if(delta.x===0&&delta.y===0)return;if(isWindow){// Window scroll: pageX/pageY changes, so update lastMoveEventInfo
2100
2137
  if(this.lastMoveEventInfo){this.lastMoveEventInfo.point.x+=delta.x;this.lastMoveEventInfo.point.y+=delta.y;}}else{// Element scroll: pageX/pageY unchanged, so adjust history origin
2101
- if(this.history.length>0){this.history[0].x-=delta.x;this.history[0].y-=delta.y;}}this.scrollPositions.set(target,current);frame.update(this.updatePoint,true);}updateHandlers(handlers){this.handlers=handlers;}end(){this.removeListeners&&this.removeListeners();this.removeScrollListeners&&this.removeScrollListeners();this.scrollPositions.clear();cancelFrame(this.updatePoint);}}function transformPoint(info,transformPagePoint){return transformPagePoint?{point:transformPagePoint(info.point)}:info;}function subtractPoint(a,b){return{x:a.x-b.x,y:a.y-b.y};}function getPanInfo(_ref62,history){let{point}=_ref62;return{point,delta:subtractPoint(point,lastDevicePoint(history)),offset:subtractPoint(point,startDevicePoint(history)),velocity:getVelocity(history,0.1)};}function startDevicePoint(history){return history[0];}function lastDevicePoint(history){return history[history.length-1];}function getVelocity(history,timeDelta){if(history.length<2){return{x:0,y:0};}let i=history.length-1;let timestampedPoint=null;const lastPoint=lastDevicePoint(history);while(i>=0){timestampedPoint=history[i];if(lastPoint.timestamp-timestampedPoint.timestamp>secondsToMilliseconds(timeDelta)){break;}i--;}if(!timestampedPoint){return{x:0,y:0};}const time=millisecondsToSeconds(lastPoint.timestamp-timestampedPoint.timestamp);if(time===0){return{x:0,y:0};}const currentVelocity={x:(lastPoint.x-timestampedPoint.x)/time,y:(lastPoint.y-timestampedPoint.y)/time};if(currentVelocity.x===Infinity){currentVelocity.x=0;}if(currentVelocity.y===Infinity){currentVelocity.y=0;}return currentVelocity;}/**
2138
+ if(this.history.length>0){this.history[0].x-=delta.x;this.history[0].y-=delta.y;}}this.scrollPositions.set(target,current);frame.update(this.updatePoint,true);}updateHandlers(handlers){this.handlers=handlers;}end(){this.removeListeners&&this.removeListeners();this.removeScrollListeners&&this.removeScrollListeners();this.scrollPositions.clear();cancelFrame(this.updatePoint);}}function transformPoint(info,transformPagePoint){return transformPagePoint?{point:transformPagePoint(info.point)}:info;}function subtractPoint(a,b){return{x:a.x-b.x,y:a.y-b.y};}function getPanInfo(_ref59,history){let{point}=_ref59;return{point,delta:subtractPoint(point,lastDevicePoint(history)),offset:subtractPoint(point,startDevicePoint(history)),velocity:getVelocity(history,0.1)};}function startDevicePoint(history){return history[0];}function lastDevicePoint(history){return history[history.length-1];}function getVelocity(history,timeDelta){if(history.length<2){return{x:0,y:0};}let i=history.length-1;let timestampedPoint=null;const lastPoint=lastDevicePoint(history);while(i>=0){timestampedPoint=history[i];if(lastPoint.timestamp-timestampedPoint.timestamp>secondsToMilliseconds(timeDelta)){break;}i--;}if(!timestampedPoint){return{x:0,y:0};}/**
2139
+ * If the selected point is the pointer-down origin (history[0]),
2140
+ * there are better movement points available, and the time gap
2141
+ * is suspiciously large (>2x timeDelta), use the next point instead.
2142
+ * This prevents stale pointer-down points from diluting velocity
2143
+ * in hold-then-flick gestures.
2144
+ */if(timestampedPoint===history[0]&&history.length>2&&lastPoint.timestamp-timestampedPoint.timestamp>secondsToMilliseconds(timeDelta)*2){timestampedPoint=history[1];}const time=millisecondsToSeconds(lastPoint.timestamp-timestampedPoint.timestamp);if(time===0){return{x:0,y:0};}const currentVelocity={x:(lastPoint.x-timestampedPoint.x)/time,y:(lastPoint.y-timestampedPoint.y)/time};if(currentVelocity.x===Infinity){currentVelocity.x=0;}if(currentVelocity.y===Infinity){currentVelocity.y=0;}return currentVelocity;}/**
2102
2145
  * Apply constraints to a point. These constraints are both physical along an
2103
2146
  * axis, and an elastic factor that determines how much to constrain the point
2104
2147
  * by if it does lie outside the defined parameters.
2105
- */function applyConstraints(point,_ref63,elastic){let{min,max}=_ref63;if(min!==undefined&&point<min){// If we have a min point defined, and this is outside of that, constrain
2148
+ */function applyConstraints(point,_ref60,elastic){let{min,max}=_ref60;if(min!==undefined&&point<min){// If we have a min point defined, and this is outside of that, constrain
2106
2149
  point=elastic?mixNumber$1(min,point,elastic.min):Math.max(point,min);}else if(max!==undefined&&point>max){// If we have a max point defined, and this is outside of that, constrain
2107
2150
  point=elastic?mixNumber$1(max,point,elastic.max):Math.min(point,max);}return point;}/**
2108
2151
  * Calculate constraints in terms of the viewport when defined relatively to the
@@ -2111,7 +2154,7 @@ point=elastic?mixNumber$1(max,point,elastic.max):Math.min(point,max);}return poi
2111
2154
  */function calcRelativeAxisConstraints(axis,min,max){return{min:min!==undefined?axis.min+min:undefined,max:max!==undefined?axis.max+max-(axis.max-axis.min):undefined};}/**
2112
2155
  * Calculate constraints in terms of the viewport when
2113
2156
  * defined relatively to the measured bounding box.
2114
- */function calcRelativeConstraints(layoutBox,_ref64){let{top,left,bottom,right}=_ref64;return{x:calcRelativeAxisConstraints(layoutBox.x,left,right),y:calcRelativeAxisConstraints(layoutBox.y,top,bottom)};}/**
2157
+ */function calcRelativeConstraints(layoutBox,_ref61){let{top,left,bottom,right}=_ref61;return{x:calcRelativeAxisConstraints(layoutBox.x,left,right),y:calcRelativeAxisConstraints(layoutBox.y,top,bottom)};}/**
2115
2158
  * Calculate viewport constraints when defined as another viewport-relative axis
2116
2159
  */function calcViewportAxisConstraints(layoutAxis,constraintsAxis){let min=constraintsAxis.min-layoutAxis.min;let max=constraintsAxis.max-layoutAxis.max;// If the constraints axis is actually smaller than the layout axis then we can
2117
2160
  // flip the constraints
@@ -2134,19 +2177,14 @@ if(constraintsAxis.max-constraintsAxis.min<layoutAxis.max-layoutAxis.min){[min,m
2134
2177
  * The latest pan info. Used as fallback when the `cancel` and `stop` functions are called without arguments.
2135
2178
  */this.latestPanInfo=null;this.visualElement=visualElement;}start(originEvent){let{snapToCursor=false,distanceThreshold}=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
2136
2179
  * Don't start dragging if this component is exiting
2137
- */const{presenceContext}=this.visualElement;if(presenceContext&&presenceContext.isPresent===false)return;const onSessionStart=event=>{// Stop or pause animations based on context:
2138
- // - snapToCursor: stop because we'll set new position values
2139
- // - otherwise: pause to allow resume if no drag starts (for constraint animations)
2140
- if(snapToCursor){this.stopAnimation();this.snapToCursor(extractEventInfo(event).point);}else{this.pauseAnimation();}};const onStart=(event,info)=>{// Stop any paused animation so motion values reflect true current position
2141
- // (pauseAnimation was called in onSessionStart to allow resume if no drag started)
2142
- this.stopAnimation();// Attempt to grab the global drag gesture lock - maybe make this part of PanSession
2180
+ */const{presenceContext}=this.visualElement;if(presenceContext&&presenceContext.isPresent===false)return;const onSessionStart=event=>{if(snapToCursor){this.snapToCursor(extractEventInfo(event).point);}this.stopAnimation();};const onStart=(event,info)=>{// Attempt to grab the global drag gesture lock - maybe make this part of PanSession
2143
2181
  const{drag,dragPropagation,onDragStart}=this.getProps();if(drag&&!dragPropagation){if(this.openDragLock)this.openDragLock();this.openDragLock=setDragLock(drag);// If we don 't have the lock, don't start dragging
2144
2182
  if(!this.openDragLock)return;}this.latestPointerEvent=event;this.latestPanInfo=info;this.isDragging=true;this.currentDirection=null;this.resolveConstraints();if(this.visualElement.projection){this.visualElement.projection.isAnimationBlocked=true;this.visualElement.projection.target=undefined;}/**
2145
2183
  * Record gesture origin and pointer offset
2146
2184
  */eachAxis(axis=>{let current=this.getAxisMotionValue(axis).get()||0;/**
2147
2185
  * If the MotionValue is a percentage value convert to px
2148
2186
  */if(percent.test(current)){const{projection}=this.visualElement;if(projection&&projection.layout){const measuredAxis=projection.layout.layoutBox[axis];if(measuredAxis){const length=calcLength(measuredAxis);current=length*(parseFloat(current)/100);}}}this.originPoint[axis]=current;});// Fire onDragStart event
2149
- if(onDragStart){frame.postRender(()=>onDragStart(event,info));}addValueToWillChange(this.visualElement,"transform");const{animationState}=this.visualElement;animationState&&animationState.setActive("whileDrag",true);};const onMove=(event,info)=>{this.latestPointerEvent=event;this.latestPanInfo=info;const{dragPropagation,dragDirectionLock,onDirectionLock,onDrag}=this.getProps();// If we didn't successfully receive the gesture lock, early return.
2187
+ if(onDragStart){frame.update(()=>onDragStart(event,info),false,true);}addValueToWillChange(this.visualElement,"transform");const{animationState}=this.visualElement;animationState&&animationState.setActive("whileDrag",true);};const onMove=(event,info)=>{this.latestPointerEvent=event;this.latestPanInfo=info;const{dragPropagation,dragDirectionLock,onDirectionLock,onDrag}=this.getProps();// If we didn't successfully receive the gesture lock, early return.
2150
2188
  if(!dragPropagation&&!this.openDragLock)return;const{offset}=info;// Attempt to detect drag direction if directionLock is true
2151
2189
  if(dragDirectionLock&&this.currentDirection===null){this.currentDirection=getCurrentDirection(offset);// If we've successfully set a direction, notify listener
2152
2190
  if(this.currentDirection!==null){onDirectionLock&&onDirectionLock(this.currentDirection);}return;}// Update each point with the latest position
@@ -2158,7 +2196,7 @@ this.updateAxis("x",info.point,offset);this.updateAxis("y",info.point,offset);/*
2158
2196
  */this.visualElement.render();/**
2159
2197
  * This must fire after the render call as it might trigger a state
2160
2198
  * change which itself might trigger a layout update.
2161
- */onDrag&&onDrag(event,info);};const onSessionEnd=(event,info)=>{this.latestPointerEvent=event;this.latestPanInfo=info;this.stop(event,info);this.latestPointerEvent=null;this.latestPanInfo=null;};const resumeAnimation=()=>eachAxis(axis=>{var _this$getAxisMotionVa;return this.getAnimationState(axis)==="paused"&&((_this$getAxisMotionVa=this.getAxisMotionValue(axis).animation)===null||_this$getAxisMotionVa===void 0?void 0:_this$getAxisMotionVa.play());});const{dragSnapToOrigin}=this.getProps();this.panSession=new PanSession(originEvent,{onSessionStart,onStart,onMove,onSessionEnd,resumeAnimation},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin,distanceThreshold,contextWindow:getContextWindow(this.visualElement),element:this.visualElement.current});}/**
2199
+ */if(onDrag){frame.update(()=>onDrag(event,info),false,true);}};const onSessionEnd=(event,info)=>{this.latestPointerEvent=event;this.latestPanInfo=info;this.stop(event,info);this.latestPointerEvent=null;this.latestPanInfo=null;};const resumeAnimation=()=>{const{dragSnapToOrigin:snap}=this.getProps();if(snap||this.constraints){this.startAnimation({x:0,y:0});}};const{dragSnapToOrigin}=this.getProps();this.panSession=new PanSession(originEvent,{onSessionStart,onStart,onMove,onSessionEnd,resumeAnimation},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin,distanceThreshold,contextWindow:getContextWindow(this.visualElement),element:this.visualElement.current});}/**
2162
2200
  * @internal
2163
2201
  */stop(event,panInfo){const finalEvent=event||this.latestPointerEvent;const finalPanInfo=panInfo||this.latestPanInfo;const isDragging=this.isDragging;this.cancel();if(!isDragging||!finalPanInfo||!finalEvent)return;const{velocity}=finalPanInfo;this.startAnimation(velocity);const{onDragEnd}=this.getProps();if(onDragEnd){frame.postRender(()=>onDragEnd(finalEvent,finalPanInfo));}}/**
2164
2202
  * @internal
@@ -2171,8 +2209,10 @@ this.updateAxis("x",info.point,offset);this.updateAxis("y",info.point,offset);/*
2171
2209
  if(!offset||!shouldDrag(axis,drag,this.currentDirection))return;const axisValue=this.getAxisMotionValue(axis);let next=this.originPoint[axis]+offset[axis];// Apply constraints
2172
2210
  if(this.constraints&&this.constraints[axis]){next=applyConstraints(next,this.constraints[axis],this.elastic[axis]);}axisValue.set(next);}resolveConstraints(){var _this$visualElement$p;const{dragConstraints,dragElastic}=this.getProps();const layout=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(false):(_this$visualElement$p=this.visualElement.projection)===null||_this$visualElement$p===void 0?void 0:_this$visualElement$p.layout;const prevConstraints=this.constraints;if(dragConstraints&&isRefObject(dragConstraints)){if(!this.constraints){this.constraints=this.resolveRefConstraints();}}else{if(dragConstraints&&layout){this.constraints=calcRelativeConstraints(layout.layoutBox,dragConstraints);}else{this.constraints=false;}}this.elastic=resolveDragElastic(dragElastic);/**
2173
2211
  * If we're outputting to external MotionValues, we want to rebase the measured constraints
2174
- * from viewport-relative to component-relative.
2175
- */if(prevConstraints!==this.constraints&&layout&&this.constraints&&!this.hasMutatedConstraints){eachAxis(axis=>{if(this.constraints!==false&&this.getAxisMotionValue(axis)){this.constraints[axis]=rebaseAxisConstraints(layout.layoutBox[axis],this.constraints[axis]);}});}}resolveRefConstraints(){const{dragConstraints:constraints,onMeasureDragConstraints}=this.getProps();if(!constraints||!isRefObject(constraints))return false;const constraintsElement=constraints.current;invariant(constraintsElement!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.","drag-constraints-ref");const{projection}=this.visualElement;// TODO
2212
+ * from viewport-relative to component-relative. This only applies to relative (non-ref)
2213
+ * constraints, as ref-based constraints from calcViewportConstraints are already in the
2214
+ * correct coordinate space for the motion value transform offset.
2215
+ */if(prevConstraints!==this.constraints&&!isRefObject(dragConstraints)&&layout&&this.constraints&&!this.hasMutatedConstraints){eachAxis(axis=>{if(this.constraints!==false&&this.getAxisMotionValue(axis)){this.constraints[axis]=rebaseAxisConstraints(layout.layoutBox[axis],this.constraints[axis]);}});}}resolveRefConstraints(){const{dragConstraints:constraints,onMeasureDragConstraints}=this.getProps();if(!constraints||!isRefObject(constraints))return false;const constraintsElement=constraints.current;invariant(constraintsElement!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.","drag-constraints-ref");const{projection}=this.visualElement;// TODO
2176
2216
  if(!projection||!projection.layout)return false;const constraintsBox=measurePageBox(constraintsElement,projection.root,this.visualElement.getTransformPagePoint());let measuredConstraints=calcViewportConstraints(projection.layout.layoutBox,constraintsBox);/**
2177
2217
  * If there's an onMeasureDragConstraints listener we call it and
2178
2218
  * if different constraints are returned, set constraints to that
@@ -2185,7 +2225,7 @@ if(!projection||!projection.layout)return false;const constraintsBox=measurePage
2185
2225
  // component's animation controls which will handle interactions with whileHover (etc),
2186
2226
  // otherwise we just have to animate the `MotionValue` itself.
2187
2227
  return this.startAxisValueAnimation(axis,inertia);});// Run all animations and then resolve the new drag constraints.
2188
- return Promise.all(momentumAnimations).then(onDragTransitionEnd);}startAxisValueAnimation(axis,transition){const axisValue=this.getAxisMotionValue(axis);addValueToWillChange(this.visualElement,axis);return axisValue.start(animateMotionValue(axis,axisValue,0,transition,this.visualElement,false));}stopAnimation(){eachAxis(axis=>this.getAxisMotionValue(axis).stop());}pauseAnimation(){eachAxis(axis=>{var _this$getAxisMotionVa2;return(_this$getAxisMotionVa2=this.getAxisMotionValue(axis).animation)===null||_this$getAxisMotionVa2===void 0?void 0:_this$getAxisMotionVa2.pause();});}getAnimationState(axis){var _this$getAxisMotionVa3;return(_this$getAxisMotionVa3=this.getAxisMotionValue(axis).animation)===null||_this$getAxisMotionVa3===void 0?void 0:_this$getAxisMotionVa3.state;}/**
2228
+ return Promise.all(momentumAnimations).then(onDragTransitionEnd);}startAxisValueAnimation(axis,transition){const axisValue=this.getAxisMotionValue(axis);addValueToWillChange(this.visualElement,axis);return axisValue.start(animateMotionValue(axis,axisValue,0,transition,this.visualElement,false));}stopAnimation(){eachAxis(axis=>this.getAxisMotionValue(axis).stop());}/**
2189
2229
  * Drag works differently depending on which props are provided.
2190
2230
  *
2191
2231
  * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
@@ -2208,24 +2248,39 @@ if(!shouldDrag(axis,drag,this.currentDirection))return;const{projection}=this.vi
2208
2248
  * constraints box and save as a progress value.
2209
2249
  */const boxProgress={x:0,y:0};eachAxis(axis=>{const axisValue=this.getAxisMotionValue(axis);if(axisValue&&this.constraints!==false){const latest=axisValue.get();boxProgress[axis]=calcOrigin({min:latest,max:latest},this.constraints[axis]);}});/**
2210
2250
  * Update the layout of this element and resolve the latest drag constraints
2211
- */const{transformTemplate}=this.visualElement.getProps();this.visualElement.current.style.transform=transformTemplate?transformTemplate({},""):"none";projection.root&&projection.root.updateScroll();projection.updateLayout();this.resolveConstraints();/**
2251
+ */const{transformTemplate}=this.visualElement.getProps();this.visualElement.current.style.transform=transformTemplate?transformTemplate({},""):"none";projection.root&&projection.root.updateScroll();projection.updateLayout();/**
2252
+ * Reset constraints so resolveConstraints() will recalculate them
2253
+ * with the freshly measured layout rather than returning the cached value.
2254
+ */this.constraints=false;this.resolveConstraints();/**
2212
2255
  * For each axis, calculate the current progress of the layout axis
2213
2256
  * within the new constraints.
2214
2257
  */eachAxis(axis=>{if(!shouldDrag(axis,drag,null))return;/**
2215
2258
  * Calculate a new transform based on the previous box progress
2216
- */const axisValue=this.getAxisMotionValue(axis);const{min,max}=this.constraints[axis];axisValue.set(mixNumber$1(min,max,boxProgress[axis]));});}addListeners(){if(!this.visualElement.current)return;elementDragControls.set(this.visualElement,this);const element=this.visualElement.current;/**
2259
+ */const axisValue=this.getAxisMotionValue(axis);const{min,max}=this.constraints[axis];axisValue.set(mixNumber$1(min,max,boxProgress[axis]));});/**
2260
+ * Flush the updated transform to the DOM synchronously to prevent
2261
+ * a visual flash at the element's CSS layout position (0,0) when
2262
+ * the transform was stripped for measurement.
2263
+ */this.visualElement.render();}addListeners(){if(!this.visualElement.current)return;elementDragControls.set(this.visualElement,this);const element=this.visualElement.current;/**
2217
2264
  * Attach a pointerdown event listener on this DOM element to initiate drag tracking.
2218
2265
  */const stopPointerListener=addPointerEvent(element,"pointerdown",event=>{const{drag,dragListener=true}=this.getProps();const target=event.target;/**
2219
- * Only block drag if clicking on a keyboard-accessible child element.
2220
- * If the draggable element itself is keyboard-accessible (e.g., motion.button),
2221
- * dragging should still work when clicking directly on it.
2222
- */const isClickingKeyboardAccessibleChild=target!==element&&isElementKeyboardAccessible(target);if(drag&&dragListener&&!isClickingKeyboardAccessibleChild){this.start(event);}});const measureDragConstraints=()=>{const{dragConstraints}=this.getProps();if(isRefObject(dragConstraints)&&dragConstraints.current){this.constraints=this.resolveRefConstraints();}};const{projection}=this.visualElement;const stopMeasureLayoutListener=projection.addEventListener("measure",measureDragConstraints);if(projection&&!projection.layout){projection.root&&projection.root.updateScroll();projection.updateLayout();}frame.read(measureDragConstraints);/**
2266
+ * Only block drag if clicking on a text input child element
2267
+ * (input, textarea, select, contenteditable) where users might
2268
+ * want to select text or interact with the control.
2269
+ *
2270
+ * Buttons and links don't block drag since they don't have
2271
+ * click-and-move actions of their own.
2272
+ */const isClickingTextInputChild=target!==element&&isElementTextInput(target);if(drag&&dragListener&&!isClickingTextInputChild){this.start(event);}});/**
2273
+ * If using ref-based constraints, observe both the draggable element
2274
+ * and the constraint container for size changes via ResizeObserver.
2275
+ * Setup is deferred because dragConstraints.current is null when
2276
+ * addListeners first runs (React hasn't committed the ref yet).
2277
+ */let stopResizeObservers;const measureDragConstraints=()=>{const{dragConstraints}=this.getProps();if(isRefObject(dragConstraints)&&dragConstraints.current){this.constraints=this.resolveRefConstraints();if(!stopResizeObservers){stopResizeObservers=startResizeObservers(element,dragConstraints.current,()=>this.scalePositionWithinConstraints());}}};const{projection}=this.visualElement;const stopMeasureLayoutListener=projection.addEventListener("measure",measureDragConstraints);if(projection&&!projection.layout){projection.root&&projection.root.updateScroll();projection.updateLayout();}frame.read(measureDragConstraints);/**
2223
2278
  * Attach a window resize listener to scale the draggable target within its defined
2224
2279
  * constraints as the window resizes.
2225
2280
  */const stopResizeListener=addDomEvent(window,"resize",()=>this.scalePositionWithinConstraints());/**
2226
2281
  * If the element's layout changes, calculate the delta and apply that to
2227
2282
  * the drag gesture's origin point.
2228
- */const stopLayoutUpdateListener=projection.addEventListener("didUpdate",_ref65=>{let{delta,hasLayoutChanged}=_ref65;if(this.isDragging&&hasLayoutChanged){eachAxis(axis=>{const motionValue=this.getAxisMotionValue(axis);if(!motionValue)return;this.originPoint[axis]+=delta[axis].translate;motionValue.set(motionValue.get()+delta[axis].translate);});this.visualElement.render();}});return()=>{stopResizeListener();stopPointerListener();stopMeasureLayoutListener();stopLayoutUpdateListener&&stopLayoutUpdateListener();};}getProps(){const props=this.visualElement.getProps();const{drag=false,dragDirectionLock=false,dragPropagation=false,dragConstraints=false,dragElastic=defaultElastic,dragMomentum=true}=props;return _objectSpread(_objectSpread({},props),{},{drag,dragDirectionLock,dragPropagation,dragConstraints,dragElastic,dragMomentum});}}function shouldDrag(direction,drag,currentDirection){return(drag===true||drag===direction)&&(currentDirection===null||currentDirection===direction);}/**
2283
+ */const stopLayoutUpdateListener=projection.addEventListener("didUpdate",_ref62=>{let{delta,hasLayoutChanged}=_ref62;if(this.isDragging&&hasLayoutChanged){eachAxis(axis=>{const motionValue=this.getAxisMotionValue(axis);if(!motionValue)return;this.originPoint[axis]+=delta[axis].translate;motionValue.set(motionValue.get()+delta[axis].translate);});this.visualElement.render();}});return()=>{stopResizeListener();stopPointerListener();stopMeasureLayoutListener();stopLayoutUpdateListener&&stopLayoutUpdateListener();stopResizeObservers&&stopResizeObservers();};}getProps(){const props=this.visualElement.getProps();const{drag=false,dragDirectionLock=false,dragPropagation=false,dragConstraints=false,dragElastic=defaultElastic,dragMomentum=true}=props;return _objectSpread(_objectSpread({},props),{},{drag,dragDirectionLock,dragPropagation,dragConstraints,dragElastic,dragMomentum});}}function skipFirstCall(callback){let isFirst=true;return()=>{if(isFirst){isFirst=false;return;}callback();};}function startResizeObservers(element,constraintsElement,onResize){const stopElement=resize(element,skipFirstCall(onResize));const stopContainer=resize(constraintsElement,skipFirstCall(onResize));return()=>{stopElement();stopContainer();};}function shouldDrag(direction,drag,currentDirection){return(drag===true||drag===direction)&&(currentDirection===null||currentDirection===direction);}/**
2229
2284
  * Based on an x/y offset determine the current drag direction. If both axis' offsets are lower
2230
2285
  * than the provided threshold, return `null`.
2231
2286
  *
@@ -2242,7 +2297,7 @@ const{dragControls}=this.node.getProps();if(dragControls){this.removeGroupContro
2242
2297
  * The pan session will be properly cleaned up when:
2243
2298
  * 1. The drag ends naturally (pointerup/pointercancel)
2244
2299
  * 2. The component is truly removed from the DOM
2245
- */if(!this.controls.isDragging){this.controls.endPanSession();}}}const asyncHandler=handler=>(event,info)=>{if(handler){frame.postRender(()=>handler(event,info));}};class PanGesture extends Feature{constructor(){super(...arguments);this.removePointerDownListener=noop;}onPointerDown(pointerDownEvent){this.session=new PanSession(pointerDownEvent,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:getContextWindow(this.node)});}createPanHandlers(){const{onPanSessionStart,onPanStart,onPan,onPanEnd}=this.node.getProps();return{onSessionStart:asyncHandler(onPanSessionStart),onStart:asyncHandler(onPanStart),onMove:onPan,onEnd:(event,info)=>{delete this.session;if(onPanEnd){frame.postRender(()=>onPanEnd(event,info));}}};}mount(){this.removePointerDownListener=addPointerEvent(this.node.current,"pointerdown",event=>this.onPointerDown(event));}update(){this.session&&this.session.updateHandlers(this.createPanHandlers());}unmount(){this.removePointerDownListener();this.session&&this.session.end();}}/**
2300
+ */if(!this.controls.isDragging){this.controls.endPanSession();}}}const asyncHandler=handler=>(event,info)=>{if(handler){frame.update(()=>handler(event,info),false,true);}};class PanGesture extends Feature{constructor(){super(...arguments);this.removePointerDownListener=noop;}onPointerDown(pointerDownEvent){this.session=new PanSession(pointerDownEvent,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:getContextWindow(this.node)});}createPanHandlers(){const{onPanSessionStart,onPanStart,onPan,onPanEnd}=this.node.getProps();return{onSessionStart:asyncHandler(onPanSessionStart),onStart:asyncHandler(onPanStart),onMove:asyncHandler(onPan),onEnd:(event,info)=>{delete this.session;if(onPanEnd){frame.postRender(()=>onPanEnd(event,info));}}};}mount(){this.removePointerDownListener=addPointerEvent(this.node.current,"pointerdown",event=>this.onPointerDown(event));}update(){this.session&&this.session.updateHandlers(this.createPanHandlers());}unmount(){this.removePointerDownListener();this.session&&this.session.end();}}/**
2246
2301
  * Track whether we've taken any snapshots yet. If not,
2247
2302
  * we can safely skip notification of didUpdate.
2248
2303
  *
@@ -2268,7 +2323,7 @@ const{dragControls}=this.node.getProps();if(dragControls){this.removeGroupContro
2268
2323
  * apply whileHover. But, if matches throws that focus-visible
2269
2324
  * is not a valid selector then in that browser outline styles will be applied
2270
2325
  * to the element by default and we want to match that behaviour with whileFocus.
2271
- */try{isFocusVisible=this.node.current.matches(":focus-visible");}catch(e){isFocusVisible=true;}if(!isFocusVisible||!this.node.animationState)return;this.node.animationState.setActive("whileFocus",true);this.isActive=true;}onBlur(){if(!this.isActive||!this.node.animationState)return;this.node.animationState.setActive("whileFocus",false);this.isActive=false;}mount(){this.unmount=pipe(addDomEvent(this.node.current,"focus",()=>this.onFocus()),addDomEvent(this.node.current,"blur",()=>this.onBlur()));}unmount(){}}function handlePressEvent(node,event,lifecycle){const{props}=node;if(node.current instanceof HTMLButtonElement&&node.current.disabled){return;}if(node.animationState&&props.whileTap){node.animationState.setActive("whileTap",lifecycle==="Start");}const eventName="onTap"+(lifecycle==="End"?"":lifecycle);const callback=props[eventName];if(callback){frame.postRender(()=>callback(event,extractEventInfo(event)));}}class PressGesture extends Feature{mount(){const{current}=this.node;if(!current)return;this.unmount=press(current,(_element,startEvent)=>{handlePressEvent(this.node,startEvent,"Start");return(endEvent,_ref66)=>{let{success}=_ref66;return handlePressEvent(this.node,endEvent,success?"End":"Cancel");};},{useGlobalTarget:this.node.props.globalTapTarget});}unmount(){}}/**
2326
+ */try{isFocusVisible=this.node.current.matches(":focus-visible");}catch(e){isFocusVisible=true;}if(!isFocusVisible||!this.node.animationState)return;this.node.animationState.setActive("whileFocus",true);this.isActive=true;}onBlur(){if(!this.isActive||!this.node.animationState)return;this.node.animationState.setActive("whileFocus",false);this.isActive=false;}mount(){this.unmount=pipe(addDomEvent(this.node.current,"focus",()=>this.onFocus()),addDomEvent(this.node.current,"blur",()=>this.onBlur()));}unmount(){}}function handlePressEvent(node,event,lifecycle){const{props}=node;if(node.current instanceof HTMLButtonElement&&node.current.disabled){return;}if(node.animationState&&props.whileTap){node.animationState.setActive("whileTap",lifecycle==="Start");}const eventName="onTap"+(lifecycle==="End"?"":lifecycle);const callback=props[eventName];if(callback){frame.postRender(()=>callback(event,extractEventInfo(event)));}}class PressGesture extends Feature{mount(){const{current}=this.node;if(!current)return;const{globalTapTarget,propagate}=this.node.props;this.unmount=press(current,(_element,startEvent)=>{handlePressEvent(this.node,startEvent,"Start");return(endEvent,_ref63)=>{let{success}=_ref63;return handlePressEvent(this.node,endEvent,success?"End":"Cancel");};},{useGlobalTarget:globalTapTarget,stopPropagation:(propagate===null||propagate===void 0?void 0:propagate.tap)===false});}unmount(){}}/**
2272
2327
  * Map an IntersectionHandler callback to an element. We only ever make one handler for one
2273
2328
  * element, so even though these handlers might all be triggered by different
2274
2329
  * observers, we can keep them in the same map.
@@ -2276,7 +2331,7 @@ const{dragControls}=this.node.getProps();if(dragControls){this.removeGroupContro
2276
2331
  * Multiple observers can be created for multiple element/document roots. Each with
2277
2332
  * different settings. So here we store dictionaries of observers to each root,
2278
2333
  * using serialised settings (threshold/margin) as lookup keys.
2279
- */const observers=new WeakMap();const fireObserverCallback=entry=>{const callback=observerCallbacks.get(entry.target);callback&&callback(entry);};const fireAllObserverCallbacks=entries=>{entries.forEach(fireObserverCallback);};function initIntersectionObserver(_ref67){let{root}=_ref67,options=_objectWithoutProperties(_ref67,_excluded13);const lookupRoot=root||document;/**
2334
+ */const observers=new WeakMap();const fireObserverCallback=entry=>{const callback=observerCallbacks.get(entry.target);callback&&callback(entry);};const fireAllObserverCallbacks=entries=>{entries.forEach(fireObserverCallback);};function initIntersectionObserver(_ref64){let{root}=_ref64,options=_objectWithoutProperties(_ref64,_excluded15);const lookupRoot=root||document;/**
2280
2335
  * If we don't have an observer lookup map for this root, create one.
2281
2336
  */if(!observers.has(lookupRoot)){observers.set(lookupRoot,{});}const rootObservers=observers.get(lookupRoot);const key=JSON.stringify(options);/**
2282
2337
  * If we don't have an observer for this combination of root and settings,
@@ -2289,14 +2344,14 @@ const{dragControls}=this.node.getProps();if(dragControls){this.removeGroupContro
2289
2344
  */if(once&&!isIntersecting&&this.hasEnteredView){return;}else if(isIntersecting){this.hasEnteredView=true;}if(this.node.animationState){this.node.animationState.setActive("whileInView",isIntersecting);}/**
2290
2345
  * Use the latest committed props rather than the ones in scope
2291
2346
  * when this observer is created
2292
- */const{onViewportEnter,onViewportLeave}=this.node.getProps();const callback=isIntersecting?onViewportEnter:onViewportLeave;callback&&callback(entry);};return observeIntersection(this.node.current,options,onIntersectionUpdate);}mount(){this.startObserver();}update(){if(typeof IntersectionObserver==="undefined")return;const{props,prevProps}=this.node;const hasOptionsChanged=["amount","margin","root"].some(hasViewportOptionChanged(props,prevProps));if(hasOptionsChanged){this.startObserver();}}unmount(){}}function hasViewportOptionChanged(_ref68){let{viewport={}}=_ref68;let{viewport:prevViewport={}}=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return name=>viewport[name]!==prevViewport[name];}const gestureAnimations={inView:{Feature:InViewFeature},tap:{Feature:PressGesture},focus:{Feature:FocusGesture},hover:{Feature:HoverGesture}};const layout={layout:{ProjectionNode:HTMLProjectionNode,MeasureLayout}};const featureBundle=_objectSpread(_objectSpread(_objectSpread(_objectSpread({},animations),gestureAnimations),drag),layout);const motion=/*@__PURE__*/createMotionProxy(featureBundle,createDomVisualElement);var resizeObservers=[];var hasActiveObservations=function(){return resizeObservers.some(function(ro){return ro.activeTargets.length>0;});};var hasSkippedObservations=function(){return resizeObservers.some(function(ro){return ro.skippedTargets.length>0;});};var msg='ResizeObserver loop completed with undelivered notifications.';var deliverResizeLoopError=function(){var event;if(typeof ErrorEvent==='function'){event=new ErrorEvent('error',{message:msg});}else{event=document.createEvent('Event');event.initEvent('error',false,false);event.message=msg;}window.dispatchEvent(event);};var ResizeObserverBoxOptions;(function(ResizeObserverBoxOptions){ResizeObserverBoxOptions["BORDER_BOX"]="border-box";ResizeObserverBoxOptions["CONTENT_BOX"]="content-box";ResizeObserverBoxOptions["DEVICE_PIXEL_CONTENT_BOX"]="device-pixel-content-box";})(ResizeObserverBoxOptions||(ResizeObserverBoxOptions={}));var freeze=function(obj){return Object.freeze(obj);};var ResizeObserverSize=function(){function ResizeObserverSize(inlineSize,blockSize){this.inlineSize=inlineSize;this.blockSize=blockSize;freeze(this);}return ResizeObserverSize;}();var DOMRectReadOnly=function(){function DOMRectReadOnly(x,y,width,height){this.x=x;this.y=y;this.width=width;this.height=height;this.top=this.y;this.left=this.x;this.bottom=this.top+this.height;this.right=this.left+this.width;return freeze(this);}DOMRectReadOnly.prototype.toJSON=function(){var _a=this,x=_a.x,y=_a.y,top=_a.top,right=_a.right,bottom=_a.bottom,left=_a.left,width=_a.width,height=_a.height;return{x:x,y:y,top:top,right:right,bottom:bottom,left:left,width:width,height:height};};DOMRectReadOnly.fromRect=function(rectangle){return new DOMRectReadOnly(rectangle.x,rectangle.y,rectangle.width,rectangle.height);};return DOMRectReadOnly;}();var isSVG=function(target){return target instanceof SVGElement&&'getBBox'in target;};var isHidden=function(target){if(isSVG(target)){var _a=target.getBBox(),width=_a.width,height=_a.height;return!width&&!height;}var _b=target,offsetWidth=_b.offsetWidth,offsetHeight=_b.offsetHeight;return!(offsetWidth||offsetHeight||target.getClientRects().length);};var isElement=function(obj){var _a;if(obj instanceof Element){return true;}var scope=(_a=obj===null||obj===void 0?void 0:obj.ownerDocument)===null||_a===void 0?void 0:_a.defaultView;return!!(scope&&obj instanceof scope.Element);};var isReplacedElement=function(target){switch(target.tagName){case'INPUT':if(target.type!=='image'){break;}case'VIDEO':case'AUDIO':case'EMBED':case'OBJECT':case'CANVAS':case'IFRAME':case'IMG':return true;}return false;};var global$1=typeof window!=='undefined'?window:{};var cache=new WeakMap();var scrollRegexp=/auto|scroll/;var verticalRegexp=/^tb|vertical/;var IE=/msie|trident/i.test(global$1.navigator&&global$1.navigator.userAgent);var parseDimension=function(pixel){return parseFloat(pixel||'0');};var size$1=function(inlineSize,blockSize,switchSizes){if(inlineSize===void 0){inlineSize=0;}if(blockSize===void 0){blockSize=0;}if(switchSizes===void 0){switchSizes=false;}return new ResizeObserverSize((switchSizes?blockSize:inlineSize)||0,(switchSizes?inlineSize:blockSize)||0);};var zeroBoxes=freeze({devicePixelContentBoxSize:size$1(),borderBoxSize:size$1(),contentBoxSize:size$1(),contentRect:new DOMRectReadOnly(0,0,0,0)});var calculateBoxSizes=function(target,forceRecalculation){if(forceRecalculation===void 0){forceRecalculation=false;}if(cache.has(target)&&!forceRecalculation){return cache.get(target);}if(isHidden(target)){cache.set(target,zeroBoxes);return zeroBoxes;}var cs=getComputedStyle(target);var svg=isSVG(target)&&target.ownerSVGElement&&target.getBBox();var removePadding=!IE&&cs.boxSizing==='border-box';var switchSizes=verticalRegexp.test(cs.writingMode||'');var canScrollVertically=!svg&&scrollRegexp.test(cs.overflowY||'');var canScrollHorizontally=!svg&&scrollRegexp.test(cs.overflowX||'');var paddingTop=svg?0:parseDimension(cs.paddingTop);var paddingRight=svg?0:parseDimension(cs.paddingRight);var paddingBottom=svg?0:parseDimension(cs.paddingBottom);var paddingLeft=svg?0:parseDimension(cs.paddingLeft);var borderTop=svg?0:parseDimension(cs.borderTopWidth);var borderRight=svg?0:parseDimension(cs.borderRightWidth);var borderBottom=svg?0:parseDimension(cs.borderBottomWidth);var borderLeft=svg?0:parseDimension(cs.borderLeftWidth);var horizontalPadding=paddingLeft+paddingRight;var verticalPadding=paddingTop+paddingBottom;var horizontalBorderArea=borderLeft+borderRight;var verticalBorderArea=borderTop+borderBottom;var horizontalScrollbarThickness=!canScrollHorizontally?0:target.offsetHeight-verticalBorderArea-target.clientHeight;var verticalScrollbarThickness=!canScrollVertically?0:target.offsetWidth-horizontalBorderArea-target.clientWidth;var widthReduction=removePadding?horizontalPadding+horizontalBorderArea:0;var heightReduction=removePadding?verticalPadding+verticalBorderArea:0;var contentWidth=svg?svg.width:parseDimension(cs.width)-widthReduction-verticalScrollbarThickness;var contentHeight=svg?svg.height:parseDimension(cs.height)-heightReduction-horizontalScrollbarThickness;var borderBoxWidth=contentWidth+horizontalPadding+verticalScrollbarThickness+horizontalBorderArea;var borderBoxHeight=contentHeight+verticalPadding+horizontalScrollbarThickness+verticalBorderArea;var boxes=freeze({devicePixelContentBoxSize:size$1(Math.round(contentWidth*devicePixelRatio),Math.round(contentHeight*devicePixelRatio),switchSizes),borderBoxSize:size$1(borderBoxWidth,borderBoxHeight,switchSizes),contentBoxSize:size$1(contentWidth,contentHeight,switchSizes),contentRect:new DOMRectReadOnly(paddingLeft,paddingTop,contentWidth,contentHeight)});cache.set(target,boxes);return boxes;};var calculateBoxSize=function(target,observedBox,forceRecalculation){var _a=calculateBoxSizes(target,forceRecalculation),borderBoxSize=_a.borderBoxSize,contentBoxSize=_a.contentBoxSize,devicePixelContentBoxSize=_a.devicePixelContentBoxSize;switch(observedBox){case ResizeObserverBoxOptions.DEVICE_PIXEL_CONTENT_BOX:return devicePixelContentBoxSize;case ResizeObserverBoxOptions.BORDER_BOX:return borderBoxSize;default:return contentBoxSize;}};var ResizeObserverEntry=function(){function ResizeObserverEntry(target){var boxes=calculateBoxSizes(target);this.target=target;this.contentRect=boxes.contentRect;this.borderBoxSize=freeze([boxes.borderBoxSize]);this.contentBoxSize=freeze([boxes.contentBoxSize]);this.devicePixelContentBoxSize=freeze([boxes.devicePixelContentBoxSize]);}return ResizeObserverEntry;}();var calculateDepthForNode=function(node){if(isHidden(node)){return Infinity;}var depth=0;var parent=node.parentNode;while(parent){depth+=1;parent=parent.parentNode;}return depth;};var broadcastActiveObservations=function(){var shallowestDepth=Infinity;var callbacks=[];resizeObservers.forEach(function processObserver(ro){if(ro.activeTargets.length===0){return;}var entries=[];ro.activeTargets.forEach(function processTarget(ot){var entry=new ResizeObserverEntry(ot.target);var targetDepth=calculateDepthForNode(ot.target);entries.push(entry);ot.lastReportedSize=calculateBoxSize(ot.target,ot.observedBox);if(targetDepth<shallowestDepth){shallowestDepth=targetDepth;}});callbacks.push(function resizeObserverCallback(){ro.callback.call(ro.observer,entries,ro.observer);});ro.activeTargets.splice(0,ro.activeTargets.length);});for(var _i=0,callbacks_1=callbacks;_i<callbacks_1.length;_i++){var callback=callbacks_1[_i];callback();}return shallowestDepth;};var gatherActiveObservationsAtDepth=function(depth){resizeObservers.forEach(function processObserver(ro){ro.activeTargets.splice(0,ro.activeTargets.length);ro.skippedTargets.splice(0,ro.skippedTargets.length);ro.observationTargets.forEach(function processTarget(ot){if(ot.isActive()){if(calculateDepthForNode(ot.target)>depth){ro.activeTargets.push(ot);}else{ro.skippedTargets.push(ot);}}});});};var process$1=function(){var depth=0;gatherActiveObservationsAtDepth(depth);while(hasActiveObservations()){depth=broadcastActiveObservations();gatherActiveObservationsAtDepth(depth);}if(hasSkippedObservations()){deliverResizeLoopError();}return depth>0;};var trigger;var callbacks=[];var notify=function(){return callbacks.splice(0).forEach(function(cb){return cb();});};var queueMicroTask=function(callback){if(!trigger){var toggle_1=0;var el_1=document.createTextNode('');var config={characterData:true};new MutationObserver(function(){return notify();}).observe(el_1,config);trigger=function(){el_1.textContent="".concat(toggle_1?toggle_1--:toggle_1++);};}callbacks.push(callback);trigger();};var queueResizeObserver=function(cb){queueMicroTask(function ResizeObserver(){requestAnimationFrame(cb);});};var watching=0;var isWatching=function(){return!!watching;};var CATCH_PERIOD=250;var observerConfig={attributes:true,characterData:true,childList:true,subtree:true};var events=['resize','load','transitionend','animationend','animationstart','animationiteration','keyup','keydown','mouseup','mousedown','mouseover','mouseout','blur','focus'];var time=function(timeout){if(timeout===void 0){timeout=0;}return Date.now()+timeout;};var scheduled=false;var Scheduler=function(){function Scheduler(){var _this=this;this.stopped=true;this.listener=function(){return _this.schedule();};}Scheduler.prototype.run=function(timeout){var _this=this;if(timeout===void 0){timeout=CATCH_PERIOD;}if(scheduled){return;}scheduled=true;var until=time(timeout);queueResizeObserver(function(){var elementsHaveResized=false;try{elementsHaveResized=process$1();}finally{scheduled=false;timeout=until-time();if(!isWatching()){return;}if(elementsHaveResized){_this.run(1000);}else if(timeout>0){_this.run(timeout);}else{_this.start();}}});};Scheduler.prototype.schedule=function(){this.stop();this.run();};Scheduler.prototype.observe=function(){var _this=this;var cb=function(){return _this.observer&&_this.observer.observe(document.body,observerConfig);};document.body?cb():global$1.addEventListener('DOMContentLoaded',cb);};Scheduler.prototype.start=function(){var _this=this;if(this.stopped){this.stopped=false;this.observer=new MutationObserver(this.listener);this.observe();events.forEach(function(name){return global$1.addEventListener(name,_this.listener,true);});}};Scheduler.prototype.stop=function(){var _this=this;if(!this.stopped){this.observer&&this.observer.disconnect();events.forEach(function(name){return global$1.removeEventListener(name,_this.listener,true);});this.stopped=true;}};return Scheduler;}();var scheduler=new Scheduler();var updateCount=function(n){!watching&&n>0&&scheduler.start();watching+=n;!watching&&scheduler.stop();};var skipNotifyOnElement=function(target){return!isSVG(target)&&!isReplacedElement(target)&&getComputedStyle(target).display==='inline';};var ResizeObservation=function(){function ResizeObservation(target,observedBox){this.target=target;this.observedBox=observedBox||ResizeObserverBoxOptions.CONTENT_BOX;this.lastReportedSize={inlineSize:0,blockSize:0};}ResizeObservation.prototype.isActive=function(){var size=calculateBoxSize(this.target,this.observedBox,true);if(skipNotifyOnElement(this.target)){this.lastReportedSize=size;}if(this.lastReportedSize.inlineSize!==size.inlineSize||this.lastReportedSize.blockSize!==size.blockSize){return true;}return false;};return ResizeObservation;}();var ResizeObserverDetail=function(){function ResizeObserverDetail(resizeObserver,callback){this.activeTargets=[];this.skippedTargets=[];this.observationTargets=[];this.observer=resizeObserver;this.callback=callback;}return ResizeObserverDetail;}();var observerMap=new WeakMap();var getObservationIndex=function(observationTargets,target){for(var i=0;i<observationTargets.length;i+=1){if(observationTargets[i].target===target){return i;}}return-1;};var ResizeObserverController=function(){function ResizeObserverController(){}ResizeObserverController.connect=function(resizeObserver,callback){var detail=new ResizeObserverDetail(resizeObserver,callback);observerMap.set(resizeObserver,detail);};ResizeObserverController.observe=function(resizeObserver,target,options){var detail=observerMap.get(resizeObserver);var firstObservation=detail.observationTargets.length===0;if(getObservationIndex(detail.observationTargets,target)<0){firstObservation&&resizeObservers.push(detail);detail.observationTargets.push(new ResizeObservation(target,options&&options.box));updateCount(1);scheduler.schedule();}};ResizeObserverController.unobserve=function(resizeObserver,target){var detail=observerMap.get(resizeObserver);var index=getObservationIndex(detail.observationTargets,target);var lastObservation=detail.observationTargets.length===1;if(index>=0){lastObservation&&resizeObservers.splice(resizeObservers.indexOf(detail),1);detail.observationTargets.splice(index,1);updateCount(-1);}};ResizeObserverController.disconnect=function(resizeObserver){var _this=this;var detail=observerMap.get(resizeObserver);detail.observationTargets.slice().forEach(function(ot){return _this.unobserve(resizeObserver,ot.target);});detail.activeTargets.splice(0,detail.activeTargets.length);};return ResizeObserverController;}();var ResizeObserver$1=function(){function ResizeObserver(callback){if(arguments.length===0){throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");}if(typeof callback!=='function'){throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");}ResizeObserverController.connect(this,callback);}ResizeObserver.prototype.observe=function(target,options){if(arguments.length===0){throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");}if(!isElement(target)){throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");}ResizeObserverController.observe(this,target,options);};ResizeObserver.prototype.unobserve=function(target){if(arguments.length===0){throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");}if(!isElement(target)){throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");}ResizeObserverController.unobserve(this,target);};ResizeObserver.prototype.disconnect=function(){ResizeObserverController.disconnect(this);};ResizeObserver.toString=function(){return'function ResizeObserver () { [polyfill code] }';};return ResizeObserver;}();const context=React__default.createContext(!0);function forbiddenInRender(){throw new Error("A function wrapped in useEffectEvent can't be called during rendering.");}const isInvalidExecutionContextForEventFunction="use"in React__default?()=>{try{return React__default.use(context);}catch(_unused2){return!1;}}:()=>!1;function useEffectEvent(fn){const ref=React__default.useRef(forbiddenInRender);return React__default.useInsertionEffect(()=>{ref.current=fn;},[fn]),function(){isInvalidExecutionContextForEventFunction()&&forbiddenInRender();const latestFn=ref.current;return latestFn(...arguments);};}buildTheme();const EMPTY_ARRAY=[],EMPTY_RECORD={},POPOVER_MOTION_PROPS={card:{initial:{scale:0.97,willChange:"transform"},hidden:{opacity:0},visible:{opacity:1,transition:{when:"beforeChildren",duration:0.1}},scaleIn:{scale:1},scaleOut:{scale:0.97}},children:{hidden:{opacity:0},visible:{opacity:1}},transition:{type:"spring",visualDuration:0.2,bounce:0.25}};function _isEnterToClickElement(element){return isHTMLAnchorElement(element)||isHTMLButtonElement(element);}function isHTMLElement(node){return node instanceof Node&&node.nodeType===Node.ELEMENT_NODE;}function isHTMLAnchorElement(element){return isHTMLElement(element)&&element.nodeName==="A";}function isHTMLInputElement(element){return isHTMLElement(element)&&element.nodeName==="INPUT";}function isHTMLButtonElement(element){return isHTMLElement(element)&&element.nodeName==="BUTTON";}function isHTMLSelectElement(element){return isHTMLElement(element)&&element.nodeName==="SELECT";}function isHTMLTextAreaElement(element){return isHTMLElement(element)&&element.nodeName==="TEXTAREA";}function containsOrEqualsElement(element,node){return element.contains(node)||element===node;}function _isScrollable(el){if(!(el instanceof Element))return!1;const style=window.getComputedStyle(el);return style.overflowX.includes("auto")||style.overflowX.includes("scroll")||style.overflowY.includes("auto")||style.overflowY.includes("scroll");}function _fillCSSObject(keys,value){return keys.reduce((style,key2)=>(style[key2]=value,style),{});}function rem(pixelValue){return pixelValue===0?0:"".concat(pixelValue/16,"rem");}function _responsive(media,values,callback){return((values===null||values===void 0?void 0:values.map(callback))||[]).map((statement,mediaIndex)=>mediaIndex===0?statement:{["@media screen and (min-width: ".concat(media[mediaIndex-1],"px)")]:statement});}function _getArrayProp(val,defaultVal){return val===void 0?defaultVal||EMPTY_ARRAY:Array.isArray(val)?val:[val];}function _getResponsiveSpace(theme,props){let spaceIndexes=arguments.length>2&&arguments[2]!==undefined?arguments[2]:EMPTY_ARRAY;if(!Array.isArray(spaceIndexes))throw new Error("the property must be array of numbers");if(spaceIndexes.length===0)return null;const{media,space}=getTheme_v2(theme);return _responsive(media,spaceIndexes,spaceIndex=>_fillCSSObject(props,rem(space[spaceIndex])));}function responsiveFont(fontKey,props){const{$size,$weight}=props,{font,media}=getTheme_v2(props.theme),{family,sizes,weights}=font[fontKey],fontWeight=$weight&&weights[$weight]||weights.regular,defaultSize=sizes[2],base={position:"relative",fontFamily:family,fontWeight:"".concat(fontWeight),padding:"1px 0",margin:0,"&:before":{content:'""',display:"block",height:0},"&:after":{content:'""',display:"block",height:0},"& > code, & > span":{display:"block"},"&:not([hidden])":{display:"block"}};if(!$size)return responsiveFont.warned||(console.warn("No size specified for responsive font",{fontKey,$size,props,base}),responsiveFont.warned=!0),[base];const resp=_responsive(media,$size,sizeIndex=>fontSize(sizes[sizeIndex]||defaultSize));return[base,...resp];}function fontSize(size2){const{ascenderHeight,descenderHeight,fontSize:fontSize2,iconSize,letterSpacing,lineHeight}=size2,negHeight=ascenderHeight+descenderHeight,capHeight=lineHeight-negHeight,iconOffset=(capHeight-iconSize)/2,customIconSize=Math.floor(fontSize2*1.125/2)*2+1,customIconOffset=(capHeight-customIconSize)/2;return{fontSize:rem(fontSize2),lineHeight:"calc(".concat(lineHeight," / ").concat(fontSize2,")"),letterSpacing:rem(letterSpacing),transform:"translateY(".concat(rem(descenderHeight),")"),"&:before":{marginTop:"calc(".concat(rem(0-negHeight)," - 1px)")},"&:after":{marginBottom:"-1px"},"& svg:not([data-sanity-icon])":{fontSize:"calc(".concat(customIconSize," / 16 * 1rem)"),margin:rem(customIconOffset)},"& [data-sanity-icon]":{fontSize:"calc(".concat(iconSize," / 16 * 1rem)"),margin:rem(iconOffset)}};}function responsiveCodeFontStyle(props){return responsiveFont("code",props);}function responsiveHeadingFont(props){return responsiveFont("heading",props);}function responsiveLabelFont(props){return responsiveFont("label",props);}function responsiveTextAlignStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$align,textAlign=>({textAlign}));}function responsiveTextFont(props){return responsiveFont("text",props);}function getGlobalScope(){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 globalScope=getGlobalScope();function createGlobalScopedContext(key2,defaultValue){const symbol=Symbol.for(key2);if(typeof document>"u"){const context=createContext(defaultValue);return context.displayName=key2,context;}return globalScope[symbol]=globalScope[symbol]||createContext(defaultValue),globalScope[symbol];}const ThemeContext=createGlobalScopedContext("@sanity/ui/context/theme",null);function ThemeProvider(props){var _props$scheme,_props$theme,_props$tone;const $=dist.c(15),parentTheme=useContext(ThemeContext),{children}=props,scheme=(_props$scheme=props.scheme)!==null&&_props$scheme!==void 0?_props$scheme:(parentTheme===null||parentTheme===void 0?void 0:parentTheme.scheme)||"light",rootTheme=(_props$theme=props.theme)!==null&&_props$theme!==void 0?_props$theme:(parentTheme===null||parentTheme===void 0?void 0:parentTheme.theme)||null,tone=(_props$tone=props.tone)!==null&&_props$tone!==void 0?_props$tone:(parentTheme===null||parentTheme===void 0?void 0:parentTheme.tone)||"default";let t0;bb0:{if(!rootTheme){t0=null;break bb0;}let t12;$[0]!==rootTheme||$[1]!==scheme||$[2]!==tone?(t12={version:0,theme:rootTheme,scheme,tone},$[0]=rootTheme,$[1]=scheme,$[2]=tone,$[3]=t12):t12=$[3],t0=t12;}const themeContext=t0;let t1;bb1:{if(!rootTheme){t1=null;break bb1;}let t22;$[4]!==rootTheme||$[5]!==scheme||$[6]!==tone?(t22=getScopedTheme(rootTheme,scheme,tone),$[4]=rootTheme,$[5]=scheme,$[6]=tone,$[7]=t22):t22=$[7],t1=t22;}const theme=t1;if(!theme){let t22;return $[8]===Symbol.for("react.memo_cache_sentinel")?(t22=/* @__PURE__ */jsx("pre",{children:'ThemeProvider: no "theme" property provided'}),$[8]=t22):t22=$[8],t22;}let t2;$[9]!==children||$[10]!==theme?(t2=/* @__PURE__ */jsx(ThemeProvider$1,{theme,children}),$[9]=children,$[10]=theme,$[11]=t2):t2=$[11];let t3;return $[12]!==t2||$[13]!==themeContext?(t3=/* @__PURE__ */jsx(ThemeContext.Provider,{value:themeContext,children:t2}),$[12]=t2,$[13]=themeContext,$[14]=t3):t3=$[14],t3;}ThemeProvider.displayName="ThemeProvider";function useRootTheme(){const value=useContext(ThemeContext);if(!value)throw new Error("useRootTheme(): missing context value");return value;}function ThemeColorProvider(props){const $=dist.c(5),{children,scheme,tone}=props,root=useRootTheme(),t0=scheme||root.scheme;let t1;return $[0]!==children||$[1]!==root.theme||$[2]!==t0||$[3]!==tone?(t1=/* @__PURE__ */jsx(ThemeProvider,{scheme:t0,theme:root.theme,tone,children}),$[0]=children,$[1]=root.theme,$[2]=t0,$[3]=tone,$[4]=t1):t1=$[4],t1;}ThemeColorProvider.displayName="ThemeColorProvider";function useTheme_v2(){const $=dist.c(2),t0=useTheme();let t1;return $[0]!==t0?(t1=getTheme_v2(t0),$[0]=t0,$[1]=t1):t1=$[1],t1;}function responsiveBorderStyle(){return[border,borderTop,borderRight,borderBottom,borderLeft];}function border(props){var _card$border$width,_card$border;const{card,media}=getTheme_v2(props.theme),borderStyle="".concat((_card$border$width=(_card$border=card.border)===null||_card$border===void 0?void 0:_card$border.width)!==null&&_card$border$width!==void 0?_card$border$width:1,"px solid var(--card-border-color)");return _responsive(media,props.$border,value=>value?{"&&":{border:borderStyle}}:{"&&":{border:0}});}function borderTop(props){var _card$border$width2,_card$border2;const{card,media}=getTheme_v2(props.theme),borderStyle="".concat((_card$border$width2=(_card$border2=card.border)===null||_card$border2===void 0?void 0:_card$border2.width)!==null&&_card$border$width2!==void 0?_card$border$width2:1,"px solid var(--card-border-color)");return _responsive(media,props.$borderTop,value=>value?{"&&":{borderTop:borderStyle}}:{"&&":{borderTop:0}});}function borderRight(props){var _card$border$width3,_card$border3;const{card,media}=getTheme_v2(props.theme),borderStyle="".concat((_card$border$width3=(_card$border3=card.border)===null||_card$border3===void 0?void 0:_card$border3.width)!==null&&_card$border$width3!==void 0?_card$border$width3:1,"px solid var(--card-border-color)");return _responsive(media,props.$borderRight,value=>value?{"&&":{borderRight:borderStyle}}:{"&&":{borderRight:0}});}function borderBottom(props){var _card$border$width4,_card$border4;const{card,media}=getTheme_v2(props.theme),borderStyle="".concat((_card$border$width4=(_card$border4=card.border)===null||_card$border4===void 0?void 0:_card$border4.width)!==null&&_card$border$width4!==void 0?_card$border$width4:1,"px solid var(--card-border-color)");return _responsive(media,props.$borderBottom,value=>value?{"&&":{borderBottom:borderStyle}}:{"&&":{borderBottom:0}});}function borderLeft(props){var _card$border$width5,_card$border5;const{card,media}=getTheme_v2(props.theme),borderStyle="".concat((_card$border$width5=(_card$border5=card.border)===null||_card$border5===void 0?void 0:_card$border5.width)!==null&&_card$border$width5!==void 0?_card$border$width5:1,"px solid var(--card-border-color)");return _responsive(media,props.$borderLeft,value=>value?{"&&":{borderLeft:borderStyle}}:{"&&":{borderLeft:0}});}const BASE_STYLE$4={'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},BOX_SIZING={content:"content-box",border:"border-box"},BOX_HEIGHT={stretch:"stretch",fill:"100%"};function boxStyle(){return BASE_STYLE$4;}function responsiveBoxStyle(){return[responsiveBoxSizingStyle,responsiveBoxHeightStyle,responsiveBoxOverflowStyle,responsiveBoxDisplayStyle];}function responsiveBoxDisplayStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$display,display=>({"&:not([hidden])":{display}}));}function responsiveBoxSizingStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$sizing,sizing=>({boxSizing:BOX_SIZING[sizing]}));}function responsiveBoxHeightStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$height,height=>({height:BOX_HEIGHT[height]}));}function responsiveBoxOverflowStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$overflow,overflow=>({overflow}));}const BASE_STYLE$3={minWidth:0,minHeight:0};function flexItemStyle(){return[BASE_STYLE$3,responsiveFlexItemStyle];}function responsiveFlexItemStyle(props){const{media}=getTheme_v2(props.theme);return props.$flex?_responsive(media,props.$flex,flex=>({flex:"".concat(flex)})):EMPTY_ARRAY;}const BASE_STYLE$2={"&&:not([hidden])":{display:"flex"}};function responsiveFlexStyle(){return[BASE_STYLE$2,responsiveFlexAlignStyle,responsiveFlexGapStyle,responsiveFlexWrapStyle,responsiveFlexJustifyStyle,responsiveFlexDirectionStyle];}function responsiveFlexAlignStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$align,align=>({alignItems:align}));}function responsiveFlexGapStyle(props){const{media,space}=getTheme_v2(props.theme);return _responsive(media,props.$gap,gap=>({gap:gap?rem(space[gap]):void 0}));}function responsiveFlexWrapStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$wrap,wrap=>({flexWrap:wrap}));}function responsiveFlexJustifyStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$justify,justify=>({justifyContent:justify}));}function responsiveFlexDirectionStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$direction,direction=>({flexDirection:direction}));}function focusRingBorderStyle(border2){return"inset 0 0 0 ".concat(border2.width,"px ").concat(border2.color);}function focusRingStyle(opts){const{base,border:border2,focusRing}=opts,focusRingOutsetWidth=focusRing.offset+focusRing.width,focusRingInsetWidth=0-focusRing.offset,bgColor=base?base.bg:"var(--card-bg-color)";return[focusRingInsetWidth>0&&"inset 0 0 0 ".concat(focusRingInsetWidth,"px var(--card-focus-ring-color)"),border2&&focusRingBorderStyle(border2),focusRingInsetWidth<0&&"0 0 0 ".concat(0-focusRingInsetWidth,"px ").concat(bgColor),focusRingOutsetWidth>0&&"0 0 0 ".concat(focusRingOutsetWidth,"px var(--card-focus-ring-color)")].filter(Boolean).join(",");}function responsiveGridItemStyle(){return[responsiveGridItemRowStyle,responsiveGridItemRowStartStyle,responsiveGridItemRowEndStyle,responsiveGridItemColumnStyle,responsiveGridItemColumnStartStyle,responsiveGridItemColumnEndStyle];}const GRID_ITEM_ROW={auto:"auto",full:"1 / -1"},GRID_ITEM_COLUMN={auto:"auto",full:"1 / -1"};function responsiveGridItemRowStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$row,row=>typeof row=="number"?{gridRow:"span ".concat(row," / span ").concat(row)}:{gridRow:GRID_ITEM_ROW[row]});}function responsiveGridItemRowStartStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$rowStart,rowStart=>({gridRowStart:"".concat(rowStart)}));}function responsiveGridItemRowEndStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$rowEnd,rowEnd=>({gridRowEnd:"".concat(rowEnd)}));}function responsiveGridItemColumnStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$column,column=>typeof column=="number"?{gridColumn:"span ".concat(column," / span ").concat(column)}:{gridColumn:GRID_ITEM_COLUMN[column]});}function responsiveGridItemColumnStartStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$columnStart,columnStart=>({gridColumnStart:"".concat(columnStart)}));}function responsiveGridItemColumnEndStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$columnEnd,columnEnd=>({gridColumnEnd:"".concat(columnEnd)}));}const GRID_CSS={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},GRID_AUTO_COLUMS={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},GRID_AUTO_ROWS={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"};function responsiveGridStyle(){return[GRID_CSS,responsiveGridAutoFlowStyle,responsiveGridAutoRowsStyle,responsiveGridAutoColsStyle,responsiveGridColumnsStyle,responsiveGridRowsStyle,responsiveGridGapStyle,responsiveGridGapXStyle,responsiveGridGapYStyle];}function responsiveGridAutoFlowStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$autoFlow,autoFlow=>({gridAutoFlow:autoFlow}));}function responsiveGridAutoRowsStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$autoRows,autoRows=>({gridAutoRows:autoRows&&GRID_AUTO_ROWS[autoRows]}));}function responsiveGridAutoColsStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$autoCols,autoCols=>({gridAutoColumns:autoCols&&GRID_AUTO_COLUMS[autoCols]}));}function responsiveGridColumnsStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$columns,columns=>({gridTemplateColumns:columns&&"repeat(".concat(columns,",minmax(0,1fr));")}));}function responsiveGridRowsStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$rows,rows=>({gridTemplateRows:rows&&"repeat(".concat(rows,",minmax(0,1fr));")}));}function responsiveGridGapStyle(props){const{media,space}=getTheme_v2(props.theme);return _responsive(media,props.$gap,gap=>({gridGap:gap?rem(space[gap]):void 0}));}function responsiveGridGapXStyle(props){const{media,space}=getTheme_v2(props.theme);return _responsive(media,props.$gapX,gapX=>({columnGap:gapX?rem(space[gapX]):void 0}));}function responsiveGridGapYStyle(props){const{media,space}=getTheme_v2(props.theme);return _responsive(media,props.$gapY,gapY=>({rowGap:gapY?rem(space[gapY]):void 0}));}function responsiveInputPaddingStyle(props){const{$fontSize,$iconLeft,$iconRight,$padding,$space}=props,{font,media,space}=getTheme_v2(props.theme),len=Math.max($padding.length,$space.length,$fontSize.length),_padding=[],_space=[],_fontSize=[];for(let i=0;i<len;i+=1)_fontSize[i]=$fontSize[i]===void 0?_fontSize[i-1]:$fontSize[i],_padding[i]=$padding[i]===void 0?_padding[i-1]:$padding[i],_space[i]=$space[i]===void 0?_space[i-1]:$space[i];return _responsive(media,_padding,(_,i)=>{const size2=font.text.sizes[_fontSize[i]]||font.text.sizes[2],emSize=size2.lineHeight-size2.ascenderHeight-size2.descenderHeight,p=space[_padding[i]],s=space[_space[i]],styles={paddingTop:rem(p-size2.ascenderHeight),paddingRight:rem(p),paddingBottom:rem(p-size2.descenderHeight),paddingLeft:rem(p)};return $iconRight&&(styles.paddingRight=rem(p+emSize+s)),$iconLeft&&(styles.paddingLeft=rem(p+emSize+s)),styles;});}function responsiveInputPaddingIconRightStyle(props){return responsiveInputPaddingStyle(_objectSpread(_objectSpread({},props),{},{$iconRight:!0}));}const ROOT_STYLE=css(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n &:not([hidden]) {\n display: flex;\n }\n\n align-items: center;\n"])));function textInputRootStyle(){return ROOT_STYLE;}function textInputBaseStyle(props){const{$scheme,$tone,$weight}=props,{color,font}=getTheme_v2(props.theme);return css(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n appearance: none;\n background: none;\n border: 0;\n border-radius: 0;\n outline: none;\n width: 100%;\n box-sizing: border-box;\n font-family: ",";\n font-weight: ",";\n margin: 0;\n position: relative;\n z-index: 1;\n display: block;\n\n /* NOTE: This is a hack to disable Chrome\u2019s autofill styles */\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-text-fill-color: var(--input-fg-color) !important;\n transition: background-color 5000s;\n transition-delay: 86400s /* 24h */;\n }\n\n /* &:is(textarea) */\n &[data-as='textarea'] {\n resize: none;\n }\n\n color: var(--input-fg-color);\n\n &::placeholder {\n color: var(--input-placeholder-color);\n }\n\n &[data-scheme='","'][data-tone='","'] {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n\n /* enabled */\n &:not(:invalid):not(:disabled):not(:read-only) {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n }\n\n /* disabled */\n &:not(:invalid):disabled {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n }\n\n /* invalid */\n &:invalid {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n }\n\n /* readOnly */\n &:read-only {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n }\n }\n "])),font.text.family,$weight&&font.text.weights[$weight]||font.text.weights.regular,$scheme,$tone,color.input.default.enabled.fg,color.input.default.enabled.placeholder,color.input.default.enabled.fg,color.input.default.enabled.placeholder,color.input.default.disabled.fg,color.input.default.disabled.placeholder,color.input.invalid.enabled.fg,color.input.invalid.enabled.placeholder,color.input.default.readOnly.fg,color.input.default.readOnly.placeholder);}function textInputFontSizeStyle(props){const{font,media}=getTheme_v2(props.theme);return _responsive(media,props.$fontSize,sizeIndex=>{const size2=font.text.sizes[sizeIndex]||font.text.sizes[2];return{fontSize:rem(size2.fontSize),lineHeight:"".concat(size2.lineHeight/size2.fontSize)};});}function textInputRepresentationStyle(props){const{$hasPrefix,$hasSuffix,$scheme,$tone,$unstableDisableFocusRing}=props,{color,input}=getTheme_v2(props.theme);return css(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n --input-box-shadow: none;\n\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: block;\n pointer-events: none;\n z-index: 0;\n\n background-color: var(--card-bg-color);\n box-shadow: var(--input-box-shadow);\n\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n &[data-scheme='","'][data-tone='","'] {\n --card-bg-color: ",";\n --card-fg-color: ",";\n\n /* enabled */\n *:not(:disabled) + &[data-border] {\n --input-box-shadow: ",";\n }\n\n /* invalid */\n *:not(:disabled):invalid + & {\n --card-bg-color: ",";\n --card-fg-color: ",";\n\n &[data-border] {\n --input-box-shadow: ",";\n }\n }\n\n /* focused */\n *:not(:disabled):focus + & {\n &[data-border] {\n --input-box-shadow: ",";\n }\n\n &:not([data-border]) {\n --input-box-shadow: ",";\n }\n }\n\n /* disabled */\n *:not(:invalid):disabled + & {\n --card-bg-color: "," !important;\n --card-fg-color: "," !important;\n --card-icon-color: "," !important;\n\n &[data-border] {\n --input-box-shadow: ",";\n }\n }\n\n *:invalid:disabled + & {\n --card-bg-color: "," !important;\n --card-fg-color: "," !important;\n --card-icon-color: "," !important;\n\n &[data-border] {\n --input-box-shadow: ",";\n }\n }\n\n /* readOnly */\n *:not(:invalid):read-only + & {\n --card-bg-color: "," !important;\n --card-fg-color: "," !important;\n }\n\n *:invalid:read-only + & {\n --card-bg-color: "," !important;\n --card-fg-color: "," !important;\n }\n\n /* hovered */\n @media (hover: hover) {\n *:not(:disabled):not(:read-only):not(:invalid):hover + & {\n --card-bg-color: ",";\n --card-fg-color: ",";\n }\n\n *:invalid:not(:disabled):not(:read-only):hover + & {\n --card-bg-color: ",";\n --card-fg-color: ",";\n }\n\n *:not(:disabled):not(:read-only):not(:invalid):not(:focus):hover + &[data-border] {\n --input-box-shadow: ",";\n }\n\n *:invalid:not(:disabled):not(:read-only):not(:focus):hover + &[data-border] {\n --input-box-shadow: ",";\n }\n }\n }\n "])),$hasPrefix?0:void 0,$hasPrefix?0:void 0,$hasSuffix?0:void 0,$hasSuffix?0:void 0,$scheme,$tone,color.input.default.enabled.bg,color.input.default.enabled.fg,focusRingBorderStyle({color:color.input.default.enabled.border,width:input.border.width}),color.input.invalid.enabled.bg,color.input.invalid.enabled.fg,focusRingBorderStyle({color:color.input.invalid.enabled.border,width:input.border.width}),$unstableDisableFocusRing?void 0:focusRingStyle({border:{color:color.input.default.enabled.border,width:input.border.width},focusRing:input.text.focusRing}),$unstableDisableFocusRing?void 0:focusRingStyle({focusRing:input.text.focusRing}),color.input.default.disabled.bg,color.input.default.disabled.fg,color.input.default.disabled.fg,focusRingBorderStyle({color:color.input.default.disabled.border,width:input.border.width}),color.input.invalid.disabled.bg,color.input.invalid.disabled.fg,color.input.invalid.disabled.fg,focusRingBorderStyle({color:color.input.invalid.disabled.border,width:input.border.width}),color.input.default.readOnly.bg,color.input.default.readOnly.fg,color.input.invalid.readOnly.bg,color.input.invalid.readOnly.fg,color.input.default.hovered.bg,color.input.default.hovered.fg,color.input.invalid.hovered.bg,color.input.invalid.hovered.fg,focusRingBorderStyle({color:color.input.default.hovered.border,width:input.border.width}),focusRingBorderStyle({color:color.input.invalid.hovered.border,width:input.border.width}));}function responsiveMarginStyle(props){const{theme}=props;return[_getResponsiveSpace(theme,["margin"],props.$margin),_getResponsiveSpace(theme,["marginLeft","marginRight"],props.$marginX),_getResponsiveSpace(theme,["marginTop","marginBottom"],props.$marginY),_getResponsiveSpace(theme,["marginTop"],props.$marginTop),_getResponsiveSpace(theme,["marginRight"],props.$marginRight),_getResponsiveSpace(theme,["marginBottom"],props.$marginBottom),_getResponsiveSpace(theme,["marginLeft"],props.$marginLeft)].filter(Boolean);}function responsivePaddingStyle(props){const{theme}=props;return[_getResponsiveSpace(theme,["padding"],props.$padding),_getResponsiveSpace(theme,["paddingLeft","paddingRight"],props.$paddingX),_getResponsiveSpace(theme,["paddingTop","paddingBottom"],props.$paddingY),_getResponsiveSpace(theme,["paddingTop"],props.$paddingTop),_getResponsiveSpace(theme,["paddingRight"],props.$paddingRight),_getResponsiveSpace(theme,["paddingBottom"],props.$paddingBottom),_getResponsiveSpace(theme,["paddingLeft"],props.$paddingLeft)].filter(Boolean);}function responsiveRadiusStyle(props){const{media,radius}=getTheme_v2(props.theme);return _responsive(media,props.$radius,value=>{let borderRadius=0;return typeof value=="number"&&(borderRadius=rem(radius[value])),value==="full"&&(borderRadius="9999px"),{borderRadius};});}function toBoxShadow(shadow,color){return"".concat(shadow.map(rem).join(" ")," ").concat(color);}function shadowStyle(shadow){let outlineWidth=arguments.length>1&&arguments[1]!==undefined?arguments[1]:1;if(!shadow)return EMPTY_RECORD;const outline="0 0 0 ".concat(rem(outlineWidth)," var(--card-shadow-outline-color)"),umbra=toBoxShadow(shadow.umbra,"var(--card-shadow-umbra-color)"),penumbra=toBoxShadow(shadow.penumbra,"var(--card-shadow-penumbra-color)"),ambient=toBoxShadow(shadow.ambient,"var(--card-shadow-ambient-color)");return{boxShadow:"".concat(outline,", ").concat(umbra,", ").concat(penumbra,", ").concat(ambient)};}function responsiveShadowStyle(props){const{card,media,shadow}=getTheme_v2(props.theme);return _responsive(media,props.$shadow,index=>shadowStyle(shadow[index],card.shadow.outline));}const SpanWithTextOverflow=styled.span.withConfig({displayName:"SpanWithTextOverflow",componentId:"sc-ol2i3b-0"})(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;overflow:clip;"])));function labelBaseStyle(props){const{$accent,$muted}=props,{font}=getTheme_v2(props.theme);return css(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n text-transform: uppercase;\n\n ","\n\n ","\n\n & code {\n font-family: ",";\n border-radius: 1px;\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])),$accent&&css(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n color: var(--card-accent-fg-color);\n "]))),$muted&&css(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n color: var(--card-muted-fg-color);\n "]))),font.code.family);}const StyledLabel=/* @__PURE__ */styled.div.withConfig({displayName:"StyledLabel",componentId:"sc-1luap7z-0"})(responsiveLabelFont,responsiveTextAlignStyle,labelBaseStyle),Label=forwardRef(function(props,ref){var _props2;const $=dist.c(26);let accent,align,childrenProp,restProps,t0,t1,textOverflow,weight;$[0]!==props?(_props2=props,{accent,align,children:childrenProp,muted:t0,size:t1,textOverflow,weight}=_props2,restProps=_objectWithoutProperties(_props2,_excluded14),_props2,$[0]=props,$[1]=accent,$[2]=align,$[3]=childrenProp,$[4]=restProps,$[5]=t0,$[6]=t1,$[7]=textOverflow,$[8]=weight):(accent=$[1],align=$[2],childrenProp=$[3],restProps=$[4],t0=$[5],t1=$[6],textOverflow=$[7],weight=$[8]);const muted=t0===void 0?!1:t0,size2=t1===void 0?2:t1;let children=childrenProp;if(textOverflow==="ellipsis"){let t22;$[9]!==children?(t22=/* @__PURE__ */jsx(SpanWithTextOverflow,{children}),$[9]=children,$[10]=t22):t22=$[10],children=t22;}else{let t22;$[11]!==children?(t22=/* @__PURE__ */jsx("span",{children}),$[11]=children,$[12]=t22):t22=$[12],children=t22;}let t2;$[13]!==align?(t2=_getArrayProp(align),$[13]=align,$[14]=t2):t2=$[14];let t3;$[15]!==size2?(t3=_getArrayProp(size2),$[15]=size2,$[16]=t3):t3=$[16];let t4;return $[17]!==accent||$[18]!==children||$[19]!==muted||$[20]!==ref||$[21]!==restProps||$[22]!==t2||$[23]!==t3||$[24]!==weight?(t4=/* @__PURE__ */jsx(StyledLabel,_objectSpread(_objectSpread({"data-ui":"Label"},restProps),{},{$accent:accent,$align:t2,$muted:muted,$size:t3,$weight:weight,ref,children})),$[17]=accent,$[18]=children,$[19]=muted,$[20]=ref,$[21]=restProps,$[22]=t2,$[23]=t3,$[24]=weight,$[25]=t4):t4=$[25],t4;});Label.displayName="ForwardRef(Label)";const avatarStyle={root:avatarRootStyle,arrow:avatarArrowStyle,bgStroke:avatarBgStrokeStyle,stroke:avatarStrokeStyle,initials:avatarInitialsStyle,image:avatarImageStyle};function avatarArrowStyle(){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)"}};}function avatarRootStyle(props){const{$color}=props,{avatar}=getTheme_v2(props.theme);return{"--avatar-bg-color":"var(--card-avatar-".concat($color,"-bg-color)"),"--avatar-fg-color":"var(--card-avatar-".concat($color,"-fg-color)"),backgroundColor:"var(--avatar-bg-color)",position:"relative",boxSizing:"border-box",userSelect:"none",boxShadow:"0 0 0 1px var(--card-bg-color)",'&[data-status="inactive"]':{opacity:"0.5"},"&>svg":{"&:not([hidden])":{display:"block"}},/* &:is(button) */'&[data-as="button"]':{WebkitFontSmoothing:"inherit",appearance:"none",margin:0,padding:0,border:0,font:"inherit",color:"inherit",outline:"none","&:focus":{boxShadow:focusRingStyle({focusRing:avatar.focusRing})},"&:focus:not(:focus-visible)":{boxShadow:"none"}}};}function responsiveAvatarSizeStyle(props){const{avatar,media}=getTheme_v2(props.theme);return _responsive(media,props.$size,size2=>{const avatarSize=avatar.sizes[size2]||avatar.sizes[0];return{width:rem(avatarSize.size),height:rem(avatarSize.size),borderRadius:rem(avatarSize.size/2),"&>svg":{width:rem(avatarSize.size),height:rem(avatarSize.size),borderRadius:rem(avatarSize.size/2)}};});}function avatarImageStyle(){return{position:"relative"};}function avatarInitialsStyle(){return{width:"100%",height:"100%",color:"var(--avatar-fg-color)",alignItems:"center",justifyContent:"center",textTransform:"uppercase",textAlign:"center",borderRadius:"50%","&:not([hidden])":{display:"flex"}};}function avatarBgStrokeStyle(){return{strokeWidth:"4px",stroke:"var(--card-bg-color)"};}function avatarStrokeStyle(){return{strokeWidth:"2px",stroke:"var(--avatar-bg-color)",'[data-status="editing"] &':{strokeDasharray:"2 4",strokeLinecap:"round"}};}const StyledAvatar=/* @__PURE__ */styled.div.withConfig({displayName:"StyledAvatar",componentId:"sc-1rj7kl0-0"})(responsiveAvatarSizeStyle,avatarStyle.root),Arrow$1=/* @__PURE__ */styled.div.withConfig({displayName:"Arrow",componentId:"sc-1rj7kl0-1"})(avatarStyle.arrow),BgStroke=/* @__PURE__ */styled.ellipse.withConfig({displayName:"BgStroke",componentId:"sc-1rj7kl0-2"})(avatarStyle.bgStroke),Stroke=/* @__PURE__ */styled.ellipse.withConfig({displayName:"Stroke",componentId:"sc-1rj7kl0-3"})(avatarStyle.stroke),Initials=/* @__PURE__ */styled.div.withConfig({displayName:"Initials",componentId:"sc-1rj7kl0-4"})(avatarStyle.initials),InitialsLabel=/* @__PURE__ */styled(Label).withConfig({displayName:"InitialsLabel",componentId:"sc-1rj7kl0-5"})({color:"inherit"}),AvatarImage=/* @__PURE__ */styled.svg.withConfig({displayName:"AvatarImage",componentId:"sc-1rj7kl0-6"})(avatarStyle.image),Avatar=forwardRef(function(props,ref){var _props3;const $=dist.c(46);let __unstable_hideInnerStroke,animateArrowFrom,arrowPositionProp,asProp,initials,onImageLoadError,restProps,src,t0,t1,t2,title;$[0]!==props?(_props3=props,{__unstable_hideInnerStroke,as:asProp,color:t0,src,title,initials,onImageLoadError,arrowPosition:arrowPositionProp,animateArrowFrom,status:t1,size:t2}=_props3,restProps=_objectWithoutProperties(_props3,_excluded15),_props3,$[0]=props,$[1]=__unstable_hideInnerStroke,$[2]=animateArrowFrom,$[3]=arrowPositionProp,$[4]=asProp,$[5]=initials,$[6]=onImageLoadError,$[7]=restProps,$[8]=src,$[9]=t0,$[10]=t1,$[11]=t2,$[12]=title):(__unstable_hideInnerStroke=$[1],animateArrowFrom=$[2],arrowPositionProp=$[3],asProp=$[4],initials=$[5],onImageLoadError=$[6],restProps=$[7],src=$[8],t0=$[9],t1=$[10],t2=$[11],title=$[12]);const color=t0===void 0?"gray":t0,status=t1===void 0?"online":t1,sizeProp=t2===void 0?1:t2,{avatar}=useTheme_v2(),as=ReactIs.isValidElementType(asProp)?asProp:"div",size2=_getArrayProp(sizeProp),_sizeRem=(avatar.sizes[size2[0]]||avatar.sizes[0]).size,_radius=_sizeRem/2,elementId=useId(),[arrowPosition,setArrowPosition]=useState(animateArrowFrom||arrowPositionProp||"inside"),[imageFailed,setImageFailed]=useState(!1),imageId="avatar-image-".concat(elementId);let t3,t4;$[13]!==arrowPosition||$[14]!==arrowPositionProp?(t3=()=>{if(arrowPosition===arrowPositionProp)return;const raf=requestAnimationFrame(()=>setArrowPosition(arrowPositionProp));return()=>cancelAnimationFrame(raf);},t4=[arrowPosition,arrowPositionProp],$[13]=arrowPosition,$[14]=arrowPositionProp,$[15]=t3,$[16]=t4):(t3=$[15],t4=$[16]),useEffect$1(t3,t4);let t5,t6;$[17]!==src?(t5=()=>{src&&setImageFailed(!1);},t6=[src],$[17]=src,$[18]=t5,$[19]=t6):(t5=$[18],t6=$[19]),useEffect$1(t5,t6);let t7;$[20]!==onImageLoadError?(t7=()=>{setImageFailed(!0),onImageLoadError&&onImageLoadError(new Error("Avatar: the image failed to load"));},$[20]=onImageLoadError,$[21]=t7):t7=$[21];const handleImageError=t7,T0=StyledAvatar,t8=typeof as=="string"?as:void 0,t9="Avatar";let t10;$[22]!==color?(t10=/* @__PURE__ */jsx(Arrow$1,{children:/* @__PURE__ */jsx("svg",{width:"11",height:"7",viewBox:"0 0 11 7",fill:"none",children:/* @__PURE__ */jsx("path",{d:"M6.67948 1.50115L11 7L0 7L4.32052 1.50115C4.92109 0.736796 6.07891 0.736795 6.67948 1.50115Z",fill:color})})}),$[22]=color,$[23]=t10):t10=$[23];let t11;$[24]!==__unstable_hideInnerStroke||$[25]!==_radius||$[26]!==_sizeRem||$[27]!==handleImageError||$[28]!==imageFailed||$[29]!==imageId||$[30]!==src?(t11=!imageFailed&&src&&/* @__PURE__ */jsxs(AvatarImage,{viewBox:"0 0 ".concat(_sizeRem," ").concat(_sizeRem),fill:"none",children:[/* @__PURE__ */jsx("defs",{children:/* @__PURE__ */jsx("pattern",{id:imageId,patternContentUnits:"objectBoundingBox",width:"1",height:"1",children:/* @__PURE__ */jsx("image",{href:src,width:"1",height:"1",onError:handleImageError})})}),/* @__PURE__ */jsx("circle",{cx:_radius,cy:_radius,r:_radius,fill:"url(#".concat(imageId,")")}),!__unstable_hideInnerStroke&&/* @__PURE__ */jsx(BgStroke,{cx:_radius,cy:_radius,rx:_radius,ry:_radius,vectorEffect:"non-scaling-stroke"}),/* @__PURE__ */jsx(Stroke,{cx:_radius,cy:_radius,rx:_radius,ry:_radius,vectorEffect:"non-scaling-stroke"})]}),$[24]=__unstable_hideInnerStroke,$[25]=_radius,$[26]=_sizeRem,$[27]=handleImageError,$[28]=imageFailed,$[29]=imageId,$[30]=src,$[31]=t11):t11=$[31];const t12=(imageFailed||!src)&&initials&&/* @__PURE__ */jsx(Fragment,{children:/* @__PURE__ */jsx(Initials,{children:/* @__PURE__ */jsx(InitialsLabel,{forwardedAs:"span",size:size2.map(_temp$a),weight:"medium",children:initials})})});let t13;return $[32]!==T0||$[33]!==arrowPosition||$[34]!==as||$[35]!==color||$[36]!==ref||$[37]!==restProps||$[38]!==size2||$[39]!==status||$[40]!==t10||$[41]!==t11||$[42]!==t12||$[43]!==t8||$[44]!==title?(t13=/* @__PURE__ */jsxs(T0,_objectSpread(_objectSpread({as,"data-as":t8,"data-ui":t9},restProps),{},{$color:color,$size:size2,"aria-label":title,"data-arrow-position":arrowPosition,"data-status":status,ref,title,children:[t10,t11,t12]})),$[32]=T0,$[33]=arrowPosition,$[34]=as,$[35]=color,$[36]=ref,$[37]=restProps,$[38]=size2,$[39]=status,$[40]=t10,$[41]=t11,$[42]=t12,$[43]=t8,$[44]=title,$[45]=t13):t13=$[45],t13;});Avatar.displayName="ForwardRef(Avatar)";function _temp$a(s){return s===1?1:s===2?3:s===3?5:0;}function _responsiveAvatarCounterSizeStyle(props){const{avatar,media}=getTheme_v2(props.theme);return _responsive(media,props.$size,size2=>{const avatarSize=avatar.sizes[size2];return avatarSize?{borderRadius:rem(avatarSize.size/2),minWidth:rem(avatarSize.size),height:rem(avatarSize.size)}:EMPTY_RECORD;});}function _avatarCounterBaseStyle(props){const{space}=getTheme_v2(props.theme);return css(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n user-select: none;\n color: inherit;\n color: var(--card-fg-color);\n background: var(--card-bg-color);\n box-shadow:\n 0 0 0 1px var(--card-bg-color),\n inset 0 0 0 1px var(--card-hairline-hard-color);\n padding: 0 ",";\n\n &:not([hidden]) {\n display: flex;\n }\n "])),rem(space[2]));}const StyledAvatarCounter=/* @__PURE__ */styled.div.withConfig({displayName:"StyledAvatarCounter",componentId:"sc-1ydx86y-0"})(_responsiveAvatarCounterSizeStyle,_avatarCounterBaseStyle),AvatarCounter=forwardRef(function(props,ref){const $=dist.c(20),{count,size:t0}=props,sizeProp=t0===void 0?1:t0;let T0,T1,t1,t2,t3,t4,t5;if($[0]!==ref||$[1]!==sizeProp){const size2=_getArrayProp(sizeProp);T1=StyledAvatarCounter,t3=size2,t4="AvatarCounter",t5=ref,T0=Label,t1="span",t2=size2.map(_temp$9),$[0]=ref,$[1]=sizeProp,$[2]=T0,$[3]=T1,$[4]=t1,$[5]=t2,$[6]=t3,$[7]=t4,$[8]=t5;}else T0=$[2],T1=$[3],t1=$[4],t2=$[5],t3=$[6],t4=$[7],t5=$[8];let t6;$[9]!==T0||$[10]!==count||$[11]!==t1||$[12]!==t2?(t6=/* @__PURE__ */jsx(T0,{as:t1,size:t2,weight:"medium",children:count}),$[9]=T0,$[10]=count,$[11]=t1,$[12]=t2,$[13]=t6):t6=$[13];let t7;return $[14]!==T1||$[15]!==t3||$[16]!==t4||$[17]!==t5||$[18]!==t6?(t7=/* @__PURE__ */jsx(T1,{$size:t3,"data-ui":t4,ref:t5,children:t6}),$[14]=T1,$[15]=t3,$[16]=t4,$[17]=t5,$[18]=t6,$[19]=t7):t7=$[19],t7;});AvatarCounter.displayName="ForwardRef(AvatarCounter)";function _temp$9(s){return s===1?1:s===2?3:s===3?5:0;}const BASE_STYLES=css(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n white-space: nowrap;\n\n & > div {\n vertical-align: top;\n\n &:not([hidden]) {\n display: inline-block;\n }\n }\n"])));function avatarStackStyle(){return BASE_STYLES;}function responsiveAvatarStackSizeStyle(props){const{avatar,media}=getTheme_v2(props.theme);return _responsive(media,props.$size,size2=>{const avatarSize=avatar.sizes[size2];return avatarSize?{"& > div + div":{marginLeft:rem(avatarSize.distance)}}:EMPTY_RECORD;});}const StyledAvatarStack=/* @__PURE__ */styled.div.withConfig({displayName:"StyledAvatarStack",componentId:"sc-cysmbb-0"})(responsiveAvatarStackSizeStyle,avatarStackStyle),AvatarStack=forwardRef(function(props,ref){var _props4;const $=dist.c(38);let childrenProp,restProps,t0,t1;$[0]!==props?(_props4=props,{children:childrenProp,maxLength:t0,size:t1}=_props4,restProps=_objectWithoutProperties(_props4,_excluded16),_props4,$[0]=props,$[1]=childrenProp,$[2]=restProps,$[3]=t0,$[4]=t1):(childrenProp=$[1],restProps=$[2],t0=$[3],t1=$[4]);const maxLengthProp=t0===void 0?4:t0,sizeProp=t1===void 0?1:t1;let T0,t2,t3,t4,t5,t6,t7,t8;if($[5]!==childrenProp||$[6]!==maxLengthProp||$[7]!==ref||$[8]!==restProps||$[9]!==sizeProp){const children=Children.toArray(childrenProp).filter(isValidElement$1),maxLength=Math.max(maxLengthProp,0);let t92;$[18]!==sizeProp?(t92=_getArrayProp(sizeProp),$[18]=sizeProp,$[19]=t92):t92=$[19];const size2=t92,len=children.length,visibleCount=maxLength-1,extraCount=len-visibleCount,visibleChildren=extraCount>1?children.slice(extraCount,len):children;T0=StyledAvatarStack,t2="AvatarStack",t3=restProps,t4=ref,t5=size2,$[20]!==len||$[21]!==size2?(t6=len===0&&/* @__PURE__ */jsx("div",{children:/* @__PURE__ */jsx(AvatarCounter,{count:len,size:size2})}),$[20]=len,$[21]=size2,$[22]=t6):t6=$[22],$[23]!==extraCount||$[24]!==len||$[25]!==size2?(t7=len!==0&&extraCount>1&&/* @__PURE__ */jsx("div",{children:/* @__PURE__ */jsx(AvatarCounter,{count:extraCount,size:size2})}),$[23]=extraCount,$[24]=len,$[25]=size2,$[26]=t7):t7=$[26];let t10;$[27]!==size2?(t10=(child,childIndex)=>/* @__PURE__ */jsx("div",{children:cloneElement(child,{size:size2})},String(childIndex)),$[27]=size2,$[28]=t10):t10=$[28],t8=visibleChildren.map(t10),$[5]=childrenProp,$[6]=maxLengthProp,$[7]=ref,$[8]=restProps,$[9]=sizeProp,$[10]=T0,$[11]=t2,$[12]=t3,$[13]=t4,$[14]=t5,$[15]=t6,$[16]=t7,$[17]=t8;}else T0=$[10],t2=$[11],t3=$[12],t4=$[13],t5=$[14],t6=$[15],t7=$[16],t8=$[17];let t9;return $[29]!==T0||$[30]!==t2||$[31]!==t3||$[32]!==t4||$[33]!==t5||$[34]!==t6||$[35]!==t7||$[36]!==t8?(t9=/* @__PURE__ */jsxs(T0,_objectSpread(_objectSpread({"data-ui":t2},t3),{},{ref:t4,$size:t5,children:[t6,t7,t8]})),$[29]=T0,$[30]=t2,$[31]=t3,$[32]=t4,$[33]=t5,$[34]=t6,$[35]=t7,$[36]=t8,$[37]=t9):t9=$[37],t9;});AvatarStack.displayName="ForwardRef(AvatarStack)";const StyledBox=/* @__PURE__ */styled.div.withConfig({displayName:"StyledBox",componentId:"sc-1hhky9f-0"})(boxStyle,flexItemStyle,responsiveBoxStyle,responsiveGridItemStyle,responsiveMarginStyle,responsivePaddingStyle),Box=forwardRef(function(props,ref){var _props5;const $=dist.c(109);let column,columnEnd,columnStart,flex,height,marginBottom,marginLeft,marginRight,marginTop,marginX,marginY,overflow,paddingBottom,paddingLeft,paddingRight,paddingTop,paddingX,paddingY,restProps,row,rowEnd,rowStart,sizing,t0,t1,t2,t3;$[0]!==props?(_props5=props,{as:t0,column,columnStart,columnEnd,display:t1,flex,height,margin:t2,marginX,marginY,marginTop,marginRight,marginBottom,marginLeft,overflow,padding:t3,paddingX,paddingY,paddingTop,paddingRight,paddingBottom,paddingLeft,row,rowStart,rowEnd,sizing}=_props5,restProps=_objectWithoutProperties(_props5,_excluded17),_props5,$[0]=props,$[1]=column,$[2]=columnEnd,$[3]=columnStart,$[4]=flex,$[5]=height,$[6]=marginBottom,$[7]=marginLeft,$[8]=marginRight,$[9]=marginTop,$[10]=marginX,$[11]=marginY,$[12]=overflow,$[13]=paddingBottom,$[14]=paddingLeft,$[15]=paddingRight,$[16]=paddingTop,$[17]=paddingX,$[18]=paddingY,$[19]=restProps,$[20]=row,$[21]=rowEnd,$[22]=rowStart,$[23]=sizing,$[24]=t0,$[25]=t1,$[26]=t2,$[27]=t3):(column=$[1],columnEnd=$[2],columnStart=$[3],flex=$[4],height=$[5],marginBottom=$[6],marginLeft=$[7],marginRight=$[8],marginTop=$[9],marginX=$[10],marginY=$[11],overflow=$[12],paddingBottom=$[13],paddingLeft=$[14],paddingRight=$[15],paddingTop=$[16],paddingX=$[17],paddingY=$[18],restProps=$[19],row=$[20],rowEnd=$[21],rowStart=$[22],sizing=$[23],t0=$[24],t1=$[25],t2=$[26],t3=$[27]);const asProp=t0===void 0?"div":t0,display=t1===void 0?"block":t1,margin=t2===void 0?0:t2,padding=t3===void 0?0:t3,t4=typeof asProp=="string"?asProp:void 0;let t5;$[28]!==column?(t5=_getArrayProp(column),$[28]=column,$[29]=t5):t5=$[29];let t6;$[30]!==columnStart?(t6=_getArrayProp(columnStart),$[30]=columnStart,$[31]=t6):t6=$[31];let t7;$[32]!==columnEnd?(t7=_getArrayProp(columnEnd),$[32]=columnEnd,$[33]=t7):t7=$[33];let t8;$[34]!==display?(t8=_getArrayProp(display),$[34]=display,$[35]=t8):t8=$[35];let t9;$[36]!==flex?(t9=_getArrayProp(flex),$[36]=flex,$[37]=t9):t9=$[37];let t10;$[38]!==height?(t10=_getArrayProp(height),$[38]=height,$[39]=t10):t10=$[39];let t11;$[40]!==margin?(t11=_getArrayProp(margin),$[40]=margin,$[41]=t11):t11=$[41];let t12;$[42]!==marginX?(t12=_getArrayProp(marginX),$[42]=marginX,$[43]=t12):t12=$[43];let t13;$[44]!==marginY?(t13=_getArrayProp(marginY),$[44]=marginY,$[45]=t13):t13=$[45];let t14;$[46]!==marginTop?(t14=_getArrayProp(marginTop),$[46]=marginTop,$[47]=t14):t14=$[47];let t15;$[48]!==marginRight?(t15=_getArrayProp(marginRight),$[48]=marginRight,$[49]=t15):t15=$[49];let t16;$[50]!==marginBottom?(t16=_getArrayProp(marginBottom),$[50]=marginBottom,$[51]=t16):t16=$[51];let t17;$[52]!==marginLeft?(t17=_getArrayProp(marginLeft),$[52]=marginLeft,$[53]=t17):t17=$[53];let t18;$[54]!==overflow?(t18=_getArrayProp(overflow),$[54]=overflow,$[55]=t18):t18=$[55];let t19;$[56]!==padding?(t19=_getArrayProp(padding),$[56]=padding,$[57]=t19):t19=$[57];let t20;$[58]!==paddingX?(t20=_getArrayProp(paddingX),$[58]=paddingX,$[59]=t20):t20=$[59];let t21;$[60]!==paddingY?(t21=_getArrayProp(paddingY),$[60]=paddingY,$[61]=t21):t21=$[61];let t22;$[62]!==paddingTop?(t22=_getArrayProp(paddingTop),$[62]=paddingTop,$[63]=t22):t22=$[63];let t23;$[64]!==paddingRight?(t23=_getArrayProp(paddingRight),$[64]=paddingRight,$[65]=t23):t23=$[65];let t24;$[66]!==paddingBottom?(t24=_getArrayProp(paddingBottom),$[66]=paddingBottom,$[67]=t24):t24=$[67];let t25;$[68]!==paddingLeft?(t25=_getArrayProp(paddingLeft),$[68]=paddingLeft,$[69]=t25):t25=$[69];let t26;$[70]!==row?(t26=_getArrayProp(row),$[70]=row,$[71]=t26):t26=$[71];let t27;$[72]!==rowStart?(t27=_getArrayProp(rowStart),$[72]=rowStart,$[73]=t27):t27=$[73];let t28;$[74]!==rowEnd?(t28=_getArrayProp(rowEnd),$[74]=rowEnd,$[75]=t28):t28=$[75];let t29;$[76]!==sizing?(t29=_getArrayProp(sizing),$[76]=sizing,$[77]=t29):t29=$[77];let t30;return $[78]!==asProp||$[79]!==props.children||$[80]!==ref||$[81]!==restProps||$[82]!==t10||$[83]!==t11||$[84]!==t12||$[85]!==t13||$[86]!==t14||$[87]!==t15||$[88]!==t16||$[89]!==t17||$[90]!==t18||$[91]!==t19||$[92]!==t20||$[93]!==t21||$[94]!==t22||$[95]!==t23||$[96]!==t24||$[97]!==t25||$[98]!==t26||$[99]!==t27||$[100]!==t28||$[101]!==t29||$[102]!==t4||$[103]!==t5||$[104]!==t6||$[105]!==t7||$[106]!==t8||$[107]!==t9?(t30=/* @__PURE__ */jsx(StyledBox,_objectSpread(_objectSpread({"data-as":t4,"data-ui":"Box"},restProps),{},{$column:t5,$columnStart:t6,$columnEnd:t7,$display:t8,$flex:t9,$height:t10,$margin:t11,$marginX:t12,$marginY:t13,$marginTop:t14,$marginRight:t15,$marginBottom:t16,$marginLeft:t17,$overflow:t18,$padding:t19,$paddingX:t20,$paddingY:t21,$paddingTop:t22,$paddingRight:t23,$paddingBottom:t24,$paddingLeft:t25,$row:t26,$rowStart:t27,$rowEnd:t28,$sizing:t29,as:asProp,ref,children:props.children})),$[78]=asProp,$[79]=props.children,$[80]=ref,$[81]=restProps,$[82]=t10,$[83]=t11,$[84]=t12,$[85]=t13,$[86]=t14,$[87]=t15,$[88]=t16,$[89]=t17,$[90]=t18,$[91]=t19,$[92]=t20,$[93]=t21,$[94]=t22,$[95]=t23,$[96]=t24,$[97]=t25,$[98]=t26,$[99]=t27,$[100]=t28,$[101]=t29,$[102]=t4,$[103]=t5,$[104]=t6,$[105]=t7,$[106]=t8,$[107]=t9,$[108]=t30):t30=$[108],t30;});Box.displayName="ForwardRef(Box)";function textBaseStyle(props){const{$accent,$muted}=props,{font}=getTheme_v2(props.theme);return css(_templateObject0||(_templateObject0=_taggedTemplateLiteral(["\n color: var(--card-fg-color);\n\n ","\n\n ","\n\n & code {\n font-family: ",";\n border-radius: 1px;\n background-color: var(--card-code-bg-color);\n color: var(--card-code-fg-color);\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n color: var(--card-link-color);\n outline: none;\n\n @media (hover: hover) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n &:focus {\n box-shadow:\n 0 0 0 1px var(--card-bg-color),\n 0 0 0 3px var(--card-focus-ring-color);\n }\n\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n\n & strong {\n font-weight: ",";\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n color: var(--card-icon-color);\n\n & path {\n vector-effect: non-scaling-stroke !important;\n }\n }\n "])),$accent&&css(_templateObject1||(_templateObject1=_taggedTemplateLiteral(["\n color: var(--card-accent-fg-color);\n "]))),$muted&&css(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n color: var(--card-muted-fg-color);\n "]))),font.code.family,font.text.weights.bold);}const StyledText=/* @__PURE__ */styled.div.withConfig({displayName:"StyledText",componentId:"sc-11ov82j-0"})(responsiveTextFont,responsiveTextAlignStyle,textBaseStyle),Text=forwardRef(function(props,ref){var _props6;const $=dist.c(26);let align,childrenProp,restProps,t0,t1,t2,textOverflow,weight;$[0]!==props?(_props6=props,{accent:t0,align,children:childrenProp,muted:t1,size:t2,textOverflow,weight}=_props6,restProps=_objectWithoutProperties(_props6,_excluded18),_props6,$[0]=props,$[1]=align,$[2]=childrenProp,$[3]=restProps,$[4]=t0,$[5]=t1,$[6]=t2,$[7]=textOverflow,$[8]=weight):(align=$[1],childrenProp=$[2],restProps=$[3],t0=$[4],t1=$[5],t2=$[6],textOverflow=$[7],weight=$[8]);const accent=t0===void 0?!1:t0,muted=t1===void 0?!1:t1,size2=t2===void 0?2:t2;let children=childrenProp;if(textOverflow==="ellipsis"){let t32;$[9]!==children?(t32=/* @__PURE__ */jsx(SpanWithTextOverflow,{children}),$[9]=children,$[10]=t32):t32=$[10],children=t32;}let t3;$[11]!==align?(t3=_getArrayProp(align),$[11]=align,$[12]=t3):t3=$[12];let t4;$[13]!==size2?(t4=_getArrayProp(size2),$[13]=size2,$[14]=t4):t4=$[14];let t5;$[15]!==children?(t5=/* @__PURE__ */jsx("span",{children}),$[15]=children,$[16]=t5):t5=$[16];let t6;return $[17]!==accent||$[18]!==muted||$[19]!==ref||$[20]!==restProps||$[21]!==t3||$[22]!==t4||$[23]!==t5||$[24]!==weight?(t6=/* @__PURE__ */jsx(StyledText,_objectSpread(_objectSpread({"data-ui":"Text"},restProps),{},{$accent:accent,$align:t3,$muted:muted,ref,$size:t4,$weight:weight,children:t5})),$[17]=accent,$[18]=muted,$[19]=ref,$[20]=restProps,$[21]=t3,$[22]=t4,$[23]=t5,$[24]=weight,$[25]=t6):t6=$[25],t6;});Text.displayName="ForwardRef(Text)";function badgeStyle(props){const{$tone}=props;return{"--card-bg-color":"var(--card-badge-".concat($tone,"-bg-color)"),"--card-fg-color":"var(--card-badge-".concat($tone,"-fg-color)"),backgroundColor:"var(--card-bg-color)",cursor:"default","&:not([hidden])":{display:"inline-block",verticalAlign:"top"}};}const StyledBadge=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledBadge",componentId:"sc-5u140l-0"})(responsiveRadiusStyle,badgeStyle),Badge=forwardRef(function(props,ref){const $=dist.c(21);let children,restProps,t0,t1,t2,t3;if($[0]!==props){const{children:t42,fontSize:t52,mode:_deprecated_mode,padding:t62,radius:t72,tone:t8}=props,t9=_objectWithoutProperties(props,_excluded19);children=t42,t0=t52,t1=t62,t2=t72,t3=t8,restProps=t9,$[0]=props,$[1]=children,$[2]=restProps,$[3]=t0,$[4]=t1,$[5]=t2,$[6]=t3;}else children=$[1],restProps=$[2],t0=$[3],t1=$[4],t2=$[5],t3=$[6];const fontSize2=t0===void 0?1:t0,padding=t1===void 0?1:t1,radius=t2===void 0?"full":t2,tone=t3===void 0?"default":t3;let t4;$[7]!==radius?(t4=_getArrayProp(radius),$[7]=radius,$[8]=t4):t4=$[8];let t5;$[9]!==padding?(t5=_getArrayProp(padding),$[9]=padding,$[10]=t5):t5=$[10];let t6;$[11]!==children||$[12]!==fontSize2?(t6=/* @__PURE__ */jsx(Text,{size:fontSize2,children}),$[11]=children,$[12]=fontSize2,$[13]=t6):t6=$[13];let t7;return $[14]!==ref||$[15]!==restProps||$[16]!==t4||$[17]!==t5||$[18]!==t6||$[19]!==tone?(t7=/* @__PURE__ */jsx(StyledBadge,_objectSpread(_objectSpread({"data-ui":"Badge"},restProps),{},{$tone:tone,$radius:t4,padding:t5,ref,children:t6})),$[14]=ref,$[15]=restProps,$[16]=t4,$[17]=t5,$[18]=t6,$[19]=tone,$[20]=t7):t7=$[20],t7;});Badge.displayName="ForwardRef(Badge)";const StyledFlex=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledFlex",componentId:"sc-oxesg3-0"})(flexItemStyle,responsiveFlexStyle),Flex=forwardRef(function(props,ref){var _props7;const $=dist.c(27);let align,as,gap,justify,restProps,t0,wrap;$[0]!==props?(_props7=props,{align,as,direction:t0,gap,justify,wrap}=_props7,restProps=_objectWithoutProperties(_props7,_excluded20),_props7,$[0]=props,$[1]=align,$[2]=as,$[3]=gap,$[4]=justify,$[5]=restProps,$[6]=t0,$[7]=wrap):(align=$[1],as=$[2],gap=$[3],justify=$[4],restProps=$[5],t0=$[6],wrap=$[7]);const direction=t0===void 0?"row":t0;let t1;$[8]!==align?(t1=_getArrayProp(align),$[8]=align,$[9]=t1):t1=$[9];let t2;$[10]!==direction?(t2=_getArrayProp(direction),$[10]=direction,$[11]=t2):t2=$[11];let t3;$[12]!==gap?(t3=_getArrayProp(gap),$[12]=gap,$[13]=t3):t3=$[13];let t4;$[14]!==justify?(t4=_getArrayProp(justify),$[14]=justify,$[15]=t4):t4=$[15];let t5;$[16]!==wrap?(t5=_getArrayProp(wrap),$[16]=wrap,$[17]=t5):t5=$[17];let t6;return $[18]!==as||$[19]!==ref||$[20]!==restProps||$[21]!==t1||$[22]!==t2||$[23]!==t3||$[24]!==t4||$[25]!==t5?(t6=/* @__PURE__ */jsx(StyledFlex,_objectSpread(_objectSpread({"data-ui":"Flex"},restProps),{},{$align:t1,$direction:t2,$gap:t3,$justify:t4,$wrap:t5,forwardedAs:as,ref})),$[18]=as,$[19]=ref,$[20]=restProps,$[21]=t1,$[22]=t2,$[23]=t3,$[24]=t4,$[25]=t5,$[26]=t6):t6=$[26],t6;});Flex.displayName="ForwardRef(Flex)";const rotate$1=keyframes$1(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n"]))),StyledSpinner=styled(Text).withConfig({displayName:"StyledSpinner",componentId:"sc-124hnd0-0"})(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["& > span > svg{animation:"," 500ms linear infinite;}"])),rotate$1),Spinner=forwardRef(function(props,ref){const $=dist.c(4);let t0;$[0]===Symbol.for("react.memo_cache_sentinel")?(t0=/* @__PURE__ */jsx(SpinnerIcon,{}),$[0]=t0):t0=$[0];let t1;return $[1]!==props||$[2]!==ref?(t1=/* @__PURE__ */jsx(StyledSpinner,_objectSpread(_objectSpread({"data-ui":"Spinner"},props),{},{ref,children:t0})),$[1]=props,$[2]=ref,$[3]=t1):t1=$[3],t1;});Spinner.displayName="ForwardRef(Spinner)";function _cardColorStyle(base,color){var _color$badge$neutral,_color$badge$neutral2,_color$badge$neutral3,_color$badge$neutral4,_color$badge$suggest,_color$badge$suggest2,_color$badge$suggest3,_color$badge$suggest4;let checkered=arguments.length>2&&arguments[2]!==undefined?arguments[2]:!1;return{// from base
2347
+ */const{onViewportEnter,onViewportLeave}=this.node.getProps();const callback=isIntersecting?onViewportEnter:onViewportLeave;callback&&callback(entry);};return observeIntersection(this.node.current,options,onIntersectionUpdate);}mount(){this.startObserver();}update(){if(typeof IntersectionObserver==="undefined")return;const{props,prevProps}=this.node;const hasOptionsChanged=["amount","margin","root"].some(hasViewportOptionChanged(props,prevProps));if(hasOptionsChanged){this.startObserver();}}unmount(){}}function hasViewportOptionChanged(_ref65){let{viewport={}}=_ref65;let{viewport:prevViewport={}}=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return name=>viewport[name]!==prevViewport[name];}const gestureAnimations={inView:{Feature:InViewFeature},tap:{Feature:PressGesture},focus:{Feature:FocusGesture},hover:{Feature:HoverGesture}};const layout={layout:{ProjectionNode:HTMLProjectionNode,MeasureLayout}};const featureBundle=_objectSpread(_objectSpread(_objectSpread(_objectSpread({},animations),gestureAnimations),drag),layout);const motion=/*@__PURE__*/createMotionProxy(featureBundle,createDomVisualElement);var resizeObservers=[];var hasActiveObservations=function(){return resizeObservers.some(function(ro){return ro.activeTargets.length>0;});};var hasSkippedObservations=function(){return resizeObservers.some(function(ro){return ro.skippedTargets.length>0;});};var msg='ResizeObserver loop completed with undelivered notifications.';var deliverResizeLoopError=function(){var event;if(typeof ErrorEvent==='function'){event=new ErrorEvent('error',{message:msg});}else{event=document.createEvent('Event');event.initEvent('error',false,false);event.message=msg;}window.dispatchEvent(event);};var ResizeObserverBoxOptions;(function(ResizeObserverBoxOptions){ResizeObserverBoxOptions["BORDER_BOX"]="border-box";ResizeObserverBoxOptions["CONTENT_BOX"]="content-box";ResizeObserverBoxOptions["DEVICE_PIXEL_CONTENT_BOX"]="device-pixel-content-box";})(ResizeObserverBoxOptions||(ResizeObserverBoxOptions={}));var freeze=function(obj){return Object.freeze(obj);};var ResizeObserverSize=function(){function ResizeObserverSize(inlineSize,blockSize){this.inlineSize=inlineSize;this.blockSize=blockSize;freeze(this);}return ResizeObserverSize;}();var DOMRectReadOnly=function(){function DOMRectReadOnly(x,y,width,height){this.x=x;this.y=y;this.width=width;this.height=height;this.top=this.y;this.left=this.x;this.bottom=this.top+this.height;this.right=this.left+this.width;return freeze(this);}DOMRectReadOnly.prototype.toJSON=function(){var _a=this,x=_a.x,y=_a.y,top=_a.top,right=_a.right,bottom=_a.bottom,left=_a.left,width=_a.width,height=_a.height;return{x:x,y:y,top:top,right:right,bottom:bottom,left:left,width:width,height:height};};DOMRectReadOnly.fromRect=function(rectangle){return new DOMRectReadOnly(rectangle.x,rectangle.y,rectangle.width,rectangle.height);};return DOMRectReadOnly;}();var isSVG=function(target){return target instanceof SVGElement&&'getBBox'in target;};var isHidden=function(target){if(isSVG(target)){var _a=target.getBBox(),width=_a.width,height=_a.height;return!width&&!height;}var _b=target,offsetWidth=_b.offsetWidth,offsetHeight=_b.offsetHeight;return!(offsetWidth||offsetHeight||target.getClientRects().length);};var isElement=function(obj){var _a;if(obj instanceof Element){return true;}var scope=(_a=obj===null||obj===void 0?void 0:obj.ownerDocument)===null||_a===void 0?void 0:_a.defaultView;return!!(scope&&obj instanceof scope.Element);};var isReplacedElement=function(target){switch(target.tagName){case'INPUT':if(target.type!=='image'){break;}case'VIDEO':case'AUDIO':case'EMBED':case'OBJECT':case'CANVAS':case'IFRAME':case'IMG':return true;}return false;};var global$1=typeof window!=='undefined'?window:{};var cache=new WeakMap();var scrollRegexp=/auto|scroll/;var verticalRegexp=/^tb|vertical/;var IE=/msie|trident/i.test(global$1.navigator&&global$1.navigator.userAgent);var parseDimension=function(pixel){return parseFloat(pixel||'0');};var size$1=function(inlineSize,blockSize,switchSizes){if(inlineSize===void 0){inlineSize=0;}if(blockSize===void 0){blockSize=0;}if(switchSizes===void 0){switchSizes=false;}return new ResizeObserverSize((switchSizes?blockSize:inlineSize)||0,(switchSizes?inlineSize:blockSize)||0);};var zeroBoxes=freeze({devicePixelContentBoxSize:size$1(),borderBoxSize:size$1(),contentBoxSize:size$1(),contentRect:new DOMRectReadOnly(0,0,0,0)});var calculateBoxSizes=function(target,forceRecalculation){if(forceRecalculation===void 0){forceRecalculation=false;}if(cache.has(target)&&!forceRecalculation){return cache.get(target);}if(isHidden(target)){cache.set(target,zeroBoxes);return zeroBoxes;}var cs=getComputedStyle(target);var svg=isSVG(target)&&target.ownerSVGElement&&target.getBBox();var removePadding=!IE&&cs.boxSizing==='border-box';var switchSizes=verticalRegexp.test(cs.writingMode||'');var canScrollVertically=!svg&&scrollRegexp.test(cs.overflowY||'');var canScrollHorizontally=!svg&&scrollRegexp.test(cs.overflowX||'');var paddingTop=svg?0:parseDimension(cs.paddingTop);var paddingRight=svg?0:parseDimension(cs.paddingRight);var paddingBottom=svg?0:parseDimension(cs.paddingBottom);var paddingLeft=svg?0:parseDimension(cs.paddingLeft);var borderTop=svg?0:parseDimension(cs.borderTopWidth);var borderRight=svg?0:parseDimension(cs.borderRightWidth);var borderBottom=svg?0:parseDimension(cs.borderBottomWidth);var borderLeft=svg?0:parseDimension(cs.borderLeftWidth);var horizontalPadding=paddingLeft+paddingRight;var verticalPadding=paddingTop+paddingBottom;var horizontalBorderArea=borderLeft+borderRight;var verticalBorderArea=borderTop+borderBottom;var horizontalScrollbarThickness=!canScrollHorizontally?0:target.offsetHeight-verticalBorderArea-target.clientHeight;var verticalScrollbarThickness=!canScrollVertically?0:target.offsetWidth-horizontalBorderArea-target.clientWidth;var widthReduction=removePadding?horizontalPadding+horizontalBorderArea:0;var heightReduction=removePadding?verticalPadding+verticalBorderArea:0;var contentWidth=svg?svg.width:parseDimension(cs.width)-widthReduction-verticalScrollbarThickness;var contentHeight=svg?svg.height:parseDimension(cs.height)-heightReduction-horizontalScrollbarThickness;var borderBoxWidth=contentWidth+horizontalPadding+verticalScrollbarThickness+horizontalBorderArea;var borderBoxHeight=contentHeight+verticalPadding+horizontalScrollbarThickness+verticalBorderArea;var boxes=freeze({devicePixelContentBoxSize:size$1(Math.round(contentWidth*devicePixelRatio),Math.round(contentHeight*devicePixelRatio),switchSizes),borderBoxSize:size$1(borderBoxWidth,borderBoxHeight,switchSizes),contentBoxSize:size$1(contentWidth,contentHeight,switchSizes),contentRect:new DOMRectReadOnly(paddingLeft,paddingTop,contentWidth,contentHeight)});cache.set(target,boxes);return boxes;};var calculateBoxSize=function(target,observedBox,forceRecalculation){var _a=calculateBoxSizes(target,forceRecalculation),borderBoxSize=_a.borderBoxSize,contentBoxSize=_a.contentBoxSize,devicePixelContentBoxSize=_a.devicePixelContentBoxSize;switch(observedBox){case ResizeObserverBoxOptions.DEVICE_PIXEL_CONTENT_BOX:return devicePixelContentBoxSize;case ResizeObserverBoxOptions.BORDER_BOX:return borderBoxSize;default:return contentBoxSize;}};var ResizeObserverEntry=function(){function ResizeObserverEntry(target){var boxes=calculateBoxSizes(target);this.target=target;this.contentRect=boxes.contentRect;this.borderBoxSize=freeze([boxes.borderBoxSize]);this.contentBoxSize=freeze([boxes.contentBoxSize]);this.devicePixelContentBoxSize=freeze([boxes.devicePixelContentBoxSize]);}return ResizeObserverEntry;}();var calculateDepthForNode=function(node){if(isHidden(node)){return Infinity;}var depth=0;var parent=node.parentNode;while(parent){depth+=1;parent=parent.parentNode;}return depth;};var broadcastActiveObservations=function(){var shallowestDepth=Infinity;var callbacks=[];resizeObservers.forEach(function processObserver(ro){if(ro.activeTargets.length===0){return;}var entries=[];ro.activeTargets.forEach(function processTarget(ot){var entry=new ResizeObserverEntry(ot.target);var targetDepth=calculateDepthForNode(ot.target);entries.push(entry);ot.lastReportedSize=calculateBoxSize(ot.target,ot.observedBox);if(targetDepth<shallowestDepth){shallowestDepth=targetDepth;}});callbacks.push(function resizeObserverCallback(){ro.callback.call(ro.observer,entries,ro.observer);});ro.activeTargets.splice(0,ro.activeTargets.length);});for(var _i=0,callbacks_1=callbacks;_i<callbacks_1.length;_i++){var callback=callbacks_1[_i];callback();}return shallowestDepth;};var gatherActiveObservationsAtDepth=function(depth){resizeObservers.forEach(function processObserver(ro){ro.activeTargets.splice(0,ro.activeTargets.length);ro.skippedTargets.splice(0,ro.skippedTargets.length);ro.observationTargets.forEach(function processTarget(ot){if(ot.isActive()){if(calculateDepthForNode(ot.target)>depth){ro.activeTargets.push(ot);}else{ro.skippedTargets.push(ot);}}});});};var process$1=function(){var depth=0;gatherActiveObservationsAtDepth(depth);while(hasActiveObservations()){depth=broadcastActiveObservations();gatherActiveObservationsAtDepth(depth);}if(hasSkippedObservations()){deliverResizeLoopError();}return depth>0;};var trigger;var callbacks=[];var notify=function(){return callbacks.splice(0).forEach(function(cb){return cb();});};var queueMicroTask=function(callback){if(!trigger){var toggle_1=0;var el_1=document.createTextNode('');var config={characterData:true};new MutationObserver(function(){return notify();}).observe(el_1,config);trigger=function(){el_1.textContent="".concat(toggle_1?toggle_1--:toggle_1++);};}callbacks.push(callback);trigger();};var queueResizeObserver=function(cb){queueMicroTask(function ResizeObserver(){requestAnimationFrame(cb);});};var watching=0;var isWatching=function(){return!!watching;};var CATCH_PERIOD=250;var observerConfig={attributes:true,characterData:true,childList:true,subtree:true};var events=['resize','load','transitionend','animationend','animationstart','animationiteration','keyup','keydown','mouseup','mousedown','mouseover','mouseout','blur','focus'];var time=function(timeout){if(timeout===void 0){timeout=0;}return Date.now()+timeout;};var scheduled=false;var Scheduler=function(){function Scheduler(){var _this=this;this.stopped=true;this.listener=function(){return _this.schedule();};}Scheduler.prototype.run=function(timeout){var _this=this;if(timeout===void 0){timeout=CATCH_PERIOD;}if(scheduled){return;}scheduled=true;var until=time(timeout);queueResizeObserver(function(){var elementsHaveResized=false;try{elementsHaveResized=process$1();}finally{scheduled=false;timeout=until-time();if(!isWatching()){return;}if(elementsHaveResized){_this.run(1000);}else if(timeout>0){_this.run(timeout);}else{_this.start();}}});};Scheduler.prototype.schedule=function(){this.stop();this.run();};Scheduler.prototype.observe=function(){var _this=this;var cb=function(){return _this.observer&&_this.observer.observe(document.body,observerConfig);};document.body?cb():global$1.addEventListener('DOMContentLoaded',cb);};Scheduler.prototype.start=function(){var _this=this;if(this.stopped){this.stopped=false;this.observer=new MutationObserver(this.listener);this.observe();events.forEach(function(name){return global$1.addEventListener(name,_this.listener,true);});}};Scheduler.prototype.stop=function(){var _this=this;if(!this.stopped){this.observer&&this.observer.disconnect();events.forEach(function(name){return global$1.removeEventListener(name,_this.listener,true);});this.stopped=true;}};return Scheduler;}();var scheduler=new Scheduler();var updateCount=function(n){!watching&&n>0&&scheduler.start();watching+=n;!watching&&scheduler.stop();};var skipNotifyOnElement=function(target){return!isSVG(target)&&!isReplacedElement(target)&&getComputedStyle(target).display==='inline';};var ResizeObservation=function(){function ResizeObservation(target,observedBox){this.target=target;this.observedBox=observedBox||ResizeObserverBoxOptions.CONTENT_BOX;this.lastReportedSize={inlineSize:0,blockSize:0};}ResizeObservation.prototype.isActive=function(){var size=calculateBoxSize(this.target,this.observedBox,true);if(skipNotifyOnElement(this.target)){this.lastReportedSize=size;}if(this.lastReportedSize.inlineSize!==size.inlineSize||this.lastReportedSize.blockSize!==size.blockSize){return true;}return false;};return ResizeObservation;}();var ResizeObserverDetail=function(){function ResizeObserverDetail(resizeObserver,callback){this.activeTargets=[];this.skippedTargets=[];this.observationTargets=[];this.observer=resizeObserver;this.callback=callback;}return ResizeObserverDetail;}();var observerMap=new WeakMap();var getObservationIndex=function(observationTargets,target){for(var i=0;i<observationTargets.length;i+=1){if(observationTargets[i].target===target){return i;}}return-1;};var ResizeObserverController=function(){function ResizeObserverController(){}ResizeObserverController.connect=function(resizeObserver,callback){var detail=new ResizeObserverDetail(resizeObserver,callback);observerMap.set(resizeObserver,detail);};ResizeObserverController.observe=function(resizeObserver,target,options){var detail=observerMap.get(resizeObserver);var firstObservation=detail.observationTargets.length===0;if(getObservationIndex(detail.observationTargets,target)<0){firstObservation&&resizeObservers.push(detail);detail.observationTargets.push(new ResizeObservation(target,options&&options.box));updateCount(1);scheduler.schedule();}};ResizeObserverController.unobserve=function(resizeObserver,target){var detail=observerMap.get(resizeObserver);var index=getObservationIndex(detail.observationTargets,target);var lastObservation=detail.observationTargets.length===1;if(index>=0){lastObservation&&resizeObservers.splice(resizeObservers.indexOf(detail),1);detail.observationTargets.splice(index,1);updateCount(-1);}};ResizeObserverController.disconnect=function(resizeObserver){var _this=this;var detail=observerMap.get(resizeObserver);detail.observationTargets.slice().forEach(function(ot){return _this.unobserve(resizeObserver,ot.target);});detail.activeTargets.splice(0,detail.activeTargets.length);};return ResizeObserverController;}();var ResizeObserver$1=function(){function ResizeObserver(callback){if(arguments.length===0){throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");}if(typeof callback!=='function'){throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");}ResizeObserverController.connect(this,callback);}ResizeObserver.prototype.observe=function(target,options){if(arguments.length===0){throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");}if(!isElement(target)){throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");}ResizeObserverController.observe(this,target,options);};ResizeObserver.prototype.unobserve=function(target){if(arguments.length===0){throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");}if(!isElement(target)){throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");}ResizeObserverController.unobserve(this,target);};ResizeObserver.prototype.disconnect=function(){ResizeObserverController.disconnect(this);};ResizeObserver.toString=function(){return'function ResizeObserver () { [polyfill code] }';};return ResizeObserver;}();const context=React__default.createContext(!0);function forbiddenInRender(){throw new Error("A function wrapped in useEffectEvent can't be called during rendering.");}const isInvalidExecutionContextForEventFunction="use"in React__default?()=>{try{return React__default.use(context);}catch(_unused2){return!1;}}:()=>!1;function useEffectEvent(fn){const ref=React__default.useRef(forbiddenInRender);return React__default.useInsertionEffect(()=>{ref.current=fn;},[fn]),function(){isInvalidExecutionContextForEventFunction()&&forbiddenInRender();const latestFn=ref.current;return latestFn(...arguments);};}buildTheme();const EMPTY_ARRAY=[],EMPTY_RECORD={},POPOVER_MOTION_PROPS={card:{initial:{scale:0.97,willChange:"transform"},hidden:{opacity:0},visible:{opacity:1,transition:{when:"beforeChildren",duration:0.1}},scaleIn:{scale:1},scaleOut:{scale:0.97}},children:{hidden:{opacity:0},visible:{opacity:1}},transition:{type:"spring",visualDuration:0.2,bounce:0.25}};function _isEnterToClickElement(element){return isHTMLAnchorElement(element)||isHTMLButtonElement(element);}function isHTMLElement(node){return node instanceof Node&&node.nodeType===Node.ELEMENT_NODE;}function isHTMLAnchorElement(element){return isHTMLElement(element)&&element.nodeName==="A";}function isHTMLInputElement(element){return isHTMLElement(element)&&element.nodeName==="INPUT";}function isHTMLButtonElement(element){return isHTMLElement(element)&&element.nodeName==="BUTTON";}function isHTMLSelectElement(element){return isHTMLElement(element)&&element.nodeName==="SELECT";}function isHTMLTextAreaElement(element){return isHTMLElement(element)&&element.nodeName==="TEXTAREA";}function containsOrEqualsElement(element,node){return element.contains(node)||element===node;}function _isScrollable(el){if(!(el instanceof Element))return!1;const style=window.getComputedStyle(el);return style.overflowX.includes("auto")||style.overflowX.includes("scroll")||style.overflowY.includes("auto")||style.overflowY.includes("scroll");}function _fillCSSObject(keys,value){return keys.reduce((style,key2)=>(style[key2]=value,style),{});}function rem(pixelValue){return pixelValue===0?0:"".concat(pixelValue/16,"rem");}function _responsive(media,values,callback){return((values===null||values===void 0?void 0:values.map(callback))||[]).map((statement,mediaIndex)=>mediaIndex===0?statement:{["@media screen and (min-width: ".concat(media[mediaIndex-1],"px)")]:statement});}function _getArrayProp(val,defaultVal){return val===void 0?defaultVal||EMPTY_ARRAY:Array.isArray(val)?val:[val];}function _getResponsiveSpace(theme,props){let spaceIndexes=arguments.length>2&&arguments[2]!==undefined?arguments[2]:EMPTY_ARRAY;if(!Array.isArray(spaceIndexes))throw new Error("the property must be array of numbers");if(spaceIndexes.length===0)return null;const{media,space}=getTheme_v2(theme);return _responsive(media,spaceIndexes,spaceIndex=>_fillCSSObject(props,rem(space[spaceIndex])));}function responsiveFont(fontKey,props){const{$size,$weight}=props,{font,media}=getTheme_v2(props.theme),{family,sizes,weights}=font[fontKey],fontWeight=$weight&&weights[$weight]||weights.regular,defaultSize=sizes[2],base={position:"relative",fontFamily:family,fontWeight:"".concat(fontWeight),padding:"1px 0",margin:0,"&:before":{content:'""',display:"block",height:0},"&:after":{content:'""',display:"block",height:0},"& > code, & > span":{display:"block"},"&:not([hidden])":{display:"block"}};if(!$size)return responsiveFont.warned||(console.warn("No size specified for responsive font",{fontKey,$size,props,base}),responsiveFont.warned=!0),[base];const resp=_responsive(media,$size,sizeIndex=>fontSize(sizes[sizeIndex]||defaultSize));return[base,...resp];}function fontSize(size2){const{ascenderHeight,descenderHeight,fontSize:fontSize2,iconSize,letterSpacing,lineHeight}=size2,negHeight=ascenderHeight+descenderHeight,capHeight=lineHeight-negHeight,iconOffset=(capHeight-iconSize)/2,customIconSize=Math.floor(fontSize2*1.125/2)*2+1,customIconOffset=(capHeight-customIconSize)/2;return{fontSize:rem(fontSize2),lineHeight:"calc(".concat(lineHeight," / ").concat(fontSize2,")"),letterSpacing:rem(letterSpacing),transform:"translateY(".concat(rem(descenderHeight),")"),"&:before":{marginTop:"calc(".concat(rem(0-negHeight)," - 1px)")},"&:after":{marginBottom:"-1px"},"& svg:not([data-sanity-icon])":{fontSize:"calc(".concat(customIconSize," / 16 * 1rem)"),margin:rem(customIconOffset)},"& [data-sanity-icon]":{fontSize:"calc(".concat(iconSize," / 16 * 1rem)"),margin:rem(iconOffset)}};}function responsiveCodeFontStyle(props){return responsiveFont("code",props);}function responsiveHeadingFont(props){return responsiveFont("heading",props);}function responsiveLabelFont(props){return responsiveFont("label",props);}function responsiveTextAlignStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$align,textAlign=>({textAlign}));}function responsiveTextFont(props){return responsiveFont("text",props);}function getGlobalScope(){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 globalScope=getGlobalScope();function createGlobalScopedContext(key2,defaultValue){const symbol=Symbol.for(key2);if(typeof document>"u"){const context=createContext(defaultValue);return context.displayName=key2,context;}return globalScope[symbol]=globalScope[symbol]||createContext(defaultValue),globalScope[symbol];}const ThemeContext=createGlobalScopedContext("@sanity/ui/context/theme",null);function ThemeProvider(props){var _props$scheme,_props$theme,_props$tone;const $=dist.c(15),parentTheme=useContext(ThemeContext),{children}=props,scheme=(_props$scheme=props.scheme)!==null&&_props$scheme!==void 0?_props$scheme:(parentTheme===null||parentTheme===void 0?void 0:parentTheme.scheme)||"light",rootTheme=(_props$theme=props.theme)!==null&&_props$theme!==void 0?_props$theme:(parentTheme===null||parentTheme===void 0?void 0:parentTheme.theme)||null,tone=(_props$tone=props.tone)!==null&&_props$tone!==void 0?_props$tone:(parentTheme===null||parentTheme===void 0?void 0:parentTheme.tone)||"default";let t0;bb0:{if(!rootTheme){t0=null;break bb0;}let t12;$[0]!==rootTheme||$[1]!==scheme||$[2]!==tone?(t12={version:0,theme:rootTheme,scheme,tone},$[0]=rootTheme,$[1]=scheme,$[2]=tone,$[3]=t12):t12=$[3],t0=t12;}const themeContext=t0;let t1;bb1:{if(!rootTheme){t1=null;break bb1;}let t22;$[4]!==rootTheme||$[5]!==scheme||$[6]!==tone?(t22=getScopedTheme(rootTheme,scheme,tone),$[4]=rootTheme,$[5]=scheme,$[6]=tone,$[7]=t22):t22=$[7],t1=t22;}const theme=t1;if(!theme){let t22;return $[8]===Symbol.for("react.memo_cache_sentinel")?(t22=/* @__PURE__ */jsx("pre",{children:'ThemeProvider: no "theme" property provided'}),$[8]=t22):t22=$[8],t22;}let t2;$[9]!==children||$[10]!==theme?(t2=/* @__PURE__ */jsx(ThemeProvider$1,{theme,children}),$[9]=children,$[10]=theme,$[11]=t2):t2=$[11];let t3;return $[12]!==t2||$[13]!==themeContext?(t3=/* @__PURE__ */jsx(ThemeContext.Provider,{value:themeContext,children:t2}),$[12]=t2,$[13]=themeContext,$[14]=t3):t3=$[14],t3;}ThemeProvider.displayName="ThemeProvider";function useRootTheme(){const value=useContext(ThemeContext);if(!value)throw new Error("useRootTheme(): missing context value");return value;}function ThemeColorProvider(props){const $=dist.c(5),{children,scheme,tone}=props,root=useRootTheme(),t0=scheme||root.scheme;let t1;return $[0]!==children||$[1]!==root.theme||$[2]!==t0||$[3]!==tone?(t1=/* @__PURE__ */jsx(ThemeProvider,{scheme:t0,theme:root.theme,tone,children}),$[0]=children,$[1]=root.theme,$[2]=t0,$[3]=tone,$[4]=t1):t1=$[4],t1;}ThemeColorProvider.displayName="ThemeColorProvider";function useTheme_v2(){const $=dist.c(2),t0=useTheme();let t1;return $[0]!==t0?(t1=getTheme_v2(t0),$[0]=t0,$[1]=t1):t1=$[1],t1;}function responsiveBorderStyle(){return[border,borderTop,borderRight,borderBottom,borderLeft];}function border(props){var _card$border$width,_card$border;const{card,media}=getTheme_v2(props.theme),borderStyle="".concat((_card$border$width=(_card$border=card.border)===null||_card$border===void 0?void 0:_card$border.width)!==null&&_card$border$width!==void 0?_card$border$width:1,"px solid var(--card-border-color)");return _responsive(media,props.$border,value=>value?{"&&":{border:borderStyle}}:{"&&":{border:0}});}function borderTop(props){var _card$border$width2,_card$border2;const{card,media}=getTheme_v2(props.theme),borderStyle="".concat((_card$border$width2=(_card$border2=card.border)===null||_card$border2===void 0?void 0:_card$border2.width)!==null&&_card$border$width2!==void 0?_card$border$width2:1,"px solid var(--card-border-color)");return _responsive(media,props.$borderTop,value=>value?{"&&":{borderTop:borderStyle}}:{"&&":{borderTop:0}});}function borderRight(props){var _card$border$width3,_card$border3;const{card,media}=getTheme_v2(props.theme),borderStyle="".concat((_card$border$width3=(_card$border3=card.border)===null||_card$border3===void 0?void 0:_card$border3.width)!==null&&_card$border$width3!==void 0?_card$border$width3:1,"px solid var(--card-border-color)");return _responsive(media,props.$borderRight,value=>value?{"&&":{borderRight:borderStyle}}:{"&&":{borderRight:0}});}function borderBottom(props){var _card$border$width4,_card$border4;const{card,media}=getTheme_v2(props.theme),borderStyle="".concat((_card$border$width4=(_card$border4=card.border)===null||_card$border4===void 0?void 0:_card$border4.width)!==null&&_card$border$width4!==void 0?_card$border$width4:1,"px solid var(--card-border-color)");return _responsive(media,props.$borderBottom,value=>value?{"&&":{borderBottom:borderStyle}}:{"&&":{borderBottom:0}});}function borderLeft(props){var _card$border$width5,_card$border5;const{card,media}=getTheme_v2(props.theme),borderStyle="".concat((_card$border$width5=(_card$border5=card.border)===null||_card$border5===void 0?void 0:_card$border5.width)!==null&&_card$border$width5!==void 0?_card$border$width5:1,"px solid var(--card-border-color)");return _responsive(media,props.$borderLeft,value=>value?{"&&":{borderLeft:borderStyle}}:{"&&":{borderLeft:0}});}const BASE_STYLE$4={'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},BOX_SIZING={content:"content-box",border:"border-box"},BOX_HEIGHT={stretch:"stretch",fill:"100%"};function boxStyle(){return BASE_STYLE$4;}function responsiveBoxStyle(){return[responsiveBoxSizingStyle,responsiveBoxHeightStyle,responsiveBoxOverflowStyle,responsiveBoxDisplayStyle];}function responsiveBoxDisplayStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$display,display=>({"&:not([hidden])":{display}}));}function responsiveBoxSizingStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$sizing,sizing=>({boxSizing:BOX_SIZING[sizing]}));}function responsiveBoxHeightStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$height,height=>({height:BOX_HEIGHT[height]}));}function responsiveBoxOverflowStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$overflow,overflow=>({overflow}));}const BASE_STYLE$3={minWidth:0,minHeight:0};function flexItemStyle(){return[BASE_STYLE$3,responsiveFlexItemStyle];}function responsiveFlexItemStyle(props){const{media}=getTheme_v2(props.theme);return props.$flex?_responsive(media,props.$flex,flex=>({flex:"".concat(flex)})):EMPTY_ARRAY;}const BASE_STYLE$2={"&&:not([hidden])":{display:"flex"}};function responsiveFlexStyle(){return[BASE_STYLE$2,responsiveFlexAlignStyle,responsiveFlexGapStyle,responsiveFlexWrapStyle,responsiveFlexJustifyStyle,responsiveFlexDirectionStyle];}function responsiveFlexAlignStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$align,align=>({alignItems:align}));}function responsiveFlexGapStyle(props){const{media,space}=getTheme_v2(props.theme);return _responsive(media,props.$gap,gap=>({gap:gap?rem(space[gap]):void 0}));}function responsiveFlexWrapStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$wrap,wrap=>({flexWrap:wrap}));}function responsiveFlexJustifyStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$justify,justify=>({justifyContent:justify}));}function responsiveFlexDirectionStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$direction,direction=>({flexDirection:direction}));}function focusRingBorderStyle(border2){return"inset 0 0 0 ".concat(border2.width,"px ").concat(border2.color);}function focusRingStyle(opts){const{base,border:border2,focusRing}=opts,focusRingOutsetWidth=focusRing.offset+focusRing.width,focusRingInsetWidth=0-focusRing.offset,bgColor=base?base.bg:"var(--card-bg-color)";return[focusRingInsetWidth>0&&"inset 0 0 0 ".concat(focusRingInsetWidth,"px var(--card-focus-ring-color)"),border2&&focusRingBorderStyle(border2),focusRingInsetWidth<0&&"0 0 0 ".concat(0-focusRingInsetWidth,"px ").concat(bgColor),focusRingOutsetWidth>0&&"0 0 0 ".concat(focusRingOutsetWidth,"px var(--card-focus-ring-color)")].filter(Boolean).join(",");}function responsiveGridItemStyle(){return[responsiveGridItemRowStyle,responsiveGridItemRowStartStyle,responsiveGridItemRowEndStyle,responsiveGridItemColumnStyle,responsiveGridItemColumnStartStyle,responsiveGridItemColumnEndStyle];}const GRID_ITEM_ROW={auto:"auto",full:"1 / -1"},GRID_ITEM_COLUMN={auto:"auto",full:"1 / -1"};function responsiveGridItemRowStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$row,row=>typeof row=="number"?{gridRow:"span ".concat(row," / span ").concat(row)}:{gridRow:GRID_ITEM_ROW[row]});}function responsiveGridItemRowStartStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$rowStart,rowStart=>({gridRowStart:"".concat(rowStart)}));}function responsiveGridItemRowEndStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$rowEnd,rowEnd=>({gridRowEnd:"".concat(rowEnd)}));}function responsiveGridItemColumnStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$column,column=>typeof column=="number"?{gridColumn:"span ".concat(column," / span ").concat(column)}:{gridColumn:GRID_ITEM_COLUMN[column]});}function responsiveGridItemColumnStartStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$columnStart,columnStart=>({gridColumnStart:"".concat(columnStart)}));}function responsiveGridItemColumnEndStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$columnEnd,columnEnd=>({gridColumnEnd:"".concat(columnEnd)}));}const GRID_CSS={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},GRID_AUTO_COLUMS={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},GRID_AUTO_ROWS={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"};function responsiveGridStyle(){return[GRID_CSS,responsiveGridAutoFlowStyle,responsiveGridAutoRowsStyle,responsiveGridAutoColsStyle,responsiveGridColumnsStyle,responsiveGridRowsStyle,responsiveGridGapStyle,responsiveGridGapXStyle,responsiveGridGapYStyle];}function responsiveGridAutoFlowStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$autoFlow,autoFlow=>({gridAutoFlow:autoFlow}));}function responsiveGridAutoRowsStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$autoRows,autoRows=>({gridAutoRows:autoRows&&GRID_AUTO_ROWS[autoRows]}));}function responsiveGridAutoColsStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$autoCols,autoCols=>({gridAutoColumns:autoCols&&GRID_AUTO_COLUMS[autoCols]}));}function responsiveGridColumnsStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$columns,columns=>({gridTemplateColumns:columns&&"repeat(".concat(columns,",minmax(0,1fr));")}));}function responsiveGridRowsStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$rows,rows=>({gridTemplateRows:rows&&"repeat(".concat(rows,",minmax(0,1fr));")}));}function responsiveGridGapStyle(props){const{media,space}=getTheme_v2(props.theme);return _responsive(media,props.$gap,gap=>({gridGap:gap?rem(space[gap]):void 0}));}function responsiveGridGapXStyle(props){const{media,space}=getTheme_v2(props.theme);return _responsive(media,props.$gapX,gapX=>({columnGap:gapX?rem(space[gapX]):void 0}));}function responsiveGridGapYStyle(props){const{media,space}=getTheme_v2(props.theme);return _responsive(media,props.$gapY,gapY=>({rowGap:gapY?rem(space[gapY]):void 0}));}function responsiveInputPaddingStyle(props){const{$fontSize,$iconLeft,$iconRight,$padding,$space}=props,{font,media,space}=getTheme_v2(props.theme),len=Math.max($padding.length,$space.length,$fontSize.length),_padding=[],_space=[],_fontSize=[];for(let i=0;i<len;i+=1)_fontSize[i]=$fontSize[i]===void 0?_fontSize[i-1]:$fontSize[i],_padding[i]=$padding[i]===void 0?_padding[i-1]:$padding[i],_space[i]=$space[i]===void 0?_space[i-1]:$space[i];return _responsive(media,_padding,(_,i)=>{const size2=font.text.sizes[_fontSize[i]]||font.text.sizes[2],emSize=size2.lineHeight-size2.ascenderHeight-size2.descenderHeight,p=space[_padding[i]],s=space[_space[i]],styles={paddingTop:rem(p-size2.ascenderHeight),paddingRight:rem(p),paddingBottom:rem(p-size2.descenderHeight),paddingLeft:rem(p)};return $iconRight&&(styles.paddingRight=rem(p+emSize+s)),$iconLeft&&(styles.paddingLeft=rem(p+emSize+s)),styles;});}function responsiveInputPaddingIconRightStyle(props){return responsiveInputPaddingStyle(_objectSpread(_objectSpread({},props),{},{$iconRight:!0}));}const ROOT_STYLE=css(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n &:not([hidden]) {\n display: flex;\n }\n\n align-items: center;\n"])));function textInputRootStyle(){return ROOT_STYLE;}function textInputBaseStyle(props){const{$scheme,$tone,$weight}=props,{color,font}=getTheme_v2(props.theme);return css(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n appearance: none;\n background: none;\n border: 0;\n border-radius: 0;\n outline: none;\n width: 100%;\n box-sizing: border-box;\n font-family: ",";\n font-weight: ",";\n margin: 0;\n position: relative;\n z-index: 1;\n display: block;\n\n /* NOTE: This is a hack to disable Chrome\u2019s autofill styles */\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-text-fill-color: var(--input-fg-color) !important;\n transition: background-color 5000s;\n transition-delay: 86400s /* 24h */;\n }\n\n /* &:is(textarea) */\n &[data-as='textarea'] {\n resize: none;\n }\n\n color: var(--input-fg-color);\n\n &::placeholder {\n color: var(--input-placeholder-color);\n }\n\n &[data-scheme='","'][data-tone='","'] {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n\n /* enabled */\n &:not(:invalid):not(:disabled):not(:read-only) {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n }\n\n /* disabled */\n &:not(:invalid):disabled {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n }\n\n /* invalid */\n &:invalid {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n }\n\n /* readOnly */\n &:read-only {\n --input-fg-color: ",";\n --input-placeholder-color: ",";\n }\n }\n "])),font.text.family,$weight&&font.text.weights[$weight]||font.text.weights.regular,$scheme,$tone,color.input.default.enabled.fg,color.input.default.enabled.placeholder,color.input.default.enabled.fg,color.input.default.enabled.placeholder,color.input.default.disabled.fg,color.input.default.disabled.placeholder,color.input.invalid.enabled.fg,color.input.invalid.enabled.placeholder,color.input.default.readOnly.fg,color.input.default.readOnly.placeholder);}function textInputFontSizeStyle(props){const{font,media}=getTheme_v2(props.theme);return _responsive(media,props.$fontSize,sizeIndex=>{const size2=font.text.sizes[sizeIndex]||font.text.sizes[2];return{fontSize:rem(size2.fontSize),lineHeight:"".concat(size2.lineHeight/size2.fontSize)};});}function textInputRepresentationStyle(props){const{$hasPrefix,$hasSuffix,$scheme,$tone,$unstableDisableFocusRing}=props,{color,input}=getTheme_v2(props.theme);return css(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n --input-box-shadow: none;\n\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: block;\n pointer-events: none;\n z-index: 0;\n\n background-color: var(--card-bg-color);\n box-shadow: var(--input-box-shadow);\n\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n &[data-scheme='","'][data-tone='","'] {\n --card-bg-color: ",";\n --card-fg-color: ",";\n\n /* enabled */\n *:not(:disabled) + &[data-border] {\n --input-box-shadow: ",";\n }\n\n /* invalid */\n *:not(:disabled):invalid + & {\n --card-bg-color: ",";\n --card-fg-color: ",";\n\n &[data-border] {\n --input-box-shadow: ",";\n }\n }\n\n /* focused */\n *:not(:disabled):focus + & {\n &[data-border] {\n --input-box-shadow: ",";\n }\n\n &:not([data-border]) {\n --input-box-shadow: ",";\n }\n }\n\n /* disabled */\n *:not(:invalid):disabled + & {\n --card-bg-color: "," !important;\n --card-fg-color: "," !important;\n --card-icon-color: "," !important;\n\n &[data-border] {\n --input-box-shadow: ",";\n }\n }\n\n *:invalid:disabled + & {\n --card-bg-color: "," !important;\n --card-fg-color: "," !important;\n --card-icon-color: "," !important;\n\n &[data-border] {\n --input-box-shadow: ",";\n }\n }\n\n /* readOnly */\n *:not(:invalid):read-only + & {\n --card-bg-color: "," !important;\n --card-fg-color: "," !important;\n }\n\n *:invalid:read-only + & {\n --card-bg-color: "," !important;\n --card-fg-color: "," !important;\n }\n\n /* hovered */\n @media (hover: hover) {\n *:not(:disabled):not(:read-only):not(:invalid):hover + & {\n --card-bg-color: ",";\n --card-fg-color: ",";\n }\n\n *:invalid:not(:disabled):not(:read-only):hover + & {\n --card-bg-color: ",";\n --card-fg-color: ",";\n }\n\n *:not(:disabled):not(:read-only):not(:invalid):not(:focus):hover + &[data-border] {\n --input-box-shadow: ",";\n }\n\n *:invalid:not(:disabled):not(:read-only):not(:focus):hover + &[data-border] {\n --input-box-shadow: ",";\n }\n }\n }\n "])),$hasPrefix?0:void 0,$hasPrefix?0:void 0,$hasSuffix?0:void 0,$hasSuffix?0:void 0,$scheme,$tone,color.input.default.enabled.bg,color.input.default.enabled.fg,focusRingBorderStyle({color:color.input.default.enabled.border,width:input.border.width}),color.input.invalid.enabled.bg,color.input.invalid.enabled.fg,focusRingBorderStyle({color:color.input.invalid.enabled.border,width:input.border.width}),$unstableDisableFocusRing?void 0:focusRingStyle({border:{color:color.input.default.enabled.border,width:input.border.width},focusRing:input.text.focusRing}),$unstableDisableFocusRing?void 0:focusRingStyle({focusRing:input.text.focusRing}),color.input.default.disabled.bg,color.input.default.disabled.fg,color.input.default.disabled.fg,focusRingBorderStyle({color:color.input.default.disabled.border,width:input.border.width}),color.input.invalid.disabled.bg,color.input.invalid.disabled.fg,color.input.invalid.disabled.fg,focusRingBorderStyle({color:color.input.invalid.disabled.border,width:input.border.width}),color.input.default.readOnly.bg,color.input.default.readOnly.fg,color.input.invalid.readOnly.bg,color.input.invalid.readOnly.fg,color.input.default.hovered.bg,color.input.default.hovered.fg,color.input.invalid.hovered.bg,color.input.invalid.hovered.fg,focusRingBorderStyle({color:color.input.default.hovered.border,width:input.border.width}),focusRingBorderStyle({color:color.input.invalid.hovered.border,width:input.border.width}));}function responsiveMarginStyle(props){const{theme}=props;return[_getResponsiveSpace(theme,["margin"],props.$margin),_getResponsiveSpace(theme,["marginLeft","marginRight"],props.$marginX),_getResponsiveSpace(theme,["marginTop","marginBottom"],props.$marginY),_getResponsiveSpace(theme,["marginTop"],props.$marginTop),_getResponsiveSpace(theme,["marginRight"],props.$marginRight),_getResponsiveSpace(theme,["marginBottom"],props.$marginBottom),_getResponsiveSpace(theme,["marginLeft"],props.$marginLeft)].filter(Boolean);}function responsivePaddingStyle(props){const{theme}=props;return[_getResponsiveSpace(theme,["padding"],props.$padding),_getResponsiveSpace(theme,["paddingLeft","paddingRight"],props.$paddingX),_getResponsiveSpace(theme,["paddingTop","paddingBottom"],props.$paddingY),_getResponsiveSpace(theme,["paddingTop"],props.$paddingTop),_getResponsiveSpace(theme,["paddingRight"],props.$paddingRight),_getResponsiveSpace(theme,["paddingBottom"],props.$paddingBottom),_getResponsiveSpace(theme,["paddingLeft"],props.$paddingLeft)].filter(Boolean);}function responsiveRadiusStyle(props){const{media,radius}=getTheme_v2(props.theme);return _responsive(media,props.$radius,value=>{let borderRadius=0;return typeof value=="number"&&(borderRadius=rem(radius[value])),value==="full"&&(borderRadius="9999px"),{borderRadius};});}function toBoxShadow(shadow,color){return"".concat(shadow.map(rem).join(" ")," ").concat(color);}function shadowStyle(shadow){let outlineWidth=arguments.length>1&&arguments[1]!==undefined?arguments[1]:1;if(!shadow)return EMPTY_RECORD;const outline="0 0 0 ".concat(rem(outlineWidth)," var(--card-shadow-outline-color)"),umbra=toBoxShadow(shadow.umbra,"var(--card-shadow-umbra-color)"),penumbra=toBoxShadow(shadow.penumbra,"var(--card-shadow-penumbra-color)"),ambient=toBoxShadow(shadow.ambient,"var(--card-shadow-ambient-color)");return{boxShadow:"".concat(outline,", ").concat(umbra,", ").concat(penumbra,", ").concat(ambient)};}function responsiveShadowStyle(props){const{card,media,shadow}=getTheme_v2(props.theme);return _responsive(media,props.$shadow,index=>shadowStyle(shadow[index],card.shadow.outline));}const SpanWithTextOverflow=styled.span.withConfig({displayName:"SpanWithTextOverflow",componentId:"sc-ol2i3b-0"})(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;overflow:clip;"])));function labelBaseStyle(props){const{$accent,$muted}=props,{font}=getTheme_v2(props.theme);return css(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n text-transform: uppercase;\n\n ","\n\n ","\n\n & code {\n font-family: ",";\n border-radius: 1px;\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])),$accent&&css(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n color: var(--card-accent-fg-color);\n "]))),$muted&&css(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n color: var(--card-muted-fg-color);\n "]))),font.code.family);}const StyledLabel=/* @__PURE__ */styled.div.withConfig({displayName:"StyledLabel",componentId:"sc-1luap7z-0"})(responsiveLabelFont,responsiveTextAlignStyle,labelBaseStyle),Label=forwardRef(function(props,ref){var _props2;const $=dist.c(26);let accent,align,childrenProp,restProps,t0,t1,textOverflow,weight;$[0]!==props?(_props2=props,{accent,align,children:childrenProp,muted:t0,size:t1,textOverflow,weight}=_props2,restProps=_objectWithoutProperties(_props2,_excluded16),_props2,$[0]=props,$[1]=accent,$[2]=align,$[3]=childrenProp,$[4]=restProps,$[5]=t0,$[6]=t1,$[7]=textOverflow,$[8]=weight):(accent=$[1],align=$[2],childrenProp=$[3],restProps=$[4],t0=$[5],t1=$[6],textOverflow=$[7],weight=$[8]);const muted=t0===void 0?!1:t0,size2=t1===void 0?2:t1;let children=childrenProp;if(textOverflow==="ellipsis"){let t22;$[9]!==children?(t22=/* @__PURE__ */jsx(SpanWithTextOverflow,{children}),$[9]=children,$[10]=t22):t22=$[10],children=t22;}else{let t22;$[11]!==children?(t22=/* @__PURE__ */jsx("span",{children}),$[11]=children,$[12]=t22):t22=$[12],children=t22;}let t2;$[13]!==align?(t2=_getArrayProp(align),$[13]=align,$[14]=t2):t2=$[14];let t3;$[15]!==size2?(t3=_getArrayProp(size2),$[15]=size2,$[16]=t3):t3=$[16];let t4;return $[17]!==accent||$[18]!==children||$[19]!==muted||$[20]!==ref||$[21]!==restProps||$[22]!==t2||$[23]!==t3||$[24]!==weight?(t4=/* @__PURE__ */jsx(StyledLabel,_objectSpread(_objectSpread({"data-ui":"Label"},restProps),{},{$accent:accent,$align:t2,$muted:muted,$size:t3,$weight:weight,ref,children})),$[17]=accent,$[18]=children,$[19]=muted,$[20]=ref,$[21]=restProps,$[22]=t2,$[23]=t3,$[24]=weight,$[25]=t4):t4=$[25],t4;});Label.displayName="ForwardRef(Label)";const avatarStyle={root:avatarRootStyle,arrow:avatarArrowStyle,bgStroke:avatarBgStrokeStyle,stroke:avatarStrokeStyle,initials:avatarInitialsStyle,image:avatarImageStyle};function avatarArrowStyle(){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)"}};}function avatarRootStyle(props){const{$color}=props,{avatar}=getTheme_v2(props.theme);return{"--avatar-bg-color":"var(--card-avatar-".concat($color,"-bg-color)"),"--avatar-fg-color":"var(--card-avatar-".concat($color,"-fg-color)"),backgroundColor:"var(--avatar-bg-color)",position:"relative",boxSizing:"border-box",userSelect:"none",boxShadow:"0 0 0 1px var(--card-bg-color)",'&[data-status="inactive"]':{opacity:"0.5"},"&>svg":{"&:not([hidden])":{display:"block"}},/* &:is(button) */'&[data-as="button"]':{WebkitFontSmoothing:"inherit",appearance:"none",margin:0,padding:0,border:0,font:"inherit",color:"inherit",outline:"none","&:focus":{boxShadow:focusRingStyle({focusRing:avatar.focusRing})},"&:focus:not(:focus-visible)":{boxShadow:"none"}}};}function responsiveAvatarSizeStyle(props){const{avatar,media}=getTheme_v2(props.theme);return _responsive(media,props.$size,size2=>{const avatarSize=avatar.sizes[size2]||avatar.sizes[0];return{width:rem(avatarSize.size),height:rem(avatarSize.size),borderRadius:rem(avatarSize.size/2),"&>svg":{width:rem(avatarSize.size),height:rem(avatarSize.size),borderRadius:rem(avatarSize.size/2)}};});}function avatarImageStyle(){return{position:"relative"};}function avatarInitialsStyle(){return{width:"100%",height:"100%",color:"var(--avatar-fg-color)",alignItems:"center",justifyContent:"center",textTransform:"uppercase",textAlign:"center",borderRadius:"50%","&:not([hidden])":{display:"flex"}};}function avatarBgStrokeStyle(){return{strokeWidth:"4px",stroke:"var(--card-bg-color)"};}function avatarStrokeStyle(){return{strokeWidth:"2px",stroke:"var(--avatar-bg-color)",'[data-status="editing"] &':{strokeDasharray:"2 4",strokeLinecap:"round"}};}const StyledAvatar=/* @__PURE__ */styled.div.withConfig({displayName:"StyledAvatar",componentId:"sc-1rj7kl0-0"})(responsiveAvatarSizeStyle,avatarStyle.root),Arrow$1=/* @__PURE__ */styled.div.withConfig({displayName:"Arrow",componentId:"sc-1rj7kl0-1"})(avatarStyle.arrow),BgStroke=/* @__PURE__ */styled.ellipse.withConfig({displayName:"BgStroke",componentId:"sc-1rj7kl0-2"})(avatarStyle.bgStroke),Stroke=/* @__PURE__ */styled.ellipse.withConfig({displayName:"Stroke",componentId:"sc-1rj7kl0-3"})(avatarStyle.stroke),Initials=/* @__PURE__ */styled.div.withConfig({displayName:"Initials",componentId:"sc-1rj7kl0-4"})(avatarStyle.initials),InitialsLabel=/* @__PURE__ */styled(Label).withConfig({displayName:"InitialsLabel",componentId:"sc-1rj7kl0-5"})({color:"inherit"}),AvatarImage=/* @__PURE__ */styled.svg.withConfig({displayName:"AvatarImage",componentId:"sc-1rj7kl0-6"})(avatarStyle.image),Avatar=forwardRef(function(props,ref){var _props3;const $=dist.c(46);let __unstable_hideInnerStroke,animateArrowFrom,arrowPositionProp,asProp,initials,onImageLoadError,restProps,src,t0,t1,t2,title;$[0]!==props?(_props3=props,{__unstable_hideInnerStroke,as:asProp,color:t0,src,title,initials,onImageLoadError,arrowPosition:arrowPositionProp,animateArrowFrom,status:t1,size:t2}=_props3,restProps=_objectWithoutProperties(_props3,_excluded17),_props3,$[0]=props,$[1]=__unstable_hideInnerStroke,$[2]=animateArrowFrom,$[3]=arrowPositionProp,$[4]=asProp,$[5]=initials,$[6]=onImageLoadError,$[7]=restProps,$[8]=src,$[9]=t0,$[10]=t1,$[11]=t2,$[12]=title):(__unstable_hideInnerStroke=$[1],animateArrowFrom=$[2],arrowPositionProp=$[3],asProp=$[4],initials=$[5],onImageLoadError=$[6],restProps=$[7],src=$[8],t0=$[9],t1=$[10],t2=$[11],title=$[12]);const color=t0===void 0?"gray":t0,status=t1===void 0?"online":t1,sizeProp=t2===void 0?1:t2,{avatar}=useTheme_v2(),as=ReactIs.isValidElementType(asProp)?asProp:"div",size2=_getArrayProp(sizeProp),_sizeRem=(avatar.sizes[size2[0]]||avatar.sizes[0]).size,_radius=_sizeRem/2,elementId=useId(),[arrowPosition,setArrowPosition]=useState(animateArrowFrom||arrowPositionProp||"inside"),[imageFailed,setImageFailed]=useState(!1),imageId="avatar-image-".concat(elementId);let t3,t4;$[13]!==arrowPosition||$[14]!==arrowPositionProp?(t3=()=>{if(arrowPosition===arrowPositionProp)return;const raf=requestAnimationFrame(()=>setArrowPosition(arrowPositionProp));return()=>cancelAnimationFrame(raf);},t4=[arrowPosition,arrowPositionProp],$[13]=arrowPosition,$[14]=arrowPositionProp,$[15]=t3,$[16]=t4):(t3=$[15],t4=$[16]),useEffect$1(t3,t4);let t5,t6;$[17]!==src?(t5=()=>{src&&setImageFailed(!1);},t6=[src],$[17]=src,$[18]=t5,$[19]=t6):(t5=$[18],t6=$[19]),useEffect$1(t5,t6);let t7;$[20]!==onImageLoadError?(t7=()=>{setImageFailed(!0),onImageLoadError&&onImageLoadError(new Error("Avatar: the image failed to load"));},$[20]=onImageLoadError,$[21]=t7):t7=$[21];const handleImageError=t7,T0=StyledAvatar,t8=typeof as=="string"?as:void 0,t9="Avatar";let t10;$[22]!==color?(t10=/* @__PURE__ */jsx(Arrow$1,{children:/* @__PURE__ */jsx("svg",{width:"11",height:"7",viewBox:"0 0 11 7",fill:"none",children:/* @__PURE__ */jsx("path",{d:"M6.67948 1.50115L11 7L0 7L4.32052 1.50115C4.92109 0.736796 6.07891 0.736795 6.67948 1.50115Z",fill:color})})}),$[22]=color,$[23]=t10):t10=$[23];let t11;$[24]!==__unstable_hideInnerStroke||$[25]!==_radius||$[26]!==_sizeRem||$[27]!==handleImageError||$[28]!==imageFailed||$[29]!==imageId||$[30]!==src?(t11=!imageFailed&&src&&/* @__PURE__ */jsxs(AvatarImage,{viewBox:"0 0 ".concat(_sizeRem," ").concat(_sizeRem),fill:"none",children:[/* @__PURE__ */jsx("defs",{children:/* @__PURE__ */jsx("pattern",{id:imageId,patternContentUnits:"objectBoundingBox",width:"1",height:"1",children:/* @__PURE__ */jsx("image",{href:src,width:"1",height:"1",onError:handleImageError})})}),/* @__PURE__ */jsx("circle",{cx:_radius,cy:_radius,r:_radius,fill:"url(#".concat(imageId,")")}),!__unstable_hideInnerStroke&&/* @__PURE__ */jsx(BgStroke,{cx:_radius,cy:_radius,rx:_radius,ry:_radius,vectorEffect:"non-scaling-stroke"}),/* @__PURE__ */jsx(Stroke,{cx:_radius,cy:_radius,rx:_radius,ry:_radius,vectorEffect:"non-scaling-stroke"})]}),$[24]=__unstable_hideInnerStroke,$[25]=_radius,$[26]=_sizeRem,$[27]=handleImageError,$[28]=imageFailed,$[29]=imageId,$[30]=src,$[31]=t11):t11=$[31];const t12=(imageFailed||!src)&&initials&&/* @__PURE__ */jsx(Fragment,{children:/* @__PURE__ */jsx(Initials,{children:/* @__PURE__ */jsx(InitialsLabel,{forwardedAs:"span",size:size2.map(_temp$a),weight:"medium",children:initials})})});let t13;return $[32]!==T0||$[33]!==arrowPosition||$[34]!==as||$[35]!==color||$[36]!==ref||$[37]!==restProps||$[38]!==size2||$[39]!==status||$[40]!==t10||$[41]!==t11||$[42]!==t12||$[43]!==t8||$[44]!==title?(t13=/* @__PURE__ */jsxs(T0,_objectSpread(_objectSpread({as,"data-as":t8,"data-ui":t9},restProps),{},{$color:color,$size:size2,"aria-label":title,"data-arrow-position":arrowPosition,"data-status":status,ref,title,children:[t10,t11,t12]})),$[32]=T0,$[33]=arrowPosition,$[34]=as,$[35]=color,$[36]=ref,$[37]=restProps,$[38]=size2,$[39]=status,$[40]=t10,$[41]=t11,$[42]=t12,$[43]=t8,$[44]=title,$[45]=t13):t13=$[45],t13;});Avatar.displayName="ForwardRef(Avatar)";function _temp$a(s){return s===1?1:s===2?3:s===3?5:0;}function _responsiveAvatarCounterSizeStyle(props){const{avatar,media}=getTheme_v2(props.theme);return _responsive(media,props.$size,size2=>{const avatarSize=avatar.sizes[size2];return avatarSize?{borderRadius:rem(avatarSize.size/2),minWidth:rem(avatarSize.size),height:rem(avatarSize.size)}:EMPTY_RECORD;});}function _avatarCounterBaseStyle(props){const{space}=getTheme_v2(props.theme);return css(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n user-select: none;\n color: inherit;\n color: var(--card-fg-color);\n background: var(--card-bg-color);\n box-shadow:\n 0 0 0 1px var(--card-bg-color),\n inset 0 0 0 1px var(--card-hairline-hard-color);\n padding: 0 ",";\n\n &:not([hidden]) {\n display: flex;\n }\n "])),rem(space[2]));}const StyledAvatarCounter=/* @__PURE__ */styled.div.withConfig({displayName:"StyledAvatarCounter",componentId:"sc-1ydx86y-0"})(_responsiveAvatarCounterSizeStyle,_avatarCounterBaseStyle),AvatarCounter=forwardRef(function(props,ref){const $=dist.c(20),{count,size:t0}=props,sizeProp=t0===void 0?1:t0;let T0,T1,t1,t2,t3,t4,t5;if($[0]!==ref||$[1]!==sizeProp){const size2=_getArrayProp(sizeProp);T1=StyledAvatarCounter,t3=size2,t4="AvatarCounter",t5=ref,T0=Label,t1="span",t2=size2.map(_temp$9),$[0]=ref,$[1]=sizeProp,$[2]=T0,$[3]=T1,$[4]=t1,$[5]=t2,$[6]=t3,$[7]=t4,$[8]=t5;}else T0=$[2],T1=$[3],t1=$[4],t2=$[5],t3=$[6],t4=$[7],t5=$[8];let t6;$[9]!==T0||$[10]!==count||$[11]!==t1||$[12]!==t2?(t6=/* @__PURE__ */jsx(T0,{as:t1,size:t2,weight:"medium",children:count}),$[9]=T0,$[10]=count,$[11]=t1,$[12]=t2,$[13]=t6):t6=$[13];let t7;return $[14]!==T1||$[15]!==t3||$[16]!==t4||$[17]!==t5||$[18]!==t6?(t7=/* @__PURE__ */jsx(T1,{$size:t3,"data-ui":t4,ref:t5,children:t6}),$[14]=T1,$[15]=t3,$[16]=t4,$[17]=t5,$[18]=t6,$[19]=t7):t7=$[19],t7;});AvatarCounter.displayName="ForwardRef(AvatarCounter)";function _temp$9(s){return s===1?1:s===2?3:s===3?5:0;}const BASE_STYLES=css(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n white-space: nowrap;\n\n & > div {\n vertical-align: top;\n\n &:not([hidden]) {\n display: inline-block;\n }\n }\n"])));function avatarStackStyle(){return BASE_STYLES;}function responsiveAvatarStackSizeStyle(props){const{avatar,media}=getTheme_v2(props.theme);return _responsive(media,props.$size,size2=>{const avatarSize=avatar.sizes[size2];return avatarSize?{"& > div + div":{marginLeft:rem(avatarSize.distance)}}:EMPTY_RECORD;});}const StyledAvatarStack=/* @__PURE__ */styled.div.withConfig({displayName:"StyledAvatarStack",componentId:"sc-cysmbb-0"})(responsiveAvatarStackSizeStyle,avatarStackStyle),AvatarStack=forwardRef(function(props,ref){var _props4;const $=dist.c(38);let childrenProp,restProps,t0,t1;$[0]!==props?(_props4=props,{children:childrenProp,maxLength:t0,size:t1}=_props4,restProps=_objectWithoutProperties(_props4,_excluded18),_props4,$[0]=props,$[1]=childrenProp,$[2]=restProps,$[3]=t0,$[4]=t1):(childrenProp=$[1],restProps=$[2],t0=$[3],t1=$[4]);const maxLengthProp=t0===void 0?4:t0,sizeProp=t1===void 0?1:t1;let T0,t2,t3,t4,t5,t6,t7,t8;if($[5]!==childrenProp||$[6]!==maxLengthProp||$[7]!==ref||$[8]!==restProps||$[9]!==sizeProp){const children=Children.toArray(childrenProp).filter(isValidElement$1),maxLength=Math.max(maxLengthProp,0);let t92;$[18]!==sizeProp?(t92=_getArrayProp(sizeProp),$[18]=sizeProp,$[19]=t92):t92=$[19];const size2=t92,len=children.length,visibleCount=maxLength-1,extraCount=len-visibleCount,visibleChildren=extraCount>1?children.slice(extraCount,len):children;T0=StyledAvatarStack,t2="AvatarStack",t3=restProps,t4=ref,t5=size2,$[20]!==len||$[21]!==size2?(t6=len===0&&/* @__PURE__ */jsx("div",{children:/* @__PURE__ */jsx(AvatarCounter,{count:len,size:size2})}),$[20]=len,$[21]=size2,$[22]=t6):t6=$[22],$[23]!==extraCount||$[24]!==len||$[25]!==size2?(t7=len!==0&&extraCount>1&&/* @__PURE__ */jsx("div",{children:/* @__PURE__ */jsx(AvatarCounter,{count:extraCount,size:size2})}),$[23]=extraCount,$[24]=len,$[25]=size2,$[26]=t7):t7=$[26];let t10;$[27]!==size2?(t10=(child,childIndex)=>/* @__PURE__ */jsx("div",{children:cloneElement(child,{size:size2})},String(childIndex)),$[27]=size2,$[28]=t10):t10=$[28],t8=visibleChildren.map(t10),$[5]=childrenProp,$[6]=maxLengthProp,$[7]=ref,$[8]=restProps,$[9]=sizeProp,$[10]=T0,$[11]=t2,$[12]=t3,$[13]=t4,$[14]=t5,$[15]=t6,$[16]=t7,$[17]=t8;}else T0=$[10],t2=$[11],t3=$[12],t4=$[13],t5=$[14],t6=$[15],t7=$[16],t8=$[17];let t9;return $[29]!==T0||$[30]!==t2||$[31]!==t3||$[32]!==t4||$[33]!==t5||$[34]!==t6||$[35]!==t7||$[36]!==t8?(t9=/* @__PURE__ */jsxs(T0,_objectSpread(_objectSpread({"data-ui":t2},t3),{},{ref:t4,$size:t5,children:[t6,t7,t8]})),$[29]=T0,$[30]=t2,$[31]=t3,$[32]=t4,$[33]=t5,$[34]=t6,$[35]=t7,$[36]=t8,$[37]=t9):t9=$[37],t9;});AvatarStack.displayName="ForwardRef(AvatarStack)";const StyledBox=/* @__PURE__ */styled.div.withConfig({displayName:"StyledBox",componentId:"sc-1hhky9f-0"})(boxStyle,flexItemStyle,responsiveBoxStyle,responsiveGridItemStyle,responsiveMarginStyle,responsivePaddingStyle),Box=forwardRef(function(props,ref){var _props5;const $=dist.c(109);let column,columnEnd,columnStart,flex,height,marginBottom,marginLeft,marginRight,marginTop,marginX,marginY,overflow,paddingBottom,paddingLeft,paddingRight,paddingTop,paddingX,paddingY,restProps,row,rowEnd,rowStart,sizing,t0,t1,t2,t3;$[0]!==props?(_props5=props,{as:t0,column,columnStart,columnEnd,display:t1,flex,height,margin:t2,marginX,marginY,marginTop,marginRight,marginBottom,marginLeft,overflow,padding:t3,paddingX,paddingY,paddingTop,paddingRight,paddingBottom,paddingLeft,row,rowStart,rowEnd,sizing}=_props5,restProps=_objectWithoutProperties(_props5,_excluded19),_props5,$[0]=props,$[1]=column,$[2]=columnEnd,$[3]=columnStart,$[4]=flex,$[5]=height,$[6]=marginBottom,$[7]=marginLeft,$[8]=marginRight,$[9]=marginTop,$[10]=marginX,$[11]=marginY,$[12]=overflow,$[13]=paddingBottom,$[14]=paddingLeft,$[15]=paddingRight,$[16]=paddingTop,$[17]=paddingX,$[18]=paddingY,$[19]=restProps,$[20]=row,$[21]=rowEnd,$[22]=rowStart,$[23]=sizing,$[24]=t0,$[25]=t1,$[26]=t2,$[27]=t3):(column=$[1],columnEnd=$[2],columnStart=$[3],flex=$[4],height=$[5],marginBottom=$[6],marginLeft=$[7],marginRight=$[8],marginTop=$[9],marginX=$[10],marginY=$[11],overflow=$[12],paddingBottom=$[13],paddingLeft=$[14],paddingRight=$[15],paddingTop=$[16],paddingX=$[17],paddingY=$[18],restProps=$[19],row=$[20],rowEnd=$[21],rowStart=$[22],sizing=$[23],t0=$[24],t1=$[25],t2=$[26],t3=$[27]);const asProp=t0===void 0?"div":t0,display=t1===void 0?"block":t1,margin=t2===void 0?0:t2,padding=t3===void 0?0:t3,t4=typeof asProp=="string"?asProp:void 0;let t5;$[28]!==column?(t5=_getArrayProp(column),$[28]=column,$[29]=t5):t5=$[29];let t6;$[30]!==columnStart?(t6=_getArrayProp(columnStart),$[30]=columnStart,$[31]=t6):t6=$[31];let t7;$[32]!==columnEnd?(t7=_getArrayProp(columnEnd),$[32]=columnEnd,$[33]=t7):t7=$[33];let t8;$[34]!==display?(t8=_getArrayProp(display),$[34]=display,$[35]=t8):t8=$[35];let t9;$[36]!==flex?(t9=_getArrayProp(flex),$[36]=flex,$[37]=t9):t9=$[37];let t10;$[38]!==height?(t10=_getArrayProp(height),$[38]=height,$[39]=t10):t10=$[39];let t11;$[40]!==margin?(t11=_getArrayProp(margin),$[40]=margin,$[41]=t11):t11=$[41];let t12;$[42]!==marginX?(t12=_getArrayProp(marginX),$[42]=marginX,$[43]=t12):t12=$[43];let t13;$[44]!==marginY?(t13=_getArrayProp(marginY),$[44]=marginY,$[45]=t13):t13=$[45];let t14;$[46]!==marginTop?(t14=_getArrayProp(marginTop),$[46]=marginTop,$[47]=t14):t14=$[47];let t15;$[48]!==marginRight?(t15=_getArrayProp(marginRight),$[48]=marginRight,$[49]=t15):t15=$[49];let t16;$[50]!==marginBottom?(t16=_getArrayProp(marginBottom),$[50]=marginBottom,$[51]=t16):t16=$[51];let t17;$[52]!==marginLeft?(t17=_getArrayProp(marginLeft),$[52]=marginLeft,$[53]=t17):t17=$[53];let t18;$[54]!==overflow?(t18=_getArrayProp(overflow),$[54]=overflow,$[55]=t18):t18=$[55];let t19;$[56]!==padding?(t19=_getArrayProp(padding),$[56]=padding,$[57]=t19):t19=$[57];let t20;$[58]!==paddingX?(t20=_getArrayProp(paddingX),$[58]=paddingX,$[59]=t20):t20=$[59];let t21;$[60]!==paddingY?(t21=_getArrayProp(paddingY),$[60]=paddingY,$[61]=t21):t21=$[61];let t22;$[62]!==paddingTop?(t22=_getArrayProp(paddingTop),$[62]=paddingTop,$[63]=t22):t22=$[63];let t23;$[64]!==paddingRight?(t23=_getArrayProp(paddingRight),$[64]=paddingRight,$[65]=t23):t23=$[65];let t24;$[66]!==paddingBottom?(t24=_getArrayProp(paddingBottom),$[66]=paddingBottom,$[67]=t24):t24=$[67];let t25;$[68]!==paddingLeft?(t25=_getArrayProp(paddingLeft),$[68]=paddingLeft,$[69]=t25):t25=$[69];let t26;$[70]!==row?(t26=_getArrayProp(row),$[70]=row,$[71]=t26):t26=$[71];let t27;$[72]!==rowStart?(t27=_getArrayProp(rowStart),$[72]=rowStart,$[73]=t27):t27=$[73];let t28;$[74]!==rowEnd?(t28=_getArrayProp(rowEnd),$[74]=rowEnd,$[75]=t28):t28=$[75];let t29;$[76]!==sizing?(t29=_getArrayProp(sizing),$[76]=sizing,$[77]=t29):t29=$[77];let t30;return $[78]!==asProp||$[79]!==props.children||$[80]!==ref||$[81]!==restProps||$[82]!==t10||$[83]!==t11||$[84]!==t12||$[85]!==t13||$[86]!==t14||$[87]!==t15||$[88]!==t16||$[89]!==t17||$[90]!==t18||$[91]!==t19||$[92]!==t20||$[93]!==t21||$[94]!==t22||$[95]!==t23||$[96]!==t24||$[97]!==t25||$[98]!==t26||$[99]!==t27||$[100]!==t28||$[101]!==t29||$[102]!==t4||$[103]!==t5||$[104]!==t6||$[105]!==t7||$[106]!==t8||$[107]!==t9?(t30=/* @__PURE__ */jsx(StyledBox,_objectSpread(_objectSpread({"data-as":t4,"data-ui":"Box"},restProps),{},{$column:t5,$columnStart:t6,$columnEnd:t7,$display:t8,$flex:t9,$height:t10,$margin:t11,$marginX:t12,$marginY:t13,$marginTop:t14,$marginRight:t15,$marginBottom:t16,$marginLeft:t17,$overflow:t18,$padding:t19,$paddingX:t20,$paddingY:t21,$paddingTop:t22,$paddingRight:t23,$paddingBottom:t24,$paddingLeft:t25,$row:t26,$rowStart:t27,$rowEnd:t28,$sizing:t29,as:asProp,ref,children:props.children})),$[78]=asProp,$[79]=props.children,$[80]=ref,$[81]=restProps,$[82]=t10,$[83]=t11,$[84]=t12,$[85]=t13,$[86]=t14,$[87]=t15,$[88]=t16,$[89]=t17,$[90]=t18,$[91]=t19,$[92]=t20,$[93]=t21,$[94]=t22,$[95]=t23,$[96]=t24,$[97]=t25,$[98]=t26,$[99]=t27,$[100]=t28,$[101]=t29,$[102]=t4,$[103]=t5,$[104]=t6,$[105]=t7,$[106]=t8,$[107]=t9,$[108]=t30):t30=$[108],t30;});Box.displayName="ForwardRef(Box)";function textBaseStyle(props){const{$accent,$muted}=props,{font}=getTheme_v2(props.theme);return css(_templateObject0||(_templateObject0=_taggedTemplateLiteral(["\n color: var(--card-fg-color);\n\n ","\n\n ","\n\n & code {\n font-family: ",";\n border-radius: 1px;\n background-color: var(--card-code-bg-color);\n color: var(--card-code-fg-color);\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n color: var(--card-link-color);\n outline: none;\n\n @media (hover: hover) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n &:focus {\n box-shadow:\n 0 0 0 1px var(--card-bg-color),\n 0 0 0 3px var(--card-focus-ring-color);\n }\n\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n\n & strong {\n font-weight: ",";\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n color: var(--card-icon-color);\n\n & path {\n vector-effect: non-scaling-stroke !important;\n }\n }\n "])),$accent&&css(_templateObject1||(_templateObject1=_taggedTemplateLiteral(["\n color: var(--card-accent-fg-color);\n "]))),$muted&&css(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n color: var(--card-muted-fg-color);\n "]))),font.code.family,font.text.weights.bold);}const StyledText=/* @__PURE__ */styled.div.withConfig({displayName:"StyledText",componentId:"sc-11ov82j-0"})(responsiveTextFont,responsiveTextAlignStyle,textBaseStyle),Text=forwardRef(function(props,ref){var _props6;const $=dist.c(26);let align,childrenProp,restProps,t0,t1,t2,textOverflow,weight;$[0]!==props?(_props6=props,{accent:t0,align,children:childrenProp,muted:t1,size:t2,textOverflow,weight}=_props6,restProps=_objectWithoutProperties(_props6,_excluded20),_props6,$[0]=props,$[1]=align,$[2]=childrenProp,$[3]=restProps,$[4]=t0,$[5]=t1,$[6]=t2,$[7]=textOverflow,$[8]=weight):(align=$[1],childrenProp=$[2],restProps=$[3],t0=$[4],t1=$[5],t2=$[6],textOverflow=$[7],weight=$[8]);const accent=t0===void 0?!1:t0,muted=t1===void 0?!1:t1,size2=t2===void 0?2:t2;let children=childrenProp;if(textOverflow==="ellipsis"){let t32;$[9]!==children?(t32=/* @__PURE__ */jsx(SpanWithTextOverflow,{children}),$[9]=children,$[10]=t32):t32=$[10],children=t32;}let t3;$[11]!==align?(t3=_getArrayProp(align),$[11]=align,$[12]=t3):t3=$[12];let t4;$[13]!==size2?(t4=_getArrayProp(size2),$[13]=size2,$[14]=t4):t4=$[14];let t5;$[15]!==children?(t5=/* @__PURE__ */jsx("span",{children}),$[15]=children,$[16]=t5):t5=$[16];let t6;return $[17]!==accent||$[18]!==muted||$[19]!==ref||$[20]!==restProps||$[21]!==t3||$[22]!==t4||$[23]!==t5||$[24]!==weight?(t6=/* @__PURE__ */jsx(StyledText,_objectSpread(_objectSpread({"data-ui":"Text"},restProps),{},{$accent:accent,$align:t3,$muted:muted,ref,$size:t4,$weight:weight,children:t5})),$[17]=accent,$[18]=muted,$[19]=ref,$[20]=restProps,$[21]=t3,$[22]=t4,$[23]=t5,$[24]=weight,$[25]=t6):t6=$[25],t6;});Text.displayName="ForwardRef(Text)";function badgeStyle(props){const{$tone}=props;return{"--card-bg-color":"var(--card-badge-".concat($tone,"-bg-color)"),"--card-fg-color":"var(--card-badge-".concat($tone,"-fg-color)"),backgroundColor:"var(--card-bg-color)",cursor:"default","&:not([hidden])":{display:"inline-block",verticalAlign:"top"}};}const StyledBadge=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledBadge",componentId:"sc-5u140l-0"})(responsiveRadiusStyle,badgeStyle),Badge=forwardRef(function(props,ref){const $=dist.c(21);let children,restProps,t0,t1,t2,t3;if($[0]!==props){const{children:t42,fontSize:t52,mode:_deprecated_mode,padding:t62,radius:t72,tone:t8}=props,t9=_objectWithoutProperties(props,_excluded21);children=t42,t0=t52,t1=t62,t2=t72,t3=t8,restProps=t9,$[0]=props,$[1]=children,$[2]=restProps,$[3]=t0,$[4]=t1,$[5]=t2,$[6]=t3;}else children=$[1],restProps=$[2],t0=$[3],t1=$[4],t2=$[5],t3=$[6];const fontSize2=t0===void 0?1:t0,padding=t1===void 0?1:t1,radius=t2===void 0?"full":t2,tone=t3===void 0?"default":t3;let t4;$[7]!==radius?(t4=_getArrayProp(radius),$[7]=radius,$[8]=t4):t4=$[8];let t5;$[9]!==padding?(t5=_getArrayProp(padding),$[9]=padding,$[10]=t5):t5=$[10];let t6;$[11]!==children||$[12]!==fontSize2?(t6=/* @__PURE__ */jsx(Text,{size:fontSize2,children}),$[11]=children,$[12]=fontSize2,$[13]=t6):t6=$[13];let t7;return $[14]!==ref||$[15]!==restProps||$[16]!==t4||$[17]!==t5||$[18]!==t6||$[19]!==tone?(t7=/* @__PURE__ */jsx(StyledBadge,_objectSpread(_objectSpread({"data-ui":"Badge"},restProps),{},{$tone:tone,$radius:t4,padding:t5,ref,children:t6})),$[14]=ref,$[15]=restProps,$[16]=t4,$[17]=t5,$[18]=t6,$[19]=tone,$[20]=t7):t7=$[20],t7;});Badge.displayName="ForwardRef(Badge)";const StyledFlex=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledFlex",componentId:"sc-oxesg3-0"})(flexItemStyle,responsiveFlexStyle),Flex=forwardRef(function(props,ref){var _props7;const $=dist.c(27);let align,as,gap,justify,restProps,t0,wrap;$[0]!==props?(_props7=props,{align,as,direction:t0,gap,justify,wrap}=_props7,restProps=_objectWithoutProperties(_props7,_excluded22),_props7,$[0]=props,$[1]=align,$[2]=as,$[3]=gap,$[4]=justify,$[5]=restProps,$[6]=t0,$[7]=wrap):(align=$[1],as=$[2],gap=$[3],justify=$[4],restProps=$[5],t0=$[6],wrap=$[7]);const direction=t0===void 0?"row":t0;let t1;$[8]!==align?(t1=_getArrayProp(align),$[8]=align,$[9]=t1):t1=$[9];let t2;$[10]!==direction?(t2=_getArrayProp(direction),$[10]=direction,$[11]=t2):t2=$[11];let t3;$[12]!==gap?(t3=_getArrayProp(gap),$[12]=gap,$[13]=t3):t3=$[13];let t4;$[14]!==justify?(t4=_getArrayProp(justify),$[14]=justify,$[15]=t4):t4=$[15];let t5;$[16]!==wrap?(t5=_getArrayProp(wrap),$[16]=wrap,$[17]=t5):t5=$[17];let t6;return $[18]!==as||$[19]!==ref||$[20]!==restProps||$[21]!==t1||$[22]!==t2||$[23]!==t3||$[24]!==t4||$[25]!==t5?(t6=/* @__PURE__ */jsx(StyledFlex,_objectSpread(_objectSpread({"data-ui":"Flex"},restProps),{},{$align:t1,$direction:t2,$gap:t3,$justify:t4,$wrap:t5,forwardedAs:as,ref})),$[18]=as,$[19]=ref,$[20]=restProps,$[21]=t1,$[22]=t2,$[23]=t3,$[24]=t4,$[25]=t5,$[26]=t6):t6=$[26],t6;});Flex.displayName="ForwardRef(Flex)";const rotate$1=keyframes$1(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n"]))),StyledSpinner=styled(Text).withConfig({displayName:"StyledSpinner",componentId:"sc-124hnd0-0"})(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["& > span > svg{animation:"," 500ms linear infinite;}"])),rotate$1),Spinner=forwardRef(function(props,ref){const $=dist.c(4);let t0;$[0]===Symbol.for("react.memo_cache_sentinel")?(t0=/* @__PURE__ */jsx(SpinnerIcon,{}),$[0]=t0):t0=$[0];let t1;return $[1]!==props||$[2]!==ref?(t1=/* @__PURE__ */jsx(StyledSpinner,_objectSpread(_objectSpread({"data-ui":"Spinner"},props),{},{ref,children:t0})),$[1]=props,$[2]=ref,$[3]=t1):t1=$[3],t1;});Spinner.displayName="ForwardRef(Spinner)";function _cardColorStyle(base,color){var _color$badge$neutral,_color$badge$neutral2,_color$badge$neutral3,_color$badge$neutral4,_color$badge$suggest,_color$badge$suggest2,_color$badge$suggest3,_color$badge$suggest4;let checkered=arguments.length>2&&arguments[2]!==undefined?arguments[2]:!1;return{// from base
2293
2348
  "--card-backdrop-color":base.backdrop,"--card-focus-ring-color":base.focusRing,"--card-shadow-outline-color":base.shadow.outline,"--card-shadow-umbra-color":base.shadow.umbra,"--card-shadow-penumbra-color":base.shadow.penumbra,"--card-shadow-ambient-color":base.shadow.ambient,// from state
2294
2349
  "--card-accent-fg-color":color.accent.fg,"--card-avatar-gray-bg-color":color.avatar.gray.bg,"--card-avatar-gray-fg-color":color.avatar.gray.fg,"--card-avatar-blue-bg-color":color.avatar.blue.bg,"--card-avatar-blue-fg-color":color.avatar.blue.fg,"--card-avatar-purple-bg-color":color.avatar.purple.bg,"--card-avatar-purple-fg-color":color.avatar.purple.fg,"--card-avatar-magenta-bg-color":color.avatar.magenta.bg,"--card-avatar-magenta-fg-color":color.avatar.magenta.fg,"--card-avatar-red-bg-color":color.avatar.red.bg,"--card-avatar-red-fg-color":color.avatar.red.fg,"--card-avatar-orange-bg-color":color.avatar.orange.bg,"--card-avatar-orange-fg-color":color.avatar.orange.fg,"--card-avatar-yellow-bg-color":color.avatar.yellow.bg,"--card-avatar-yellow-fg-color":color.avatar.yellow.fg,"--card-avatar-green-bg-color":color.avatar.green.bg,"--card-avatar-green-fg-color":color.avatar.green.fg,"--card-avatar-cyan-bg-color":color.avatar.cyan.bg,"--card-avatar-cyan-fg-color":color.avatar.cyan.fg,"--card-bg-color":color.bg,"--card-bg-image":checkered?"repeating-conic-gradient(".concat(color.bg," 0% 25%, ").concat(color.muted.bg," 0% 50%)"):void 0,"--card-border-color":color.border,"--card-badge-default-bg-color":color.badge.default.bg,"--card-badge-default-dot-color":color.badge.default.dot,"--card-badge-default-fg-color":color.badge.default.fg,"--card-badge-default-icon-color":color.badge.default.icon,"--card-badge-neutral-bg-color":(_color$badge$neutral=color.badge.neutral)===null||_color$badge$neutral===void 0?void 0:_color$badge$neutral.bg,"--card-badge-neutral-dot-color":(_color$badge$neutral2=color.badge.neutral)===null||_color$badge$neutral2===void 0?void 0:_color$badge$neutral2.dot,"--card-badge-neutral-fg-color":(_color$badge$neutral3=color.badge.neutral)===null||_color$badge$neutral3===void 0?void 0:_color$badge$neutral3.fg,"--card-badge-neutral-icon-color":(_color$badge$neutral4=color.badge.neutral)===null||_color$badge$neutral4===void 0?void 0:_color$badge$neutral4.icon,"--card-badge-primary-bg-color":color.badge.primary.bg,"--card-badge-primary-dot-color":color.badge.primary.dot,"--card-badge-primary-fg-color":color.badge.primary.fg,"--card-badge-primary-icon-color":color.badge.primary.icon,"--card-badge-suggest-bg-color":(_color$badge$suggest=color.badge.suggest)===null||_color$badge$suggest===void 0?void 0:_color$badge$suggest.bg,"--card-badge-suggest-dot-color":(_color$badge$suggest2=color.badge.suggest)===null||_color$badge$suggest2===void 0?void 0:_color$badge$suggest2.dot,"--card-badge-suggest-fg-color":(_color$badge$suggest3=color.badge.suggest)===null||_color$badge$suggest3===void 0?void 0:_color$badge$suggest3.fg,"--card-badge-suggest-icon-color":(_color$badge$suggest4=color.badge.suggest)===null||_color$badge$suggest4===void 0?void 0:_color$badge$suggest4.icon,"--card-badge-positive-bg-color":color.badge.positive.bg,"--card-badge-positive-dot-color":color.badge.positive.dot,"--card-badge-positive-fg-color":color.badge.positive.fg,"--card-badge-positive-icon-color":color.badge.positive.icon,"--card-badge-caution-bg-color":color.badge.caution.bg,"--card-badge-caution-dot-color":color.badge.caution.dot,"--card-badge-caution-fg-color":color.badge.caution.fg,"--card-badge-caution-icon-color":color.badge.caution.icon,"--card-badge-critical-bg-color":color.badge.critical.bg,"--card-badge-critical-dot-color":color.badge.critical.dot,"--card-badge-critical-fg-color":color.badge.critical.fg,"--card-badge-critical-icon-color":color.badge.critical.icon,"--card-code-bg-color":color.code.bg,"--card-code-fg-color":color.code.fg,"--card-fg-color":color.fg,"--card-icon-color":color.icon,"--card-kbd-bg-color":color.kbd.bg,"--card-kbd-border-color":color.kbd.border,"--card-kbd-fg-color":color.kbd.fg,"--card-link-fg-color":color.link.fg,"--card-muted-bg-color":color.muted.bg,"--card-muted-fg-color":color.muted.fg,"--card-skeleton-color-from":color.skeleton.from,"--card-skeleton-color-to":color.skeleton.to,// deprecated variables (kept for legacy)
2295
- "--card-bg2-color":color.muted.bg,"--card-link-color":color.link.fg,"--card-hairline-soft-color":color.border,"--card-hairline-hard-color":color.border};}function buttonBaseStyles(props){const{$width}=props,{style}=getTheme_v2(props.theme);return css(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n ",";\n\n -webkit-font-smoothing: inherit;\n appearance: none;\n display: inline-flex;\n align-items: center;\n font: inherit;\n border: 0;\n outline: none;\n user-select: none;\n text-decoration: none;\n border: 0;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n white-space: nowrap;\n text-align: left;\n position: relative;\n vertical-align: top;\n\n ","\n\n & > span {\n display: block;\n flex: 1;\n min-width: 0;\n border-radius: inherit;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n "])),style===null||style===void 0?void 0:style.button,$width==="fill"&&css(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n width: -moz-available;\n width: -webkit-fill-available;\n width: stretch;\n "]))));}function combineBoxShadow(){for(var _len7=arguments.length,boxShadows=new Array(_len7),_key7=0;_key7<_len7;_key7++){boxShadows[_key7]=arguments[_key7];}return boxShadows.filter(Boolean).join(",");}function buttonColorStyles(props){var _style$button;const{$mode}=props,{button,color:baseColor,style}=getTheme_v2(props.theme),shadow=props.$mode==="ghost",mode=baseColor.button[$mode]||baseColor.button.default,color=mode[props.$tone]||mode.default,border2={width:button.border.width,color:"var(--card-border-color)"},defaultBoxShadow=void 0;return[_cardColorStyle(baseColor,color.enabled),{backgroundColor:"var(--card-bg-color)",color:"var(--card-fg-color)",boxShadow:focusRingBorderStyle(border2),'&:disabled, &[data-disabled="true"]':_cardColorStyle(baseColor,color.disabled),"&:not([data-disabled='true'])":{boxShadow:combineBoxShadow(focusRingBorderStyle(border2),shadow?defaultBoxShadow:void 0),"&:focus":{boxShadow:focusRingStyle({base:baseColor,border:{width:2,color:baseColor.bg},focusRing:button.focusRing})},"&:focus:not(:focus-visible)":{boxShadow:combineBoxShadow(focusRingBorderStyle(border2),shadow?defaultBoxShadow:void 0)},"@media (hover: hover)":{"&:hover":_cardColorStyle(baseColor,color.hovered),"&:active":_cardColorStyle(baseColor,color.pressed),"&[data-hovered]":_cardColorStyle(baseColor,color.hovered)},"&[data-selected]":_cardColorStyle(baseColor,color.pressed)}},style===null||style===void 0||(_style$button=style.button)===null||_style$button===void 0?void 0:_style$button.root].filter(Boolean);}const StyledButton=/* @__PURE__ */styled.button.withConfig({displayName:"StyledButton",componentId:"sc-aaekt4-0"})(responsiveRadiusStyle,buttonBaseStyles,buttonColorStyles),LoadingBox=styled.div.withConfig({displayName:"LoadingBox",componentId:"sc-aaekt4-1"})(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:var(--card-bg-color);border-radius:inherit;z-index:1;box-shadow:inherit;"]))),Button=forwardRef(function(props,ref){var _props8;const $=dist.c(86);let IconComponent,IconRightComponent,children,disabled,loading,paddingBottomProp,paddingLeftProp,paddingRightProp,paddingTopProp,paddingXProp,paddingYProp,restProps,selected,t0,t1,t2,t3,t4,t5,t6,t7,t8,text,textAlign,textWeight,width;$[0]!==props?(_props8=props,{children,disabled,fontSize:t0,icon:IconComponent,iconRight:IconRightComponent,justify:t1,loading,mode:t2,padding:t3,paddingX:paddingXProp,paddingY:paddingYProp,paddingTop:paddingTopProp,paddingBottom:paddingBottomProp,paddingLeft:paddingLeftProp,paddingRight:paddingRightProp,radius:t4,selected,space:t5,text,textAlign,textWeight,tone:t6,type:t7,muted:t8,width}=_props8,restProps=_objectWithoutProperties(_props8,_excluded21),_props8,$[0]=props,$[1]=IconComponent,$[2]=IconRightComponent,$[3]=children,$[4]=disabled,$[5]=loading,$[6]=paddingBottomProp,$[7]=paddingLeftProp,$[8]=paddingRightProp,$[9]=paddingTopProp,$[10]=paddingXProp,$[11]=paddingYProp,$[12]=restProps,$[13]=selected,$[14]=t0,$[15]=t1,$[16]=t2,$[17]=t3,$[18]=t4,$[19]=t5,$[20]=t6,$[21]=t7,$[22]=t8,$[23]=text,$[24]=textAlign,$[25]=textWeight,$[26]=width):(IconComponent=$[1],IconRightComponent=$[2],children=$[3],disabled=$[4],loading=$[5],paddingBottomProp=$[6],paddingLeftProp=$[7],paddingRightProp=$[8],paddingTopProp=$[9],paddingXProp=$[10],paddingYProp=$[11],restProps=$[12],selected=$[13],t0=$[14],t1=$[15],t2=$[16],t3=$[17],t4=$[18],t5=$[19],t6=$[20],t7=$[21],t8=$[22],text=$[23],textAlign=$[24],textWeight=$[25],width=$[26]);const fontSize2=t0===void 0?1:t0,justifyProp=t1===void 0?"center":t1,mode=t2===void 0?"default":t2,paddingProp=t3===void 0?3:t3,radiusProp=t4===void 0?2:t4,spaceProp=t5===void 0?3:t5,tone=t6===void 0?"default":t6,type=t7===void 0?"button":t7,muted=t8===void 0?!1:t8,{button}=useTheme_v2();let t9;$[27]!==justifyProp?(t9=_getArrayProp(justifyProp),$[27]=justifyProp,$[28]=t9):t9=$[28];const justify=t9;let t10;$[29]!==paddingProp?(t10=_getArrayProp(paddingProp),$[29]=paddingProp,$[30]=t10):t10=$[30];const padding=t10;let t11;$[31]!==paddingXProp?(t11=_getArrayProp(paddingXProp),$[31]=paddingXProp,$[32]=t11):t11=$[32];const paddingX=t11;let t12;$[33]!==paddingYProp?(t12=_getArrayProp(paddingYProp),$[33]=paddingYProp,$[34]=t12):t12=$[34];const paddingY=t12;let t13;$[35]!==paddingTopProp?(t13=_getArrayProp(paddingTopProp),$[35]=paddingTopProp,$[36]=t13):t13=$[36];const paddingTop=t13;let t14;$[37]!==paddingBottomProp?(t14=_getArrayProp(paddingBottomProp),$[37]=paddingBottomProp,$[38]=t14):t14=$[38];const paddingBottom=t14;let t15;$[39]!==paddingLeftProp?(t15=_getArrayProp(paddingLeftProp),$[39]=paddingLeftProp,$[40]=t15):t15=$[40];const paddingLeft=t15;let t16;$[41]!==paddingRightProp?(t16=_getArrayProp(paddingRightProp),$[41]=paddingRightProp,$[42]=t16):t16=$[42];const paddingRight=t16;let t17;$[43]!==radiusProp?(t17=_getArrayProp(radiusProp),$[43]=radiusProp,$[44]=t17):t17=$[44];const radius=t17;let t18;$[45]!==spaceProp?(t18=_getArrayProp(spaceProp),$[45]=spaceProp,$[46]=t18):t18=$[46];const space=t18;let t19;$[47]!==padding||$[48]!==paddingBottom||$[49]!==paddingLeft||$[50]!==paddingRight||$[51]!==paddingTop||$[52]!==paddingX||$[53]!==paddingY?(t19={padding,paddingX,paddingY,paddingTop,paddingBottom,paddingLeft,paddingRight},$[47]=padding,$[48]=paddingBottom,$[49]=paddingLeft,$[50]=paddingRight,$[51]=paddingTop,$[52]=paddingX,$[53]=paddingY,$[54]=t19):t19=$[54];const boxProps=t19,t20=!!(loading||disabled),t21=selected?"":void 0,t22=!!(loading||disabled);let t23;$[55]!==loading?(t23=!!loading&&/* @__PURE__ */jsx(LoadingBox,{children:/* @__PURE__ */jsx(Spinner,{})}),$[55]=loading,$[56]=t23):t23=$[56];let t24;$[57]!==IconComponent||$[58]!==IconRightComponent||$[59]!==boxProps||$[60]!==button||$[61]!==fontSize2||$[62]!==justify||$[63]!==muted||$[64]!==space||$[65]!==text||$[66]!==textAlign||$[67]!==textWeight?(t24=(IconComponent||text||IconRightComponent)&&/* @__PURE__ */jsx(Box,_objectSpread(_objectSpread({as:"span"},boxProps),{},{children:/* @__PURE__ */jsxs(Flex,{as:"span",justify,gap:space,children:[IconComponent&&/* @__PURE__ */jsxs(Text,{size:fontSize2,children:[isValidElement$1(IconComponent)&&IconComponent,reactIsExports.isValidElementType(IconComponent)&&/* @__PURE__ */jsx(IconComponent,{})]}),text&&/* @__PURE__ */jsx(Box,{children:/* @__PURE__ */jsx(Text,{muted,align:textAlign,size:fontSize2,textOverflow:"ellipsis",weight:textWeight!==null&&textWeight!==void 0?textWeight:button.textWeight,children:text})}),IconRightComponent&&/* @__PURE__ */jsxs(Text,{size:fontSize2,children:[isValidElement$1(IconRightComponent)&&IconRightComponent,reactIsExports.isValidElementType(IconRightComponent)&&/* @__PURE__ */jsx(IconRightComponent,{})]})]})})),$[57]=IconComponent,$[58]=IconRightComponent,$[59]=boxProps,$[60]=button,$[61]=fontSize2,$[62]=justify,$[63]=muted,$[64]=space,$[65]=text,$[66]=textAlign,$[67]=textWeight,$[68]=t24):t24=$[68];let t25;$[69]!==boxProps||$[70]!==children?(t25=children&&/* @__PURE__ */jsx(Box,_objectSpread(_objectSpread({as:"span"},boxProps),{},{children})),$[69]=boxProps,$[70]=children,$[71]=t25):t25=$[71];let t26;return $[72]!==mode||$[73]!==radius||$[74]!==ref||$[75]!==restProps||$[76]!==t20||$[77]!==t21||$[78]!==t22||$[79]!==t23||$[80]!==t24||$[81]!==t25||$[82]!==tone||$[83]!==type||$[84]!==width?(t26=/* @__PURE__ */jsxs(StyledButton,_objectSpread(_objectSpread({"data-ui":"Button"},restProps),{},{$mode:mode,$radius:radius,$tone:tone,"data-disabled":t20,"data-selected":t21,disabled:t22,ref,type,$width:width,children:[t23,t24,t25]})),$[72]=mode,$[73]=radius,$[74]=ref,$[75]=restProps,$[76]=t20,$[77]=t21,$[78]=t22,$[79]=t23,$[80]=t24,$[81]=t25,$[82]=tone,$[83]=type,$[84]=width,$[85]=t26):t26=$[85],t26;});Button.displayName="ForwardRef(Button)";function cardStyle(props){return[cardBaseStyle(props),cardColorStyle(props)];}function cardBaseStyle(props){const{$checkered}=props,{space}=getTheme_v2(props.theme);return css(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n ","\n\n &[data-as='button'] {\n -webkit-font-smoothing: inherit;\n appearance: none;\n outline: none;\n font: inherit;\n text-align: inherit;\n border: 0;\n width: -moz-available;\n width: -webkit-fill-available;\n width: stretch;\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n outline: none;\n text-decoration: none;\n }\n\n /* &:is(pre) */\n &[data-as='pre'] {\n font: inherit;\n }\n "])),$checkered&&css(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n background-size: ","px ","px;\n background-position: 50% 50%;\n background-image: var(--card-bg-image);\n "])),space[3],space[3]));}function cardColorStyle(props){var _style$card;const{$checkered,$focusRing,$muted}=props,{card,color,style}=getTheme_v2(props.theme),border2={width:card.border.width,color:"var(--card-border-color)"};return css(_templateObject18||(_templateObject18=_taggedTemplateLiteral(["\n color-scheme: ",";\n\n ","\n\n background-color: ",";\n color: var(--card-fg-color);\n\n /* &:is(button) */\n &[data-as='button'] {\n --card-focus-ring-box-shadow: none;\n\n cursor: default;\n box-shadow: var(--card-focus-ring-box-shadow);\n\n &:disabled {\n ","\n }\n\n &:not(:disabled) {\n &[data-pressed] {\n ","\n }\n\n &[data-selected] {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-pressed]):not([data-selected]) {\n &[data-hovered],\n &:hover {\n ","\n }\n\n &:active {\n ","\n }\n }\n }\n\n &:focus-visible {\n --card-focus-ring-box-shadow: ",";\n }\n }\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n cursor: pointer;\n box-shadow: var(--card-focus-ring-box-shadow);\n\n &[data-disabled] {\n ","\n }\n\n &:not([data-disabled]) {\n &[data-pressed] {\n ","\n }\n\n &[data-selected] {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-pressed]):not([data-selected]) {\n &[data-hovered],\n &:hover {\n ","\n }\n\n &:active {\n ","\n }\n }\n }\n\n &:focus-visible {\n --card-focus-ring-box-shadow: ",";\n }\n }\n }\n\n ","\n "])),color._dark?"dark":"light",_cardColorStyle(color,color,$checkered),$muted?"var(--card-muted-bg-color)":"var(--card-bg-color)",_cardColorStyle(color,color.selectable.default.disabled,$checkered),_cardColorStyle(color,color.selectable.default.pressed,$checkered),_cardColorStyle(color,color.selectable.default.selected,$checkered),_cardColorStyle(color,color.selectable.default.hovered,$checkered),_cardColorStyle(color,color.selectable.default.pressed,$checkered),$focusRing?focusRingStyle({base:color,border:border2,focusRing:card.focusRing}):void 0,_cardColorStyle(color,color.selectable.default.disabled,$checkered),_cardColorStyle(color,color.selectable.default.pressed,$checkered),_cardColorStyle(color,color.selectable.default.selected,$checkered),_cardColorStyle(color,color.selectable.default.hovered,$checkered),_cardColorStyle(color,color.selectable.default.pressed,$checkered),$focusRing?focusRingStyle({base:color,border:border2,focusRing:card.focusRing}):void 0,style===null||style===void 0||(_style$card=style.card)===null||_style$card===void 0?void 0:_style$card.root);}const StyledCard=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledCard",componentId:"sc-osnro2-0"})(responsiveBorderStyle,responsiveRadiusStyle,responsiveShadowStyle,cardStyle),Card=forwardRef(function(props,ref){var _props9;const $=dist.c(56);let asProp,border2,borderBottom2,borderLeft2,borderRight2,borderTop2,muted,pressed,restProps,scheme,selected,shadow,t0,t1,t2,t3;$[0]!==props?(_props9=props,{__unstable_checkered:t0,__unstable_focusRing:t1,as:asProp,border:border2,borderTop:borderTop2,borderRight:borderRight2,borderBottom:borderBottom2,borderLeft:borderLeft2,muted,pressed,radius:t2,scheme,selected,shadow,tone:t3}=_props9,restProps=_objectWithoutProperties(_props9,_excluded22),_props9,$[0]=props,$[1]=asProp,$[2]=border2,$[3]=borderBottom2,$[4]=borderLeft2,$[5]=borderRight2,$[6]=borderTop2,$[7]=muted,$[8]=pressed,$[9]=restProps,$[10]=scheme,$[11]=selected,$[12]=shadow,$[13]=t0,$[14]=t1,$[15]=t2,$[16]=t3):(asProp=$[1],border2=$[2],borderBottom2=$[3],borderLeft2=$[4],borderRight2=$[5],borderTop2=$[6],muted=$[7],pressed=$[8],restProps=$[9],scheme=$[10],selected=$[11],shadow=$[12],t0=$[13],t1=$[14],t2=$[15],t3=$[16]);const checkered=t0===void 0?!1:t0,focusRing=t1===void 0?!1:t1,radius=t2===void 0?0:t2,toneProp=t3===void 0?"default":t3,as=reactIsExports.isValidElementType(asProp)?asProp:"div",rootTheme=useRootTheme(),tone=toneProp==="inherit"?rootTheme.tone:toneProp,t4=typeof as=="string"?as:void 0,t5=rootTheme.scheme;let t6;$[17]!==border2?(t6=_getArrayProp(border2),$[17]=border2,$[18]=t6):t6=$[18];let t7;$[19]!==borderTop2?(t7=_getArrayProp(borderTop2),$[19]=borderTop2,$[20]=t7):t7=$[20];let t8;$[21]!==borderRight2?(t8=_getArrayProp(borderRight2),$[21]=borderRight2,$[22]=t8):t8=$[22];let t9;$[23]!==borderBottom2?(t9=_getArrayProp(borderBottom2),$[23]=borderBottom2,$[24]=t9):t9=$[24];let t10;$[25]!==borderLeft2?(t10=_getArrayProp(borderLeft2),$[25]=borderLeft2,$[26]=t10):t10=$[26];let t11;$[27]!==radius?(t11=_getArrayProp(radius),$[27]=radius,$[28]=t11):t11=$[28];let t12;$[29]!==shadow?(t12=_getArrayProp(shadow),$[29]=shadow,$[30]=t12):t12=$[30];const t13=checkered?"":void 0,t14=pressed?"":void 0,t15=selected?"":void 0;let t16;$[31]!==as||$[32]!==checkered||$[33]!==focusRing||$[34]!==muted||$[35]!==ref||$[36]!==restProps||$[37]!==rootTheme.scheme||$[38]!==selected||$[39]!==t10||$[40]!==t11||$[41]!==t12||$[42]!==t13||$[43]!==t14||$[44]!==t15||$[45]!==t4||$[46]!==t6||$[47]!==t7||$[48]!==t8||$[49]!==t9||$[50]!==tone?(t16=/* @__PURE__ */jsx(StyledCard,_objectSpread(_objectSpread({"data-as":t4,"data-scheme":t5,"data-ui":"Card","data-tone":tone},restProps),{},{$border:t6,$borderTop:t7,$borderRight:t8,$borderBottom:t9,$borderLeft:t10,$checkered:checkered,$focusRing:focusRing,$muted:muted,$radius:t11,$shadow:t12,$tone:tone,"data-checkered":t13,"data-pressed":t14,"data-selected":t15,forwardedAs:as,ref,selected})),$[31]=as,$[32]=checkered,$[33]=focusRing,$[34]=muted,$[35]=ref,$[36]=restProps,$[37]=rootTheme.scheme,$[38]=selected,$[39]=t10,$[40]=t11,$[41]=t12,$[42]=t13,$[43]=t14,$[44]=t15,$[45]=t4,$[46]=t6,$[47]=t7,$[48]=t8,$[49]=t9,$[50]=tone,$[51]=t16):t16=$[51];let t17;return $[52]!==scheme||$[53]!==t16||$[54]!==tone?(t17=/* @__PURE__ */jsx(ThemeColorProvider,{scheme,tone,children:t16}),$[52]=scheme,$[53]=t16,$[54]=tone,$[55]=t17):t17=$[55],t17;});Card.displayName="ForwardRef(Card)";function useClickOutsideEvent(listener,t0,boundaryElement){const $=dist.c(9),elementsArg=t0===void 0?_temp$8:t0;let t1;$[0]!==boundaryElement||$[1]!==elementsArg||$[2]!==listener?(t1=evt=>{if(!listener)return;const target=evt.target;if(!(target instanceof Node))return;const resolvedBoundaryElement=boundaryElement===null||boundaryElement===void 0?void 0:boundaryElement();if(resolvedBoundaryElement&&!resolvedBoundaryElement.contains(target))return;const elements=elementsArg().flat();for(const el of elements)if(el&&(target===el||el.contains(target)))return;listener(evt);},$[0]=boundaryElement,$[1]=elementsArg,$[2]=listener,$[3]=t1):t1=$[3];const onEvent=useEffectEvent(t1),hasListener=!!listener;let t2;$[4]!==hasListener||$[5]!==onEvent?(t2=()=>{if(!hasListener)return;const handleEvent=evt_0=>onEvent(evt_0);return document.addEventListener("mousedown",handleEvent),()=>{document.removeEventListener("mousedown",handleEvent);};},$[4]=hasListener,$[5]=onEvent,$[6]=t2):t2=$[6];let t3;$[7]!==hasListener?(t3=[hasListener],$[7]=hasListener,$[8]=t3):t3=$[8],useEffect$1(t2,t3),useDebugValue(listener?"MouseDown On":"MouseDown Off");}function _temp$8(){return EMPTY_ARRAY;}function useCustomValidity(ref,customValidity){const $=dist.c(4);let t0,t1;$[0]!==customValidity||$[1]!==ref?(t0=()=>{var _ref$current;(_ref$current=ref.current)===null||_ref$current===void 0||_ref$current.setCustomValidity(customValidity||"");},t1=[customValidity,ref],$[0]=customValidity,$[1]=ref,$[2]=t0,$[3]=t1):(t0=$[2],t1=$[3]),useEffect$1(t0,t1);}const _ResizeObserver=typeof document<"u"&&typeof window<"u"&&window.ResizeObserver?window.ResizeObserver:ResizeObserver$1,_elementSizeObserver=_createElementSizeObserver();function _createElementRectValueListener(){return{subscribe(element,subscriber){const resizeObserver=new _ResizeObserver(_ref69=>{let[entry]=_ref69;subscriber({_contentRect:entry.contentRect,border:{width:entry.borderBoxSize[0].inlineSize,height:entry.borderBoxSize[0].blockSize},content:{width:entry.contentRect.width,height:entry.contentRect.height}});});return resizeObserver.observe(element),()=>{resizeObserver.unobserve(element),resizeObserver.disconnect();};}};}function _createElementSizeObserver(){const disposeCache=/* @__PURE__ */new WeakMap(),subscribersCache=/* @__PURE__ */new WeakMap();return{subscribe(element,subscriber){const subscribers=subscribersCache.get(element)||[];let dispose=disposeCache.get(element);return subscribersCache.has(element)||(subscribersCache.set(element,subscribers),dispose=_createElementRectValueListener().subscribe(element,elementRect=>{for(const sub of subscribers)sub(elementRect);})),subscribers.push(subscriber),()=>{const idx=subscribers.indexOf(subscriber);idx>-1&&subscribers.splice(idx,1),subscribers.length===0&&dispose&&dispose();};}};}function useElementSize(element){const $=dist.c(3),[size2,setSize]=useState(null);let t0,t1;return $[0]!==element?(t0=()=>{if(element)return _elementSizeObserver.subscribe(element,setSize);},t1=[element],$[0]=element,$[1]=t0,$[2]=t1):(t0=$[1],t1=$[2]),useEffect$1(t0,t1),size2;}function useGlobalKeyDown(onKeyDown,options){const $=dist.c(7);let t0;$[0]!==onKeyDown?(t0=event=>onKeyDown(event),$[0]=onKeyDown,$[1]=t0):t0=$[1];const handleKeyDown=useEffectEvent(t0);let t1;$[2]!==handleKeyDown||$[3]!==options?(t1=()=>{const handler=event_0=>handleKeyDown(event_0);return window.addEventListener("keydown",handler,options),()=>window.removeEventListener("keydown",handler,options);},$[2]=handleKeyDown,$[3]=options,$[4]=t1):t1=$[4];let t2;$[5]!==options?(t2=[options],$[5]=options,$[6]=t2):t2=$[6],useEffect$1(t1,t2);}function useMatchMedia(mediaQueryString,getServerSnapshot2){const $=dist.c(4);useDebugValue(mediaQueryString);let t0;$[0]!==mediaQueryString?(t0=onStoreChange=>{const media=window.matchMedia(mediaQueryString);return media.addEventListener("change",onStoreChange),()=>media.removeEventListener("change",onStoreChange);},$[0]=mediaQueryString,$[1]=t0):t0=$[1];let t1;return $[2]!==mediaQueryString?(t1=()=>window.matchMedia(mediaQueryString).matches,$[2]=mediaQueryString,$[3]=t1):t1=$[3],useSyncExternalStore(t0,t1,getServerSnapshot2);}function _getMediaQuery(media,index){return index===0?"screen and (max-width: ".concat(media[index]-1,"px)"):index===media.length?"screen and (min-width: ".concat(media[index-1],"px)"):"screen and (min-width: ".concat(media[index-1],"px) and (max-width: ").concat(media[index]-1,"px)");}function _createMediaStore(media){const mediaLen=media.length;let sizes;const getSizes=()=>{if(!sizes){sizes=[];for(let index=mediaLen;index>-1;index-=1){const mediaQuery=_getMediaQuery(media,index);sizes.push({index,mq:window.matchMedia(mediaQuery)});}}return sizes;};return{getSnapshot:()=>{for(const{index,mq}of getSizes())if(mq.matches)return index;return 0;},subscribe:onStoreChange=>{const disposeFns=[];for(const{mq}of getSizes()){const handleChange=()=>{mq.matches&&onStoreChange();};mq.addEventListener("change",handleChange),disposeFns.push(()=>mq.removeEventListener("change",handleChange));}return()=>{for(const disposeFn of disposeFns)disposeFn();};}};}function getServerSnapshot(){return 0;}function useMediaIndex(){const $=dist.c(2),{media}=useTheme_v2();let t0;$[0]!==media?(t0=_createMediaStore(media),$[0]=media,$[1]=t0):t0=$[1];const store=t0;return useSyncExternalStore(store.subscribe,store.getSnapshot,getServerSnapshot);}function usePrefersDark(t0){return useMatchMedia("(prefers-color-scheme: dark)",t0===void 0?_temp$7:t0);}function _temp$7(){return!1;}function usePrefersReducedMotion(t0){return useMatchMedia("(prefers-reduced-motion: reduce)",t0===void 0?_temp$6:t0);}function _temp$6(){return!1;}function checkboxBaseStyles(){return css(_templateObject19||(_templateObject19=_taggedTemplateLiteral(["\n position: relative;\n display: inline-block;\n "])));}function inputElementStyles(props){const{color,input,radius}=getTheme_v2(props.theme),{focusRing}=input.checkbox;return css(_templateObject20||(_templateObject20=_taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n outline: none;\n opacity: 0;\n z-index: 1;\n padding: 0;\n margin: 0;\n\n & + span {\n position: relative;\n display: block;\n height: ",";\n width: ",";\n box-sizing: border-box;\n box-shadow: ",";\n border-radius: ",";\n line-height: 1;\n background-color: ",";\n\n & > svg {\n display: block;\n position: absolute;\n opacity: 0;\n height: 100%;\n width: 100%;\n\n & > path {\n vector-effect: non-scaling-stroke;\n stroke-width: 1.5px !important;\n }\n }\n }\n\n &:checked + span {\n background: ",";\n box-shadow: ",";\n color: ",";\n }\n\n /* focus */\n &:not(:disabled):focus:focus-visible + span {\n box-shadow: ",";\n }\n\n /* focus when checked - uses a different offset */\n &:not(:disabled):focus:focus-visible&:checked + span {\n box-shadow: ",";\n }\n\n &[data-error] + span {\n background-color: ",";\n box-shadow: ",";\n color: ",";\n }\n &[data-error]&:checked + span {\n background-color: ",";\n color: ",";\n }\n &[data-error]&:checked&:not(:disabled):focus:focus-visible + span {\n box-shadow: ",";\n }\n\n &:disabled + span {\n background-color: ",";\n box-shadow: ",";\n color: ",";\n }\n &:disabled&:checked + span {\n background-color: ",";\n }\n\n &[data-read-only] + span {\n background-color: ",";\n box-shadow: ",";\n color: ",";\n }\n\n &[data-read-only]&:checked + span {\n background-color: ",";\n }\n\n &:checked + span > svg:first-child {\n opacity: 1;\n }\n &:indeterminate + span > svg:last-child {\n opacity: 1;\n }\n "])),rem(input.checkbox.size),rem(input.checkbox.size),focusRingBorderStyle({color:color.input.default.enabled.border,width:input.border.width}),rem(radius[2]),color.input.default.enabled.bg,color.input.default.enabled.fg,focusRingBorderStyle({color:color.input.default.enabled.fg,width:input.border.width}),color.input.default.enabled.bg,focusRingStyle({focusRing}),focusRingStyle({focusRing:{width:1,offset:1}}),color.input.invalid.enabled.border,focusRingBorderStyle({width:input.border.width,color:color.input.invalid.enabled.muted.bg}),color.input.default.disabled.fg,color.input.invalid.enabled.muted.bg,color.input.default.enabled.bg,focusRingStyle({border:{width:input.border.width,color:color.input.invalid.readOnly.muted.bg},focusRing:{width:1,offset:1}}),color.input.default.disabled.bg,focusRingBorderStyle({width:input.border.width,color:color.input.default.disabled.border}),color.input.default.disabled.fg,color.input.default.disabled.muted.bg,color.input.default.readOnly.bg,focusRingBorderStyle({width:input.border.width,color:color.input.default.readOnly.border}),color.input.default.readOnly.fg,color.input.default.readOnly.muted.bg);}const StyledCheckbox=/* @__PURE__ */styled.div.withConfig({displayName:"StyledCheckbox",componentId:"sc-1l5mt2l-0"})(checkboxBaseStyles),Input$5=/* @__PURE__ */styled.input.withConfig({displayName:"Input",componentId:"sc-1l5mt2l-1"})(inputElementStyles),Checkbox=forwardRef(function(props,forwardedRef){var _props0;const $=dist.c(25);let checked,className,customValidity,disabled,indeterminate,readOnly,restProps,style;$[0]!==props?(_props0=props,{checked,className,disabled,indeterminate,customValidity,readOnly,style}=_props0,restProps=_objectWithoutProperties(_props0,_excluded23),_props0,$[0]=props,$[1]=checked,$[2]=className,$[3]=customValidity,$[4]=disabled,$[5]=indeterminate,$[6]=readOnly,$[7]=restProps,$[8]=style):(checked=$[1],className=$[2],customValidity=$[3],disabled=$[4],indeterminate=$[5],readOnly=$[6],restProps=$[7],style=$[8]);const ref=useRef$1(null);let t0;$[9]===Symbol.for("react.memo_cache_sentinel")?(t0=()=>ref.current,$[9]=t0):t0=$[9],useImperativeHandle(forwardedRef,t0);let t1,t2;$[10]!==indeterminate?(t1=()=>{ref.current&&(ref.current.indeterminate=indeterminate||!1);},t2=[indeterminate],$[10]=indeterminate,$[11]=t1,$[12]=t2):(t1=$[11],t2=$[12]),useEffect$1(t1,t2),useCustomValidity(ref,customValidity);const t3=!disabled&&readOnly?"":void 0,t4=customValidity?"":void 0,t5=disabled||readOnly;let t6;$[13]!==checked||$[14]!==readOnly||$[15]!==restProps||$[16]!==t3||$[17]!==t4||$[18]!==t5?(t6=/* @__PURE__ */jsx(Input$5,_objectSpread(_objectSpread({"data-read-only":t3,"data-error":t4},restProps),{},{checked,disabled:t5,type:"checkbox",readOnly,ref})),$[13]=checked,$[14]=readOnly,$[15]=restProps,$[16]=t3,$[17]=t4,$[18]=t5,$[19]=t6):t6=$[19];let t7;$[20]===Symbol.for("react.memo_cache_sentinel")?(t7=/* @__PURE__ */jsxs("span",{children:[/* @__PURE__ */jsx(CheckmarkIcon,{}),/* @__PURE__ */jsx(RemoveIcon,{})]}),$[20]=t7):t7=$[20];let t8;return $[21]!==className||$[22]!==style||$[23]!==t6?(t8=/* @__PURE__ */jsxs(StyledCheckbox,{className,"data-ui":"Checkbox",style,children:[t6,t7]}),$[21]=className,$[22]=style,$[23]=t6,$[24]=t8):t8=$[24],t8;});Checkbox.displayName="ForwardRef(Checkbox)";function codeSyntaxHighlightingStyle(_ref70){let{theme}=_ref70;const{color:{syntax:color}}=getTheme_v2(theme);return{"&.atrule":{color:color.atrule},"&.attr-name":{color:color.attrName},"&.attr-value":{color:color.attrValue},"&.attribute":{color:color.attribute},"&.boolean":{color:color.boolean},"&.builtin":{color:color.builtin},"&.cdata":{color:color.cdata},"&.char":{color:color.char},"&.class":{color:color.class},"&.class-name":{color:color.className},"&.comment":{color:color.comment},"&.constant":{color:color.constant},"&.deleted":{color:color.deleted},"&.doctype":{color:color.doctype},"&.entity":{color:color.entity},"&.function":{color:color.function},"&.hexcode":{color:color.hexcode},"&.id":{color:color.id},"&.important":{color:color.important},"&.inserted":{color:color.inserted},"&.keyword":{color:color.keyword},"&.number":{color:color.number},"&.operator":{color:color.operator},"&.prolog":{color:color.prolog},"&.property":{color:color.property},"&.pseudo-class":{color:color.pseudoClass},"&.pseudo-element":{color:color.pseudoElement},"&.punctuation":{color:color.punctuation},"&.regex":{color:color.regex},"&.selector":{color:color.selector},"&.string":{color:color.string},"&.symbol":{color:color.symbol},"&.tag":{color:color.tag},"&.unit":{color:color.unit},"&.url":{color:color.url},"&.variable":{color:color.variable}};}function codeBaseStyle(){return css(_templateObject21||(_templateObject21=_taggedTemplateLiteral(["\n color: var(--card-code-fg-color);\n\n & code {\n font-family: inherit;\n\n &.refractor .token {\n ","\n }\n }\n\n & a {\n color: inherit;\n text-decoration: underline;\n border-radius: 1px;\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])),codeSyntaxHighlightingStyle);}const LazyRefractor=lazy(()=>import('./refractor-86932f9e.js')),StyledCode=/* @__PURE__ */styled.pre.withConfig({displayName:"StyledCode",componentId:"sc-4dymyn-0"})(codeBaseStyle,responsiveCodeFontStyle),Code=forwardRef(function(props,ref){var _props1;const $=dist.c(22);let children,language,restProps,t0,weight;$[0]!==props?(_props1=props,{children,language,size:t0,weight}=_props1,restProps=_objectWithoutProperties(_props1,_excluded24),_props1,$[0]=props,$[1]=children,$[2]=language,$[3]=restProps,$[4]=t0,$[5]=weight):(children=$[1],language=$[2],restProps=$[3],t0=$[4],weight=$[5]);const size2=t0===void 0?2:t0;let t1;$[6]!==size2?(t1=_getArrayProp(size2),$[6]=size2,$[7]=t1):t1=$[7];let t2;$[8]!==children?(t2=/* @__PURE__ */jsx("code",{children}),$[8]=children,$[9]=t2):t2=$[9];let t3;$[10]!==children||$[11]!==language?(t3=/* @__PURE__ */jsx(LazyRefractor,{language,value:children}),$[10]=children,$[11]=language,$[12]=t3):t3=$[12];let t4;$[13]!==t2||$[14]!==t3?(t4=/* @__PURE__ */jsx(Suspense,{fallback:t2,children:t3}),$[13]=t2,$[14]=t3,$[15]=t4):t4=$[15];let t5;return $[16]!==ref||$[17]!==restProps||$[18]!==t1||$[19]!==t4||$[20]!==weight?(t5=/* @__PURE__ */jsx(StyledCode,_objectSpread(_objectSpread({"data-ui":"Code"},restProps),{},{$size:t1,$weight:weight,ref,children:t4})),$[16]=ref,$[17]=restProps,$[18]=t1,$[19]=t4,$[20]=weight,$[21]=t5):t5=$[21],t5;});Code.displayName="ForwardRef(Code)";const BASE_STYLE$1={width:"100%",margin:"0 auto"};function containerBaseStyle(){return BASE_STYLE$1;}function responsiveContainerWidthStyle(props){const{container,media}=getTheme_v2(props.theme);return _responsive(media,props.$width,val=>({maxWidth:val==="auto"?"none":rem(container[val])}));}const StyledContainer=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledContainer",componentId:"sc-wyroop-0"})(containerBaseStyle,responsiveContainerWidthStyle),Container=forwardRef(function(props,ref){var _props10;const $=dist.c(11);let as,restProps,t0;$[0]!==props?(_props10=props,{as,width:t0}=_props10,restProps=_objectWithoutProperties(_props10,_excluded25),_props10,$[0]=props,$[1]=as,$[2]=restProps,$[3]=t0):(as=$[1],restProps=$[2],t0=$[3]);const width=t0===void 0?2:t0;let t1;$[4]!==width?(t1=_getArrayProp(width),$[4]=width,$[5]=t1):t1=$[5];let t2;return $[6]!==as||$[7]!==ref||$[8]!==restProps||$[9]!==t1?(t2=/* @__PURE__ */jsx(StyledContainer,_objectSpread(_objectSpread({"data-ui":"Container"},restProps),{},{$width:t1,forwardedAs:as,ref})),$[6]=as,$[7]=ref,$[8]=restProps,$[9]=t1,$[10]=t2):t2=$[10],t2;});Container.displayName="ForwardRef(Container)";const StyledGrid=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledGrid",componentId:"sc-v8t8oz-0"})(responsiveGridStyle),Grid=forwardRef(function(props,ref){var _props11;const $=dist.c(42);let as,autoCols,autoFlow,autoRows,children,columns,gap,gapX,gapY,restProps,rows;$[0]!==props?(_props11=props,{as,autoRows,autoCols,autoFlow,columns,gap,gapX,gapY,rows,children}=_props11,restProps=_objectWithoutProperties(_props11,_excluded26),_props11,$[0]=props,$[1]=as,$[2]=autoCols,$[3]=autoFlow,$[4]=autoRows,$[5]=children,$[6]=columns,$[7]=gap,$[8]=gapX,$[9]=gapY,$[10]=restProps,$[11]=rows):(as=$[1],autoCols=$[2],autoFlow=$[3],autoRows=$[4],children=$[5],columns=$[6],gap=$[7],gapX=$[8],gapY=$[9],restProps=$[10],rows=$[11]);const t0=typeof as=="string"?as:void 0;let t1;$[12]!==autoRows?(t1=_getArrayProp(autoRows),$[12]=autoRows,$[13]=t1):t1=$[13];let t2;$[14]!==autoCols?(t2=_getArrayProp(autoCols),$[14]=autoCols,$[15]=t2):t2=$[15];let t3;$[16]!==autoFlow?(t3=_getArrayProp(autoFlow),$[16]=autoFlow,$[17]=t3):t3=$[17];let t4;$[18]!==columns?(t4=_getArrayProp(columns),$[18]=columns,$[19]=t4):t4=$[19];let t5;$[20]!==gap?(t5=_getArrayProp(gap),$[20]=gap,$[21]=t5):t5=$[21];let t6;$[22]!==gapX?(t6=_getArrayProp(gapX),$[22]=gapX,$[23]=t6):t6=$[23];let t7;$[24]!==gapY?(t7=_getArrayProp(gapY),$[24]=gapY,$[25]=t7):t7=$[25];let t8;$[26]!==rows?(t8=_getArrayProp(rows),$[26]=rows,$[27]=t8):t8=$[27];let t9;return $[28]!==as||$[29]!==children||$[30]!==ref||$[31]!==restProps||$[32]!==t0||$[33]!==t1||$[34]!==t2||$[35]!==t3||$[36]!==t4||$[37]!==t5||$[38]!==t6||$[39]!==t7||$[40]!==t8?(t9=/* @__PURE__ */jsx(StyledGrid,_objectSpread(_objectSpread({"data-as":t0,"data-ui":"Grid"},restProps),{},{$autoRows:t1,$autoCols:t2,$autoFlow:t3,$columns:t4,$gap:t5,$gapX:t6,$gapY:t7,$rows:t8,forwardedAs:as,ref,children})),$[28]=as,$[29]=children,$[30]=ref,$[31]=restProps,$[32]=t0,$[33]=t1,$[34]=t2,$[35]=t3,$[36]=t4,$[37]=t5,$[38]=t6,$[39]=t7,$[40]=t8,$[41]=t9):t9=$[41],t9;});Grid.displayName="ForwardRef(Grid)";function headingBaseStyle(props){const{$accent,$muted}=props,{font}=getTheme_v2(props.theme);return css(_templateObject22||(_templateObject22=_taggedTemplateLiteral(["\n ","\n\n ","\n\n & code {\n font-family: ",";\n border-radius: 1px;\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n color: var(--card-link-color);\n outline: none;\n\n @media (hover: hover) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n &:focus {\n box-shadow:\n 0 0 0 1px var(--card-bg-color),\n 0 0 0 3px var(--card-focus-ring-color);\n }\n\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n\n & strong {\n font-weight: ",";\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])),$accent&&css(_templateObject23||(_templateObject23=_taggedTemplateLiteral(["\n color: var(--card-accent-fg-color);\n "]))),$muted&&css(_templateObject24||(_templateObject24=_taggedTemplateLiteral(["\n color: var(--card-muted-fg-color);\n "]))),font.code.family,font.heading.weights.bold);}const StyledHeading=/* @__PURE__ */styled.div.withConfig({displayName:"StyledHeading",componentId:"sc-137lwim-0"})(headingBaseStyle,responsiveTextAlignStyle,responsiveHeadingFont),Heading=forwardRef(function(props,ref){var _props12;const $=dist.c(26);let align,childrenProp,restProps,t0,t1,t2,textOverflow,weight;$[0]!==props?(_props12=props,{accent:t0,align,children:childrenProp,muted:t1,size:t2,textOverflow,weight}=_props12,restProps=_objectWithoutProperties(_props12,_excluded27),_props12,$[0]=props,$[1]=align,$[2]=childrenProp,$[3]=restProps,$[4]=t0,$[5]=t1,$[6]=t2,$[7]=textOverflow,$[8]=weight):(align=$[1],childrenProp=$[2],restProps=$[3],t0=$[4],t1=$[5],t2=$[6],textOverflow=$[7],weight=$[8]);const accent=t0===void 0?!1:t0,muted=t1===void 0?!1:t1,size2=t2===void 0?2:t2;let children=childrenProp;if(textOverflow==="ellipsis"){let t32;$[9]!==children?(t32=/* @__PURE__ */jsx(SpanWithTextOverflow,{children}),$[9]=children,$[10]=t32):t32=$[10],children=t32;}let t3;$[11]!==align?(t3=_getArrayProp(align),$[11]=align,$[12]=t3):t3=$[12];let t4;$[13]!==size2?(t4=_getArrayProp(size2),$[13]=size2,$[14]=t4):t4=$[14];let t5;$[15]!==children?(t5=/* @__PURE__ */jsx("span",{children}),$[15]=children,$[16]=t5):t5=$[16];let t6;return $[17]!==accent||$[18]!==muted||$[19]!==ref||$[20]!==restProps||$[21]!==t3||$[22]!==t4||$[23]!==t5||$[24]!==weight?(t6=/* @__PURE__ */jsx(StyledHeading,_objectSpread(_objectSpread({"data-ui":"Heading"},restProps),{},{$accent:accent,$align:t3,$muted:muted,$size:t4,$weight:weight,ref,children:t5})),$[17]=accent,$[18]=muted,$[19]=ref,$[20]=restProps,$[21]=t3,$[22]=t4,$[23]=t5,$[24]=weight,$[25]=t6):t6=$[25],t6;});Heading.displayName="ForwardRef(Heading)";function inlineBaseStyle(){return{lineHeight:"0","&&:not([hidden])":{display:"block"},"& > div":{display:"inline-block",verticalAlign:"middle"}};}function inlineSpaceStyle(props){const{media,space}=getTheme_v2(props.theme);return _responsive(media,props.$space,spaceIndex=>{const _space=rem(spaceIndex===0.5?space[1]/2:space[spaceIndex]);return{margin:"-".concat(_space," 0 0 -").concat(_space),"& > div":{padding:"".concat(_space," 0 0 ").concat(_space)}};});}const StyledInline=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledInline",componentId:"sc-1pkiy6j-0"})(inlineBaseStyle,inlineSpaceStyle),Inline=forwardRef(function(props,ref){var _props13;const $=dist.c(15);let as,childrenProp,restProps,space;$[0]!==props?(_props13=props,{as,children:childrenProp,space}=_props13,restProps=_objectWithoutProperties(_props13,_excluded28),_props13,$[0]=props,$[1]=as,$[2]=childrenProp,$[3]=restProps,$[4]=space):(as=$[1],childrenProp=$[2],restProps=$[3],space=$[4]);let t0;$[5]!==childrenProp?(t0=Children.map(childrenProp,_temp$5),$[5]=childrenProp,$[6]=t0):t0=$[6];const children=t0;let t1;$[7]!==space?(t1=_getArrayProp(space),$[7]=space,$[8]=t1):t1=$[8];const t2=ref;let t3;return $[9]!==as||$[10]!==children||$[11]!==restProps||$[12]!==t1||$[13]!==t2?(t3=/* @__PURE__ */jsx(StyledInline,_objectSpread(_objectSpread({"data-ui":"Inline"},restProps),{},{$space:t1,forwardedAs:as,ref:t2,children})),$[9]=as,$[10]=children,$[11]=restProps,$[12]=t1,$[13]=t2,$[14]=t3):t3=$[14],t3;});Inline.displayName="ForwardRef(Inline)";function _temp$5(child){return child&&/* @__PURE__ */jsx("div",{children:child});}function kbdStyle(){return css(_templateObject25||(_templateObject25=_taggedTemplateLiteral(["\n --card-bg-color: var(--card-kbd-bg-color);\n --card-border-color: var(--card-kbd-border-color);\n --card-fg-color: var(--card-kbd-fg-color);\n\n box-shadow: inset 0 0 0 1px var(--card-border-color);\n background: var(--card-bg-color);\n font: inherit;\n\n vertical-align: top;\n\n &:not([hidden]) {\n display: inline-block;\n }\n "])));}const StyledKBD=/* @__PURE__ */styled.kbd.withConfig({displayName:"StyledKBD",componentId:"sc-1w7yd8w-0"})(responsiveRadiusStyle,kbdStyle),KBD=forwardRef(function(props,ref){var _props14;const $=dist.c(19);let children,restProps,t0,t1,t2;$[0]!==props?(_props14=props,{children,fontSize:t0,padding:t1,radius:t2}=_props14,restProps=_objectWithoutProperties(_props14,_excluded29),_props14,$[0]=props,$[1]=children,$[2]=restProps,$[3]=t0,$[4]=t1,$[5]=t2):(children=$[1],restProps=$[2],t0=$[3],t1=$[4],t2=$[5]);const fontSize2=t0===void 0?0:t0,padding=t1===void 0?1:t1,radius=t2===void 0?2:t2;let t3;$[6]!==radius?(t3=_getArrayProp(radius),$[6]=radius,$[7]=t3):t3=$[7];let t4;$[8]!==children||$[9]!==fontSize2?(t4=/* @__PURE__ */jsx(Text,{as:"span",size:fontSize2,weight:"semibold",children}),$[8]=children,$[9]=fontSize2,$[10]=t4):t4=$[10];let t5;$[11]!==padding||$[12]!==t4?(t5=/* @__PURE__ */jsx(Box,{as:"span",padding,children:t4}),$[11]=padding,$[12]=t4,$[13]=t5):t5=$[13];let t6;return $[14]!==ref||$[15]!==restProps||$[16]!==t3||$[17]!==t5?(t6=/* @__PURE__ */jsx(StyledKBD,_objectSpread(_objectSpread({"data-ui":"KBD"},restProps),{},{$radius:t3,ref,children:t5})),$[14]=ref,$[15]=restProps,$[16]=t3,$[17]=t5,$[18]=t6):t6=$[18],t6;});KBD.displayName="ForwardRef(KBD)";const origin={name:"@sanity/ui/origin",fn(_ref71){var _middlewareData$shift,_middlewareData$shift2;let{middlewareData,placement,rects}=_ref71;const[side]=placement.split("-"),floatingWidth=rects.floating.width,floatingHeight=rects.floating.height,shiftX=((_middlewareData$shift=middlewareData.shift)===null||_middlewareData$shift===void 0?void 0:_middlewareData$shift.x)||0,shiftY=((_middlewareData$shift2=middlewareData.shift)===null||_middlewareData$shift2===void 0?void 0:_middlewareData$shift2.y)||0;if(floatingWidth<=0||floatingHeight<=0)return{};const isVerticalPlacement=["bottom","top"].includes(side),{originX,originY}=isVerticalPlacement?{originX:clamp(0.5-shiftX/floatingWidth,0,1),originY:side==="bottom"?0:1}:{originX:side==="left"?1:0,originY:clamp(0.5-shiftY/floatingHeight,0,1)};return{data:{originX,originY}};}};function clamp(num,min,max){return Math.min(Math.max(num,min),max);}function moveTowardsLength(movingPoint,targetPoint,amount){const width=targetPoint.x-movingPoint.x,height=targetPoint.y-movingPoint.y,distance=Math.sqrt(width*width+height*height);return moveTowardsFractional(movingPoint,targetPoint,Math.min(1,amount/distance));}function moveTowardsFractional(movingPoint,targetPoint,fraction){return{x:movingPoint.x+(targetPoint.x-movingPoint.x)*fraction,y:movingPoint.y+(targetPoint.y-movingPoint.y)*fraction};}function getRoundedCommands(points){const len=points.length,cmds=[];for(let i=0;i<len;i+=1){const point=points[i],prevPoint=points[i-1],nextPoint=points[i+1];if(prevPoint&&point.radius){const curveStart=moveTowardsLength(point,prevPoint,point.radius),curveEnd=moveTowardsLength(point,nextPoint,point.radius),startControl=moveTowardsFractional(curveStart,point,0.5),endControl=moveTowardsFractional(point,curveEnd,0.5);cmds.push(_objectSpread({type:"point"},curveStart)),cmds.push({type:"curve",curveEnd,startControl,endControl});}else cmds.push(_objectSpread({type:"point"},point));}return cmds;}function compileCommands(cmds){return cmds.map((n,idx)=>n.type==="point"?"".concat(idx===0?"M":"L"," ").concat(n.x," ").concat(n.y):n.type==="curve"?"C ".concat(n.startControl.x," ").concat(n.startControl.y," ").concat(n.endControl.x," ").concat(n.endControl.y," ").concat(n.curveEnd.x," ").concat(n.curveEnd.y):"").join(" ");}const StyledArrow=/* @__PURE__ */styled.div.withConfig({displayName:"StyledArrow",componentId:"sc-12vzy6c-0"})(_ref72=>{let{$w:w}=_ref72;return css(_templateObject26||(_templateObject26=_taggedTemplateLiteral(["\n position: absolute;\n width: ","px;\n height: ","px;\n\n :empty + & {\n display: none;\n }\n\n & > svg {\n display: block;\n line-height: 0;\n transform-origin: ","px ","px;\n }\n\n [data-placement^='top'] > & {\n bottom: -","px;\n\n & > svg {\n transform: rotate(0);\n }\n }\n\n [data-placement^='right'] > & {\n left: -","px;\n\n & > svg {\n transform: rotate(90deg);\n }\n }\n\n [data-placement^='left'] > & {\n right: -","px;\n\n & > svg {\n transform: rotate(-90deg);\n }\n }\n\n [data-placement^='bottom'] > & {\n top: -","px;\n\n & > svg {\n transform: rotate(180deg);\n }\n }\n "])),w,w,w/2,w/2,w,w,w,w);}),StrokePath=styled.path.withConfig({displayName:"StrokePath",componentId:"sc-12vzy6c-1"})(_templateObject27||(_templateObject27=_taggedTemplateLiteral(["stroke:var(--card-shadow-outline-color);"]))),ShapePath=styled.path.withConfig({displayName:"ShapePath",componentId:"sc-12vzy6c-2"})(_templateObject28||(_templateObject28=_taggedTemplateLiteral(["fill:var(--card-bg-color);"]))),Arrow=forwardRef(function(props,ref){var _props15;const $=dist.c(29);let h,restProps,t0,w;$[0]!==props?(_props15=props,{width:w,height:h,radius:t0}=_props15,restProps=_objectWithoutProperties(_props15,_excluded30),_props15,$[0]=props,$[1]=h,$[2]=restProps,$[3]=t0,$[4]=w):(h=$[1],restProps=$[2],t0=$[3],w=$[4]);const radius=t0===void 0?0:t0,{card}=useTheme_v2(),strokeWidth=card.shadow.outline,center=w/2;let t1;if($[5]!==center||$[6]!==h||$[7]!==radius||$[8]!==w){const points=[{x:0,y:0},{x:radius,y:0,radius},{x:center,y:h-1,radius},{x:w-radius,y:0,radius},{x:w,y:0}],cmds=getRoundedCommands(points);t1=compileCommands(cmds),$[5]=center,$[6]=h,$[7]=radius,$[8]=w,$[9]=t1;}else t1=$[9];const path=t1,strokePath="".concat(path),fillPath="".concat(path," M ").concat(w," -1 M 0 -1 Z"),t2="0 0 ".concat(w," ").concat(w);let t3;$[10]!==strokeWidth||$[11]!==w?(t3=/* @__PURE__ */jsx("mask",{id:"stroke-mask",children:/* @__PURE__ */jsx("rect",{x:0,y:strokeWidth,width:w,height:w,fill:"white"})}),$[10]=strokeWidth,$[11]=w,$[12]=t3):t3=$[12];const t4=strokeWidth*2;let t5;$[13]!==strokePath||$[14]!==t4?(t5=/* @__PURE__ */jsx(StrokePath,{d:strokePath,mask:"url(#stroke-mask)",strokeWidth:t4}),$[13]=strokePath,$[14]=t4,$[15]=t5):t5=$[15];let t6;$[16]!==fillPath?(t6=/* @__PURE__ */jsx(ShapePath,{d:fillPath}),$[16]=fillPath,$[17]=t6):t6=$[17];let t7;$[18]!==t2||$[19]!==t3||$[20]!==t5||$[21]!==t6||$[22]!==w?(t7=/* @__PURE__ */jsxs("svg",{width:w,height:w,viewBox:t2,children:[t3,t5,t6]}),$[18]=t2,$[19]=t3,$[20]=t5,$[21]=t6,$[22]=w,$[23]=t7):t7=$[23];let t8;return $[24]!==ref||$[25]!==restProps||$[26]!==t7||$[27]!==w?(t8=/* @__PURE__ */jsx(StyledArrow,_objectSpread(_objectSpread({},restProps),{},{$w:w,ref,children:t7})),$[24]=ref,$[25]=restProps,$[26]=t7,$[27]=w,$[28]=t8):t8=$[28],t8;});Arrow.displayName="ForwardRef(Arrow)";const BoundaryElementContext=createGlobalScopedContext("@sanity/ui/context/boundaryElement",null);function isRecord(value){return!!(value&&typeof value=="object"&&!Array.isArray(value));}const DEFAULT_VALUE={version:0,element:null};function useBoundaryElement(){const value=useContext(BoundaryElementContext);if(value&&(!isRecord(value)||value.version!==0))throw new Error("useBoundaryElement(): the context value is not compatible");return value||DEFAULT_VALUE;}function findMaxBreakpoints(media,width){const ret=[];for(let i=0;i<media.length;i+=1)media[i]>width&&ret.push(i);return ret;}function findMinBreakpoints(media,width){const ret=[];for(let i=0;i<media.length;i+=1)media[i]<=width&&ret.push(i);return ret;}const ElementQuery=forwardRef(function(props,forwardedRef){var _props16,_useElementSize$borde,_useElementSize;const $=dist.c(18),theme=useTheme_v2();let _media,children,restProps;$[0]!==props?(_props16=props,{children,media:_media}=_props16,restProps=_objectWithoutProperties(_props16,_excluded31),_props16,$[0]=props,$[1]=_media,$[2]=children,$[3]=restProps):(_media=$[1],children=$[2],restProps=$[3]);const media=_media!==null&&_media!==void 0?_media:theme.media,[element,setElement]=useState(null),width=(_useElementSize$borde=(_useElementSize=useElementSize(element))===null||_useElementSize===void 0?void 0:_useElementSize.border.width)!==null&&_useElementSize$borde!==void 0?_useElementSize$borde:window.innerWidth;let t0;if($[4]!==media||$[5]!==width){const eq=findMaxBreakpoints(media,width);t0=eq.length?eq.join(" "):void 0,$[4]=media,$[5]=width,$[6]=t0;}else t0=$[6];const max=t0;let t1;if($[7]!==media||$[8]!==width){const eq_0=findMinBreakpoints(media,width);t1=eq_0.length?eq_0.join(" "):void 0,$[7]=media,$[8]=width,$[9]=t1;}else t1=$[9];const min=t1;let t2,t3;$[10]!==element?(t2=()=>element,t3=[element],$[10]=element,$[11]=t2,$[12]=t3):(t2=$[11],t3=$[12]),useImperativeHandle(forwardedRef,t2,t3);let t4;return $[13]!==children||$[14]!==max||$[15]!==min||$[16]!==restProps?(t4=/* @__PURE__ */jsx("div",_objectSpread(_objectSpread({"data-ui":"ElementQuery"},restProps),{},{"data-eq-max":max,"data-eq-min":min,ref:setElement,children})),$[13]=children,$[14]=max,$[15]=min,$[16]=restProps,$[17]=t4):t4=$[17],t4;});ElementQuery.displayName="ForwardRef(ElementQuery)";function getLayerContext(contextValue){if(!isRecord(contextValue)||contextValue.version!==0)throw new Error("the context value is not compatible");if(!contextValue)throw new Error("components using `useLayer()` should be wrapped in a <LayerProvider>.");if(contextValue.version===0)return contextValue;throw new Error("could not get layer context");}const LayerContext=createGlobalScopedContext("@sanity/ui/context/layer",null);function LayerProvider(props){var _parent$level;const $=dist.c(21),{children,zOffset:t0}=props,zOffsetProp=t0===void 0?0:t0,parentContextValue=useContext(LayerContext);let t1;$[0]!==parentContextValue?(t1=parentContextValue&&getLayerContext(parentContextValue),$[0]=parentContextValue,$[1]=t1):t1=$[1];const parent=t1,parentRegisterChild=parent===null||parent===void 0?void 0:parent.registerChild,level=((_parent$level=parent===null||parent===void 0?void 0:parent.level)!==null&&_parent$level!==void 0?_parent$level:0)+1;let t2;$[2]!==zOffsetProp?(t2=_getArrayProp(zOffsetProp),$[2]=zOffsetProp,$[3]=t2):t2=$[3];const zOffset=t2,maxMediaIndex=zOffset.length-1,mediaIndex=Math.min(useMediaIndex(),maxMediaIndex),zIndex=parent?parent.zIndex+zOffset[mediaIndex]:zOffset[mediaIndex];let t3;$[4]===Symbol.for("react.memo_cache_sentinel")?(t3={},$[4]=t3):t3=$[4];const[,setChildLayers]=useState(t3),[size2,setSize]=useState(0),isTopLayer=size2===0;let t4;$[5]!==parentRegisterChild||$[6]!==setChildLayers?(t4=childLevel=>{const parentDispose=parentRegisterChild===null||parentRegisterChild===void 0?void 0:parentRegisterChild(childLevel);return childLevel!==void 0?setChildLayers(state=>{var _state$childLevel;const prevLen=(_state$childLevel=state[childLevel])!==null&&_state$childLevel!==void 0?_state$childLevel:0,nextState=_objectSpread(_objectSpread({},state),{},{[childLevel]:prevLen+1});return setSize(Object.keys(nextState).length),nextState;}):setSize(_temp$4),()=>{childLevel!==void 0?setChildLayers(state_0=>{const nextState_0=_objectSpread({},state_0);return nextState_0[childLevel]===1?(delete nextState_0[childLevel],setSize(Object.keys(nextState_0).length)):nextState_0[childLevel]=nextState_0[childLevel]-1,nextState_0;}):setSize(_temp2$2),parentDispose===null||parentDispose===void 0?void 0:parentDispose();};},$[5]=parentRegisterChild,$[6]=setChildLayers,$[7]=t4):t4=$[7];const registerChild=t4;let t5,t6;$[8]!==level||$[9]!==parentRegisterChild?(t5=()=>parentRegisterChild===null||parentRegisterChild===void 0?void 0:parentRegisterChild(level),t6=[level,parentRegisterChild],$[8]=level,$[9]=parentRegisterChild,$[10]=t5,$[11]=t6):(t5=$[10],t6=$[11]),useEffect$1(t5,t6);let t7;$[12]!==isTopLayer||$[13]!==level||$[14]!==registerChild||$[15]!==size2||$[16]!==zIndex?(t7={version:0,isTopLayer,level,registerChild,size:size2,zIndex},$[12]=isTopLayer,$[13]=level,$[14]=registerChild,$[15]=size2,$[16]=zIndex,$[17]=t7):t7=$[17];const value=t7;let t8;return $[18]!==children||$[19]!==value?(t8=/* @__PURE__ */jsx(LayerContext.Provider,{value,children}),$[18]=children,$[19]=value,$[20]=t8):t8=$[20],t8;}function _temp2$2(v_0){return v_0-1;}function _temp$4(v){return v+1;}LayerProvider.displayName="LayerProvider";function useLayer(){const $=dist.c(2),value=useContext(LayerContext);if(!value)throw new Error("useLayer(): missing context value");try{let t1;return $[0]!==value?(t1=getLayerContext(value),$[0]=value,$[1]=t1):t1=$[1],t1;}catch(t0){const err=t0;throw err instanceof Error?new Error("useLayer(): ".concat(err.message)):new Error("useLayer(): ".concat(err));}}const StyledLayer=/* @__PURE__ */styled.div.withConfig({displayName:"StyledLayer",componentId:"sc-16kojrv-0"})({position:"relative"}),LayerChildren=forwardRef(function(props,forwardedRef){var _props17;const $=dist.c(22);let children,onActivate,onFocus,restProps,t0;$[0]!==props?(_props17=props,{children,onActivate,onFocus,style:t0}=_props17,restProps=_objectWithoutProperties(_props17,_excluded32),_props17,$[0]=props,$[1]=children,$[2]=onActivate,$[3]=onFocus,$[4]=restProps,$[5]=t0):(children=$[1],onActivate=$[2],onFocus=$[3],restProps=$[4],t0=$[5]);const style=t0===void 0?EMPTY_RECORD:t0,{zIndex,isTopLayer}=useLayer(),lastFocusedRef=useRef$1(null),ref=useRef$1(null),isTopLayerRef=useRef$1(isTopLayer);let t1;$[6]===Symbol.for("react.memo_cache_sentinel")?(t1=()=>ref.current,$[6]=t1):t1=$[6],useImperativeHandle(forwardedRef,t1);let t2,t3;$[7]!==isTopLayer||$[8]!==onActivate?(t2=()=>{var _onActivate;isTopLayerRef.current!==isTopLayer&&isTopLayer&&(_onActivate=onActivate)!==null&&_onActivate!==void 0&&_onActivate({activeElement:lastFocusedRef.current}),isTopLayerRef.current=isTopLayer;},t3=[isTopLayer,onActivate],$[7]=isTopLayer,$[8]=onActivate,$[9]=t2,$[10]=t3):(t2=$[9],t3=$[10]),useEffect$1(t2,t3);let t4;$[11]!==isTopLayer||$[12]!==onFocus?(t4=event=>{var _onFocus;(_onFocus=onFocus)===null||_onFocus===void 0||_onFocus(event);const rootElement=ref.current,target=document.activeElement;!isTopLayer||!rootElement||!target||isHTMLElement(target)&&containsOrEqualsElement(rootElement,target)&&(lastFocusedRef.current=target);},$[11]=isTopLayer,$[12]=onFocus,$[13]=t4):t4=$[13];const handleFocus=t4;let t5;$[14]!==style||$[15]!==zIndex?(t5=_objectSpread(_objectSpread({},style),{},{zIndex}),$[14]=style,$[15]=zIndex,$[16]=t5):t5=$[16];let t6;return $[17]!==children||$[18]!==handleFocus||$[19]!==restProps||$[20]!==t5?(t6=/* @__PURE__ */jsx(StyledLayer,_objectSpread(_objectSpread({},restProps),{},{"data-ui":"Layer",onFocus:handleFocus,ref,style:t5,children})),$[17]=children,$[18]=handleFocus,$[19]=restProps,$[20]=t5,$[21]=t6):t6=$[21],t6;}),Layer=forwardRef(function(props,ref){var _props18;const $=dist.c(11);let children,restProps,t0;$[0]!==props?(_props18=props,{children,zOffset:t0}=_props18,restProps=_objectWithoutProperties(_props18,_excluded33),_props18,$[0]=props,$[1]=children,$[2]=restProps,$[3]=t0):(children=$[1],restProps=$[2],t0=$[3]);const zOffset=t0===void 0?1:t0;let t1;$[4]!==children||$[5]!==ref||$[6]!==restProps?(t1=/* @__PURE__ */jsx(LayerChildren,_objectSpread(_objectSpread({},restProps),{},{ref,children})),$[4]=children,$[5]=ref,$[6]=restProps,$[7]=t1):t1=$[7];let t2;return $[8]!==t1||$[9]!==zOffset?(t2=/* @__PURE__ */jsx(LayerProvider,{zOffset,children:t1}),$[8]=t1,$[9]=zOffset,$[10]=t2):t2=$[10],t2;});Layer.displayName="ForwardRef(Layer)";const key="@sanity/ui/context/portal",elementKey=Symbol.for("".concat(key,"/element"));globalScope[elementKey]=null;const defaultContextValue={version:0,boundaryElement:null,get element(){return typeof document>"u"?null:(globalScope[elementKey]||(globalScope[elementKey]=document.createElement("div"),globalScope[elementKey].setAttribute("data-portal",""),document.body.appendChild(globalScope[elementKey])),globalScope[elementKey]);}},PortalContext=createGlobalScopedContext(key,defaultContextValue);function usePortal(){const value=useContext(PortalContext);if(!value)throw new Error("usePortal(): missing context value");if(!isRecord(value)||value.version!==0)throw new Error("usePortal(): the context value is not compatible");return value;}function Portal(props){var _portal$elements;const $=dist.c(3),{children,__unstable_name:name}=props,portal=usePortal(),portalElement=(name?portal.elements&&portal.elements[name]:portal.element)||((_portal$elements=portal.elements)===null||_portal$elements===void 0?void 0:_portal$elements.default);if(!portalElement)return null;let t0;return $[0]!==children||$[1]!==portalElement?(t0=createPortal(children,portalElement),$[0]=children,$[1]=portalElement,$[2]=t0):t0=$[2],t0;}Portal.displayName="Portal";const StyledSrOnly=styled.div.withConfig({displayName:"StyledSrOnly",componentId:"sc-mubr0c-0"})(_templateObject29||(_templateObject29=_taggedTemplateLiteral(["display:block;width:0;height:0;position:absolute;overflow:hidden;overflow:clip;"]))),SrOnly=forwardRef(function(props,ref){const $=dist.c(4),{as,children}=props;let t0;return $[0]!==as||$[1]!==children||$[2]!==ref?(t0=/* @__PURE__ */jsx(StyledSrOnly,{"aria-hidden":!0,as,"data-ui":"SrOnly",ref,children}),$[0]=as,$[1]=children,$[2]=ref,$[3]=t0):t0=$[3],t0;});SrOnly.displayName="ForwardRef(SrOnly)";const StyledVirtualList=styled.div.withConfig({displayName:"StyledVirtualList",componentId:"sc-dlqsj4-0"})(_templateObject30||(_templateObject30=_taggedTemplateLiteral(["position:relative;"]))),ItemWrapper=styled.div.withConfig({displayName:"ItemWrapper",componentId:"sc-dlqsj4-1"})(_templateObject31||(_templateObject31=_taggedTemplateLiteral(["position:absolute;left:0;right:0;"]))),VirtualList=forwardRef(function(props,forwardedRef){var _props19;const $=dist.c(44);let getItemKey,onChange,renderItem,restProps,t0,t1,t2;$[0]!==props?(_props19=props,{as:t0,gap:t1,getItemKey,items:t2,onChange,renderItem}=_props19,restProps=_objectWithoutProperties(_props19,_excluded34),_props19,$[0]=props,$[1]=getItemKey,$[2]=onChange,$[3]=renderItem,$[4]=restProps,$[5]=t0,$[6]=t1,$[7]=t2):(getItemKey=$[1],onChange=$[2],renderItem=$[3],restProps=$[4],t0=$[5],t1=$[6],t2=$[7]);const as=t0===void 0?"div":t0,gap=t1===void 0?0:t1;let t3;$[8]!==t2?(t3=t2===void 0?[]:t2,$[8]=t2,$[9]=t3):t3=$[9];const items=t3,{space}=useTheme_v2(),ref=useRef$1(null),wrapperRef=useRef$1(null),[scrollTop,setScrollTop]=useState(0),[scrollHeight,setScrollHeight]=useState(0),[itemHeight,setItemHeight]=useState(-1);let t4;$[10]===Symbol.for("react.memo_cache_sentinel")?(t4=()=>ref.current,$[10]=t4):t4=$[10],useImperativeHandle(forwardedRef,t4);let t5;$[11]===Symbol.for("react.memo_cache_sentinel")?(t5=()=>{if(!wrapperRef.current)return;const firstElement=wrapperRef.current.firstChild;firstElement instanceof HTMLElement&&setItemHeight(firstElement.offsetHeight);},$[11]=t5):t5=$[11];let t6;$[12]!==renderItem?(t6=[renderItem],$[12]=renderItem,$[13]=t6):t6=$[13],useEffect$1(t5,t6);let t7,t8;$[14]===Symbol.for("react.memo_cache_sentinel")?(t7=()=>{if(!ref.current)return;const scrollEl=findScrollable(ref.current.parentNode);if(scrollEl){if(!(scrollEl instanceof HTMLElement))return;const handleScroll=()=>{setScrollTop(scrollEl.scrollTop);};scrollEl.addEventListener("scroll",handleScroll,{passive:!0});const ro=new _ResizeObserver(entries=>{setScrollHeight(entries[0].contentRect.height);});return ro.observe(scrollEl),handleScroll(),()=>{scrollEl.removeEventListener("scroll",handleScroll),ro.unobserve(scrollEl),ro.disconnect();};}const handleScroll_0=()=>{setScrollTop(window.scrollY);},handleResize=()=>{setScrollHeight(window.innerHeight);};return window.addEventListener("scroll",handleScroll_0,{passive:!0}),window.addEventListener("resize",handleResize),setScrollHeight(window.innerHeight),handleScroll_0(),()=>{window.removeEventListener("scroll",handleScroll_0),window.removeEventListener("resize",handleResize);};},t8=[],$[14]=t7,$[15]=t8):(t7=$[14],t8=$[15]),useEffect$1(t7,t8);const len=items.length,height=itemHeight?len*(itemHeight+space[gap])-space[gap]:0,fromIndex=height?Math.max(Math.floor(scrollTop/height*len)-2,0):0,toIndex=height?Math.ceil((scrollTop+scrollHeight)/height*len)+1:0;let t10,t9;$[16]!==fromIndex||$[17]!==gap||$[18]!==itemHeight||$[19]!==onChange||$[20]!==scrollHeight||$[21]!==scrollTop||$[22]!==space||$[23]!==toIndex?(t9=()=>{onChange&&onChange({fromIndex,gap:space[gap],itemHeight,scrollHeight,scrollTop,toIndex});},t10=[fromIndex,gap,itemHeight,onChange,scrollHeight,scrollTop,space,toIndex],$[16]=fromIndex,$[17]=gap,$[18]=itemHeight,$[19]=onChange,$[20]=scrollHeight,$[21]=scrollTop,$[22]=space,$[23]=toIndex,$[24]=t10,$[25]=t9):(t10=$[24],t9=$[25]),useEffect$1(t9,t10);let t11;$[26]!==fromIndex||$[27]!==gap||$[28]!==getItemKey||$[29]!==itemHeight||$[30]!==items||$[31]!==renderItem||$[32]!==space||$[33]!==toIndex?(t11={fromIndex,gap,itemHeight,space,toIndex,getItemKey,items,renderItem},$[26]=fromIndex,$[27]=gap,$[28]=getItemKey,$[29]=itemHeight,$[30]=items,$[31]=renderItem,$[32]=space,$[33]=toIndex,$[34]=t11):t11=$[34];const children=useChildren(t11);let t12;$[35]!==height?(t12={height},$[35]=height,$[36]=t12):t12=$[36];let t13;$[37]!==children||$[38]!==t12?(t13=/* @__PURE__ */jsx("div",{ref:wrapperRef,style:t12,children}),$[37]=children,$[38]=t12,$[39]=t13):t13=$[39];let t14;return $[40]!==as||$[41]!==restProps||$[42]!==t13?(t14=/* @__PURE__ */jsx(StyledVirtualList,_objectSpread(_objectSpread({as,"data-ui":"VirtualList"},restProps),{},{ref,children:t13})),$[40]=as,$[41]=restProps,$[42]=t13,$[43]=t14):t14=$[43],t14;});VirtualList.displayName="ForwardRef(VirtualList)";function useChildren(t0){const $=dist.c(21),{fromIndex,gap,getItemKey,itemHeight,items,renderItem,space,toIndex}=t0;if(!renderItem||items.length===0)return null;if(itemHeight===-1){let t12;$[0]!==items[0]||$[1]!==renderItem?(t12=renderItem(items[0]),$[0]=items[0],$[1]=renderItem,$[2]=t12):t12=$[2];let t2;return $[3]!==t12?(t2=[/* @__PURE__ */jsx(ItemWrapper,{children:t12},0)],$[3]=t12,$[4]=t2):t2=$[4],t2;}let t1;if($[5]!==fromIndex||$[6]!==gap||$[7]!==getItemKey||$[8]!==itemHeight||$[9]!==items||$[10]!==renderItem||$[11]!==space||$[12]!==toIndex){let t2;$[14]!==fromIndex||$[15]!==gap||$[16]!==getItemKey||$[17]!==itemHeight||$[18]!==renderItem||$[19]!==space?(t2=(item,_itemIndex)=>{const itemIndex=fromIndex+_itemIndex,node=renderItem(item),key2=getItemKey?getItemKey(item,itemIndex):itemIndex;return/* @__PURE__ */jsx(ItemWrapper,{style:{top:itemIndex*(itemHeight+space[gap])},children:node},key2);},$[14]=fromIndex,$[15]=gap,$[16]=getItemKey,$[17]=itemHeight,$[18]=renderItem,$[19]=space,$[20]=t2):t2=$[20],t1=items.slice(fromIndex,toIndex).map(t2),$[5]=fromIndex,$[6]=gap,$[7]=getItemKey,$[8]=itemHeight,$[9]=items,$[10]=renderItem,$[11]=space,$[12]=toIndex,$[13]=t1;}else t1=$[13];return t1;}function findScrollable(parentNode){let _scrollEl=parentNode;for(;_scrollEl&&!_isScrollable(_scrollEl);)_scrollEl=_scrollEl.parentNode;return _scrollEl;}function getElementRef(element){var _Object$getOwnPropert,_Object$getOwnPropert2;let getter=(_Object$getOwnPropert=Object.getOwnPropertyDescriptor(element.props,"ref"))===null||_Object$getOwnPropert===void 0?void 0:_Object$getOwnPropert.get,mayWarn=getter&&"isReactWarning"in getter&&getter.isReactWarning;return mayWarn?element.ref:(getter=(_Object$getOwnPropert2=Object.getOwnPropertyDescriptor(element,"ref"))===null||_Object$getOwnPropert2===void 0?void 0:_Object$getOwnPropert2.get,mayWarn=getter&&"isReactWarning"in getter&&getter.isReactWarning,mayWarn?element.props.ref:element.props.ref||element.ref);}const DEFAULT_POPOVER_DISTANCE=4,DEFAULT_POPOVER_PADDING=4,DEFAULT_POPOVER_ARROW_WIDTH=19,DEFAULT_POPOVER_ARROW_HEIGHT=8,DEFAULT_POPOVER_ARROW_RADIUS=2,DEFAULT_POPOVER_MARGINS=[0,0,0,0],DEFAULT_FALLBACK_PLACEMENTS$1={top:["bottom","left","right"],"top-start":["bottom-start","left-start","right-start"],"top-end":["bottom-end","left-end","right-end"],bottom:["top","left","right"],"bottom-start":["top-start","left-start","right-start"],"bottom-end":["top-end","left-end","right-end"],left:["right","top","bottom"],"left-start":["right-start","top-start","bottom-start"],"left-end":["right-end","top-end","bottom-end"],right:["left","top","bottom"],"right-start":["left-start","top-start","bottom-start"],"right-end":["left-end","top-end","bottom-end"]};function size(options){const{constrainSize,margins,matchReferenceWidth,maxWidthRef,padding=0,referenceWidthRef,setReferenceWidth,widthRef}=options;return{name:"@sanity/ui/size",async fn(args){var _maxWidthRef$current;const{elements,placement,platform,rects}=args,{floating,reference}=rects,overflow=await detectOverflow(args,{altBoundary:!0,boundary:options.boundaryElement||void 0,elementContext:"floating",padding,rootBoundary:"viewport"});let maxWidth=1/0,maxHeight=1/0;const floatingW=floating.width,floatingH=floating.height;placement.includes("top")&&(maxWidth=floatingW-(overflow.left+overflow.right),maxHeight=floatingH-overflow.top),placement.includes("right")&&(maxWidth=floatingW-overflow.right,maxHeight=floatingH-(overflow.top+overflow.bottom)),placement.includes("bottom")&&(maxWidth=floatingW-(overflow.left+overflow.right),maxHeight=floatingH-overflow.bottom),placement.includes("left")&&(maxWidth=floatingW-overflow.left,maxHeight=floatingH-(overflow.top+overflow.bottom));const availableWidth=maxWidth-margins[1]-margins[3],availableHeight=maxHeight-margins[0]-margins[2],referenceWidth=reference.width-margins[1]-margins[3];referenceWidthRef.current=referenceWidth,setReferenceWidth(referenceWidth),matchReferenceWidth?elements.floating.style.width="".concat(referenceWidth,"px"):widthRef.current!==void 0&&(elements.floating.style.width="".concat(widthRef.current,"px")),constrainSize&&(elements.floating.style.maxWidth="".concat(Math.min(availableWidth,(_maxWidthRef$current=maxWidthRef.current)!==null&&_maxWidthRef$current!==void 0?_maxWidthRef$current:1/0),"px"),elements.floating.style.maxHeight="".concat(availableHeight,"px"));const nextDimensions=await platform.getDimensions(elements.floating),targetH=nextDimensions.height,targetW=nextDimensions.width;return floatingW!==targetW||floatingH!==targetH?{reset:{rects:!0}}:{};}};}function calcCurrentWidth(params){const{container,mediaIndex,width}=params,w=width[mediaIndex],currentWidth=w===void 0?width[width.length-1]:w;return typeof currentWidth=="number"?container[currentWidth]:void 0;}function calcMaxWidth(params){const{boundaryWidth,currentWidth}=params;if(!(currentWidth===void 0&&boundaryWidth===void 0))return Math.min(currentWidth!==null&&currentWidth!==void 0?currentWidth:1/0,(boundaryWidth||1/0)-DEFAULT_POPOVER_PADDING*2);}const MotionCard$1=styled(motion.create(Card)).withConfig({displayName:"MotionCard",componentId:"sc-ihg31s-0"})(_templateObject32||(_templateObject32=_taggedTemplateLiteral(["&:not([hidden]){display:flex;}flex-direction:column;width:max-content;min-width:min-content;will-change:transform;"]))),MotionFlex=styled(motion.create(Flex)).withConfig({displayName:"MotionFlex",componentId:"sc-ihg31s-1"})(_templateObject33||(_templateObject33=_taggedTemplateLiteral(["will-change:opacity;"]))),PopoverCard=forwardRef(function(props,ref){var _props20;const $=dist.c(66);let animate,arrow2,arrowRef,arrowX,arrowY,children,marginsProp,originX,originY,overflow,padding,placement,radius,restProps,scheme,shadow,strategy,style,tone,width,xProp,yProp;$[0]!==props?(_props20=props,{__unstable_margins:marginsProp,animate,arrow:arrow2,arrowRef,arrowX,arrowY,children,padding,placement,originX,originY,overflow,radius,scheme,shadow,strategy,style,tone,width,x:xProp,y:yProp}=_props20,restProps=_objectWithoutProperties(_props20,_excluded35),_props20,$[0]=props,$[1]=animate,$[2]=arrow2,$[3]=arrowRef,$[4]=arrowX,$[5]=arrowY,$[6]=children,$[7]=marginsProp,$[8]=originX,$[9]=originY,$[10]=overflow,$[11]=padding,$[12]=placement,$[13]=radius,$[14]=restProps,$[15]=scheme,$[16]=shadow,$[17]=strategy,$[18]=style,$[19]=tone,$[20]=width,$[21]=xProp,$[22]=yProp):(animate=$[1],arrow2=$[2],arrowRef=$[3],arrowX=$[4],arrowY=$[5],children=$[6],marginsProp=$[7],originX=$[8],originY=$[9],overflow=$[10],padding=$[11],placement=$[12],radius=$[13],restProps=$[14],scheme=$[15],shadow=$[16],strategy=$[17],style=$[18],tone=$[19],width=$[20],xProp=$[21],yProp=$[22]);const{zIndex}=useLayer(),margins=marginsProp||DEFAULT_POPOVER_MARGINS,x=(xProp!==null&&xProp!==void 0?xProp:0)+margins[3],y=(yProp!==null&&yProp!==void 0?yProp:0)+margins[0],t0=animate?"transform":void 0;let t1;$[23]!==originX||$[24]!==originY||$[25]!==strategy||$[26]!==style||$[27]!==t0||$[28]!==width||$[29]!==x||$[30]!==y||$[31]!==zIndex?(t1=_objectSpread({left:x,originX,originY,position:strategy,top:y,width,zIndex,willChange:t0},style),$[23]=originX,$[24]=originY,$[25]=strategy,$[26]=style,$[27]=t0,$[28]=width,$[29]=x,$[30]=y,$[31]=zIndex,$[32]=t1):t1=$[32];const rootStyle2=t1,t2=arrowX!==null?arrowX:void 0,t3=arrowY!==null?arrowY:void 0;let t4;$[33]!==t2||$[34]!==t3?(t4={left:t2,top:t3,right:void 0,bottom:void 0},$[33]=t2,$[34]=t3,$[35]=t4):t4=$[35];const arrowStyle=t4,t5=restProps;let t6;$[36]!==animate?(t6=animate?["hidden","initial"]:void 0,$[36]=animate,$[37]=t6):t6=$[37];let t7;$[38]!==animate?(t7=animate?["visible","scaleIn"]:void 0,$[38]=animate,$[39]=t7):t7=$[39];let t8;$[40]!==animate?(t8=animate?["hidden","scaleOut"]:void 0,$[40]=animate,$[41]=t8):t8=$[41];let t9;$[42]!==children||$[43]!==padding?(t9=/* @__PURE__ */jsx(Flex,{direction:"column",flex:1,padding,children}),$[42]=children,$[43]=padding,$[44]=t9):t9=$[44];let t10;$[45]!==overflow||$[46]!==t9?(t10=/* @__PURE__ */jsx(MotionFlex,{"data-ui":"Popover__wrapper",direction:"column",flex:1,overflow,variants:POPOVER_MOTION_PROPS.children,transition:POPOVER_MOTION_PROPS.transition,children:t9}),$[45]=overflow,$[46]=t9,$[47]=t10):t10=$[47];let t11;$[48]!==arrow2||$[49]!==arrowRef||$[50]!==arrowStyle?(t11=arrow2&&/* @__PURE__ */jsx(Arrow,{ref:arrowRef,style:arrowStyle,width:DEFAULT_POPOVER_ARROW_WIDTH,height:DEFAULT_POPOVER_ARROW_HEIGHT,radius:DEFAULT_POPOVER_ARROW_RADIUS}),$[48]=arrow2,$[49]=arrowRef,$[50]=arrowStyle,$[51]=t11):t11=$[51];let t12;return $[52]!==placement||$[53]!==radius||$[54]!==ref||$[55]!==rootStyle2||$[56]!==scheme||$[57]!==shadow||$[58]!==t10||$[59]!==t11||$[60]!==t5||$[61]!==t6||$[62]!==t7||$[63]!==t8||$[64]!==tone?(t12=/* @__PURE__ */jsxs(MotionCard$1,_objectSpread(_objectSpread({"data-ui":"Popover"},t5),{},{"data-placement":placement,radius,ref,scheme,shadow,sizing:"border",style:rootStyle2,tone,variants:POPOVER_MOTION_PROPS.card,transition:POPOVER_MOTION_PROPS.transition,initial:t6,animate:t7,exit:t8,children:[t10,t11]})),$[52]=placement,$[53]=radius,$[54]=ref,$[55]=rootStyle2,$[56]=scheme,$[57]=shadow,$[58]=t10,$[59]=t11,$[60]=t5,$[61]=t6,$[62]=t7,$[63]=t8,$[64]=tone,$[65]=t12):t12=$[65],t12;});PopoverCard.displayName="ForwardRef(PopoverCard)";const ViewportOverlay=()=>{const $=dist.c(2),{zIndex}=useLayer();let t0;return $[0]!==zIndex?(t0=/* @__PURE__ */jsx("div",{style:{height:"100vh",inset:0,position:"fixed",width:"100vw",zIndex}}),$[0]=zIndex,$[1]=t0):t0=$[1],t0;},Popover=forwardRef(function(props,forwardedRef){var _props$placement,_ref73,_ref74,_useElementSize2,_middlewareData$hide,_middlewareData$arrow2,_middlewareData$arrow3,_middlewareData$Sani,_middlewareData$Sani2;const $=dist.c(126),{container,layer}=useTheme_v2(),boundaryElementContext=useBoundaryElement();let _boundaryElement,_fallbackPlacements,_floatingBoundary,_referenceBoundary,_zOffsetProp,childProp,content,disabled,matchReferenceWidth,modal,open,paddingProp,portal,referenceElement,restProps,scheme,t0,t1,t10,t11,t2,t3,t4,t5,t6,t7,t8,t9,updateRef;if($[0]!==props){const{__unstable_margins:t122,animate:t132,arrow:t142,boundaryElement:t152,children:t162,constrainSize:t172,content:t182,disabled:t192,fallbackPlacements:t202,matchReferenceWidth:t212,floatingBoundary:t222,modal:t232,onActivate,open:t242,overflow:t252,padding:t262,placement:t272,placementStrategy:t282,portal:t292,preventOverflow:t302,radius:t312,referenceBoundary:t322,referenceElement:t332,scheme:t342,shadow:t352,tone:t362,width:t372,zOffset:t382,updateRef:t392}=props,t402=_objectWithoutProperties(props,_excluded36);t0=t122,t1=t132,t2=t142,_boundaryElement=t152,childProp=t162,t3=t172,content=t182,disabled=t192,_fallbackPlacements=t202,matchReferenceWidth=t212,_floatingBoundary=t222,modal=t232,open=t242,t4=t252,paddingProp=t262,t5=t272,t6=t282,portal=t292,t7=t302,t8=t312,_referenceBoundary=t322,referenceElement=t332,scheme=t342,t9=t352,t10=t362,t11=t372,_zOffsetProp=t382,updateRef=t392,restProps=t402,$[0]=props,$[1]=_boundaryElement,$[2]=_fallbackPlacements,$[3]=_floatingBoundary,$[4]=_referenceBoundary,$[5]=_zOffsetProp,$[6]=childProp,$[7]=content,$[8]=disabled,$[9]=matchReferenceWidth,$[10]=modal,$[11]=open,$[12]=paddingProp,$[13]=portal,$[14]=referenceElement,$[15]=restProps,$[16]=scheme,$[17]=t0,$[18]=t1,$[19]=t10,$[20]=t11,$[21]=t2,$[22]=t3,$[23]=t4,$[24]=t5,$[25]=t6,$[26]=t7,$[27]=t8,$[28]=t9,$[29]=updateRef;}else _boundaryElement=$[1],_fallbackPlacements=$[2],_floatingBoundary=$[3],_referenceBoundary=$[4],_zOffsetProp=$[5],childProp=$[6],content=$[7],disabled=$[8],matchReferenceWidth=$[9],modal=$[10],open=$[11],paddingProp=$[12],portal=$[13],referenceElement=$[14],restProps=$[15],scheme=$[16],t0=$[17],t1=$[18],t10=$[19],t11=$[20],t2=$[21],t3=$[22],t4=$[23],t5=$[24],t6=$[25],t7=$[26],t8=$[27],t9=$[28],updateRef=$[29];const margins=t0===void 0?DEFAULT_POPOVER_MARGINS:t0,_animate=t1===void 0?!1:t1,arrowProp=t2===void 0?!1:t2,constrainSize=t3===void 0?!1:t3,overflow=t4===void 0?"hidden":t4,placementProp=t5===void 0?"bottom":t5,placementStrategy=t6===void 0?"flip":t6,preventOverflow=t7===void 0?!0:t7,radiusProp=t8===void 0?3:t8,shadowProp=t9===void 0?3:t9,tone=t10===void 0?"inherit":t10,widthProp=t11===void 0?"auto":t11,boundaryElement=_boundaryElement!==null&&_boundaryElement!==void 0?_boundaryElement:boundaryElementContext===null||boundaryElementContext===void 0?void 0:boundaryElementContext.element,fallbackPlacements=_fallbackPlacements!==null&&_fallbackPlacements!==void 0?_fallbackPlacements:DEFAULT_FALLBACK_PLACEMENTS$1[(_props$placement=props.placement)!==null&&_props$placement!==void 0?_props$placement:"bottom"],floatingBoundary=(_ref73=_floatingBoundary!==null&&_floatingBoundary!==void 0?_floatingBoundary:props.boundaryElement)!==null&&_ref73!==void 0?_ref73:boundaryElementContext.element,referenceBoundary=(_ref74=_referenceBoundary!==null&&_referenceBoundary!==void 0?_referenceBoundary:props.boundaryElement)!==null&&_ref74!==void 0?_ref74:boundaryElementContext.element,zOffsetProp=_zOffsetProp!==null&&_zOffsetProp!==void 0?_zOffsetProp:layer.popover.zOffset,animate=usePrefersReducedMotion()?!1:_animate,boundarySize=(_useElementSize2=useElementSize(boundaryElement))===null||_useElementSize2===void 0?void 0:_useElementSize2.border;let t12;$[30]!==paddingProp?(t12=_getArrayProp(paddingProp),$[30]=paddingProp,$[31]=t12):t12=$[31];const padding=t12;let t13;$[32]!==radiusProp?(t13=_getArrayProp(radiusProp),$[32]=radiusProp,$[33]=t13):t13=$[33];const radius=t13;let t14;$[34]!==shadowProp?(t14=_getArrayProp(shadowProp),$[34]=shadowProp,$[35]=t14):t14=$[35];const shadow=t14,widthArrayProp=_getArrayProp(widthProp);let t15;$[36]!==zOffsetProp?(t15=_getArrayProp(zOffsetProp),$[36]=zOffsetProp,$[37]=t15):t15=$[37];const zOffset=t15,ref=useRef$1(null),arrowRef=useRef$1(null);let t16;$[38]===Symbol.for("react.memo_cache_sentinel")?(t16=()=>ref.current,$[38]=t16):t16=$[38],useImperativeHandle(forwardedRef,t16);const mediaIndex=useMediaIndex(),boundaryWidth=constrainSize||preventOverflow?boundarySize===null||boundarySize===void 0?void 0:boundarySize.width:void 0,width=calcCurrentWidth({container,mediaIndex,width:widthArrayProp}),widthRef=useRef$1(width);let t17,t18;$[39]!==width?(t17=()=>{widthRef.current=width;},t18=[width],$[39]=width,$[40]=t17,$[41]=t18):(t17=$[40],t18=$[41]),useEffect$1(t17,t18);let t19;$[42]!==boundaryWidth||$[43]!==width?(t19=calcMaxWidth({boundaryWidth,currentWidth:width}),$[42]=boundaryWidth,$[43]=width,$[44]=t19):t19=$[44];const maxWidth=t19,maxWidthRef=useRef$1(maxWidth);let t20,t21;$[45]!==maxWidth?(t20=()=>{maxWidthRef.current=maxWidth;},t21=[maxWidth],$[45]=maxWidth,$[46]=t20,$[47]=t21):(t20=$[46],t21=$[47]),useEffect$1(t20,t21);const referenceWidthRef=useRef$1(void 0);let t22,t23;$[48]!==matchReferenceWidth||$[49]!==maxWidth||$[50]!==open||$[51]!==width?(t22=()=>{const floatingElement=ref.current;if(!open||!floatingElement)return;const referenceWidth=referenceWidthRef.current;matchReferenceWidth?referenceWidth!==void 0&&(floatingElement.style.width="".concat(referenceWidth,"px")):width!==void 0&&(floatingElement.style.width="".concat(width,"px")),typeof maxWidth=="number"&&(floatingElement.style.maxWidth="".concat(maxWidth,"px"));},t23=[width,matchReferenceWidth,maxWidth,open],$[48]=matchReferenceWidth,$[49]=maxWidth,$[50]=open,$[51]=width,$[52]=t22,$[53]=t23):(t22=$[52],t23=$[53]),useEffect$1(t22,t23);const[referenceWidth_0,setReferenceWidth]=useState(void 0);let t24;$[54]!==animate||$[55]!==arrowProp||$[56]!==constrainSize||$[57]!==fallbackPlacements||$[58]!==floatingBoundary||$[59]!==margins||$[60]!==matchReferenceWidth||$[61]!==placementProp||$[62]!==placementStrategy||$[63]!==preventOverflow||$[64]!==referenceBoundary?(t24={animate,arrowProp,arrowRef,constrainSize,fallbackPlacements,floatingBoundary,margins,matchReferenceWidth,maxWidthRef,placementProp,placementStrategy,preventOverflow,referenceBoundary,referenceWidthRef,rootBoundary:"viewport",setReferenceWidth,widthRef},$[54]=animate,$[55]=arrowProp,$[56]=constrainSize,$[57]=fallbackPlacements,$[58]=floatingBoundary,$[59]=margins,$[60]=matchReferenceWidth,$[61]=placementProp,$[62]=placementStrategy,$[63]=preventOverflow,$[64]=referenceBoundary,$[65]=t24):t24=$[65];const middleware=useMiddleware$1(t24);let t25;$[66]!==referenceElement?(t25=referenceElement?{reference:referenceElement}:void 0,$[66]=referenceElement,$[67]=t25):t25=$[67];let t26;$[68]!==middleware||$[69]!==placementProp||$[70]!==t25?(t26={middleware,placement:placementProp,whileElementsMounted:autoUpdate,elements:t25},$[68]=middleware,$[69]=placementProp,$[70]=t25,$[71]=t26):t26=$[71];const{x,y,middlewareData,placement,refs,strategy,update}=useFloating(t26),referenceHidden=(_middlewareData$hide=middlewareData.hide)===null||_middlewareData$hide===void 0?void 0:_middlewareData$hide.referenceHidden,arrowX=(_middlewareData$arrow2=middlewareData.arrow)===null||_middlewareData$arrow2===void 0?void 0:_middlewareData$arrow2.x,arrowY=(_middlewareData$arrow3=middlewareData.arrow)===null||_middlewareData$arrow3===void 0?void 0:_middlewareData$arrow3.y,originX=(_middlewareData$Sani=middlewareData["@sanity/ui/origin"])===null||_middlewareData$Sani===void 0?void 0:_middlewareData$Sani.originX,originY=(_middlewareData$Sani2=middlewareData["@sanity/ui/origin"])===null||_middlewareData$Sani2===void 0?void 0:_middlewareData$Sani2.originY;let t27;$[72]===Symbol.for("react.memo_cache_sentinel")?(t27=arrowEl=>{arrowRef.current=arrowEl;},$[72]=t27):t27=$[72];const setArrow=t27;let t28;$[73]!==refs?(t28=node=>{ref.current=node,refs.setFloating(node);},$[73]=refs,$[74]=t28):t28=$[74];const setFloating=t28;let t29;$[75]!==childProp?(t29=childProp?getElementRef(childProp):null,$[75]=childProp,$[76]=t29):t29=$[76];let t30;$[77]!==refs.reference.current?(t30=()=>refs.reference.current,$[77]=refs.reference.current,$[78]=t30):t30=$[78],useImperativeHandle(t29,t30);let t31;bb0:{if(referenceElement){t31=childProp;break bb0;}if(!childProp){t31=null;break bb0;}let t322;$[79]!==childProp||$[80]!==refs.setReference?(t322=cloneElement(childProp,{ref:refs.setReference}),$[79]=childProp,$[80]=refs.setReference,$[81]=t322):t322=$[81],t31=t322;}const child=t31;let t32,t33;if($[82]!==update?(t32=()=>update,t33=[update],$[82]=update,$[83]=t32,$[84]=t33):(t32=$[83],t33=$[84]),useImperativeHandle(updateRef,t32,t33),disabled){let t342;return $[85]!==childProp?(t342=childProp||/* @__PURE__ */jsx(Fragment,{}),$[85]=childProp,$[86]=t342):t342=$[86],t342;}let t34;$[87]!==modal?(t34=modal&&/* @__PURE__ */jsx(ViewportOverlay,{}),$[87]=modal,$[88]=t34):t34=$[88];const t35=matchReferenceWidth?referenceWidth_0:width;let t36;$[89]!==animate||$[90]!==arrowProp||$[91]!==arrowX||$[92]!==arrowY||$[93]!==content||$[94]!==margins||$[95]!==originX||$[96]!==originY||$[97]!==overflow||$[98]!==padding||$[99]!==placement||$[100]!==radius||$[101]!==referenceHidden||$[102]!==restProps||$[103]!==scheme||$[104]!==setFloating||$[105]!==shadow||$[106]!==strategy||$[107]!==t35||$[108]!==tone||$[109]!==x||$[110]!==y?(t36=/* @__PURE__ */jsx(PopoverCard,_objectSpread(_objectSpread({},restProps),{},{__unstable_margins:margins,animate,arrow:arrowProp,arrowRef:setArrow,arrowX,arrowY,hidden:referenceHidden,overflow,padding,placement,radius,ref:setFloating,scheme,shadow,originX,originY,strategy,tone,width:t35,x,y,children:content})),$[89]=animate,$[90]=arrowProp,$[91]=arrowX,$[92]=arrowY,$[93]=content,$[94]=margins,$[95]=originX,$[96]=originY,$[97]=overflow,$[98]=padding,$[99]=placement,$[100]=radius,$[101]=referenceHidden,$[102]=restProps,$[103]=scheme,$[104]=setFloating,$[105]=shadow,$[106]=strategy,$[107]=t35,$[108]=tone,$[109]=x,$[110]=y,$[111]=t36):t36=$[111];let t37;$[112]!==t34||$[113]!==t36||$[114]!==zOffset?(t37=/* @__PURE__ */jsxs(LayerProvider,{zOffset,children:[t34,t36]}),$[112]=t34,$[113]=t36,$[114]=zOffset,$[115]=t37):t37=$[115];const popover=t37;let t38;$[116]!==open||$[117]!==popover||$[118]!==portal?(t38=open&&(portal?/* @__PURE__ */jsx(Portal,{__unstable_name:typeof portal=="string"?portal:void 0,children:popover}):popover),$[116]=open,$[117]=popover,$[118]=portal,$[119]=t38):t38=$[119];const children=t38;let t39;$[120]!==animate||$[121]!==children?(t39=animate?/* @__PURE__ */jsx(AnimatePresence,{children}):children,$[120]=animate,$[121]=children,$[122]=t39):t39=$[122];let t40;return $[123]!==child||$[124]!==t39?(t40=/* @__PURE__ */jsxs(Fragment,{children:[t39,child]}),$[123]=child,$[124]=t39,$[125]=t40):t40=$[125],t40;});Popover.displayName="ForwardRef(Popover)";function useMiddleware$1(t0){const $=dist.c(42),{animate,arrowProp,arrowRef,constrainSize,fallbackPlacements,floatingBoundary,margins,matchReferenceWidth,maxWidthRef,placementProp,placementStrategy,preventOverflow,referenceBoundary,referenceWidthRef,rootBoundary,setReferenceWidth,widthRef}=t0;let ret;if($[0]!==animate||$[1]!==arrowProp||$[2]!==arrowRef||$[3]!==constrainSize||$[4]!==fallbackPlacements||$[5]!==floatingBoundary||$[6]!==margins||$[7]!==matchReferenceWidth||$[8]!==maxWidthRef||$[9]!==placementProp||$[10]!==placementStrategy||$[11]!==preventOverflow||$[12]!==referenceBoundary||$[13]!==referenceWidthRef||$[14]!==rootBoundary||$[15]!==setReferenceWidth||$[16]!==widthRef){if(ret=[],constrainSize||preventOverflow)if(placementStrategy==="autoPlacement"){let t12;$[18]!==fallbackPlacements||$[19]!==placementProp?(t12=autoPlacement({allowedPlacements:[placementProp].concat(fallbackPlacements)}),$[18]=fallbackPlacements,$[19]=placementProp,$[20]=t12):t12=$[20],ret.push(t12);}else{const t12=floatingBoundary||void 0;let t22;$[21]!==fallbackPlacements||$[22]!==rootBoundary||$[23]!==t12?(t22=flip({boundary:t12,fallbackPlacements,padding:DEFAULT_POPOVER_PADDING,rootBoundary}),$[21]=fallbackPlacements,$[22]=rootBoundary,$[23]=t12,$[24]=t22):t22=$[24],ret.push(t22);}let t1;if($[25]===Symbol.for("react.memo_cache_sentinel")?(t1=offset({mainAxis:DEFAULT_POPOVER_DISTANCE}),$[25]=t1):t1=$[25],ret.push(t1),constrainSize||matchReferenceWidth){const t22=floatingBoundary||void 0;let t32;$[26]!==constrainSize||$[27]!==margins||$[28]!==matchReferenceWidth||$[29]!==maxWidthRef||$[30]!==referenceWidthRef||$[31]!==setReferenceWidth||$[32]!==t22||$[33]!==widthRef?(t32=size({boundaryElement:t22,constrainSize,margins,matchReferenceWidth,maxWidthRef,padding:DEFAULT_POPOVER_PADDING,referenceWidthRef,setReferenceWidth,widthRef}),$[26]=constrainSize,$[27]=margins,$[28]=matchReferenceWidth,$[29]=maxWidthRef,$[30]=referenceWidthRef,$[31]=setReferenceWidth,$[32]=t22,$[33]=widthRef,$[34]=t32):t32=$[34],ret.push(t32);}if(preventOverflow){const t22=floatingBoundary||void 0;let t32;$[35]!==rootBoundary||$[36]!==t22?(t32=shift({boundary:t22,rootBoundary,padding:DEFAULT_POPOVER_PADDING}),$[35]=rootBoundary,$[36]=t22,$[37]=t32):t32=$[37],ret.push(t32);}if(arrowProp){let t22;$[38]!==arrowRef?(t22=arrow({element:arrowRef,padding:DEFAULT_POPOVER_PADDING}),$[38]=arrowRef,$[39]=t22):t22=$[39],ret.push(t22);}animate&&ret.push(origin);const t2=referenceBoundary||void 0;let t3;$[40]!==t2?(t3=hide({boundary:t2,padding:DEFAULT_POPOVER_PADDING,strategy:"referenceHidden"}),$[40]=t2,$[41]=t3):t3=$[41],ret.push(t3),$[0]=animate,$[1]=arrowProp,$[2]=arrowRef,$[3]=constrainSize,$[4]=fallbackPlacements,$[5]=floatingBoundary,$[6]=margins,$[7]=matchReferenceWidth,$[8]=maxWidthRef,$[9]=placementProp,$[10]=placementStrategy,$[11]=preventOverflow,$[12]=referenceBoundary,$[13]=referenceWidthRef,$[14]=rootBoundary,$[15]=setReferenceWidth,$[16]=widthRef,$[17]=ret;}else ret=$[17];return ret;}function radioBaseStyle(){return css(_templateObject34||(_templateObject34=_taggedTemplateLiteral(["\n position: relative;\n\n &:not([hidden]) {\n display: inline-block;\n }\n\n &[data-read-only] {\n outline: 1px solid red;\n }\n "])));}function inputElementStyle(props){const{color,input}=getTheme_v2(props.theme),dist=(input.radio.size-input.radio.markSize)/2;return css(_templateObject35||(_templateObject35=_taggedTemplateLiteral(["\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n height: 100%;\n width: 100%;\n outline: none;\n z-index: 1;\n padding: 0;\n margin: 0;\n border-radius: ",";\n border: none;\n\n /* enabled */\n & + span {\n display: block;\n position: relative;\n height: ",";\n width: ",";\n border-radius: ",";\n background: ",";\n box-shadow: ",";\n\n &::after {\n content: '';\n position: absolute;\n top: ",";\n left: ",";\n height: ",";\n width: ",";\n border-radius: ",";\n background: ",";\n opacity: 0;\n }\n }\n\n /* focused */\n &:not(:disabled):focus + span {\n box-shadow: ",";\n }\n\n &:not(:disabled):focus:not(:focus-visible) + span {\n box-shadow: ",";\n }\n\n &:checked + span::after {\n opacity: 1;\n }\n\n /* customValidity */\n &[data-error] + span {\n background-color: ",";\n box-shadow: ",";\n &::after {\n background: ",";\n }\n }\n\n /* read only */\n &[data-read-only] + span {\n box-shadow: 0 0 0 1px ",";\n background: ",";\n\n &::after {\n background: ",";\n }\n }\n\n /* disabled */\n &:not([data-read-only]):disabled + span {\n box-shadow: 0 0 0 1px ",";\n background: ",";\n\n &::after {\n background: ",";\n }\n }\n "])),rem(input.radio.size/2),rem(input.radio.size),rem(input.radio.size),rem(input.radio.size/2),color.input.default.enabled.bg,focusRingBorderStyle({color:color.input.default.enabled.border,width:input.border.width}),rem(dist),rem(dist),rem(input.radio.markSize),rem(input.radio.markSize),rem(input.radio.markSize/2),color.input.default.enabled.fg,focusRingStyle({border:{width:input.border.width,color:color.input.default.enabled.border},focusRing:input.radio.focusRing}),focusRingBorderStyle({color:color.input.default.enabled.border,width:input.border.width}),color.input.invalid.enabled.border,focusRingBorderStyle({width:input.border.width,color:color.input.invalid.enabled.muted.bg}),color.input.invalid.enabled.muted.bg,color.input.default.readOnly.border,color.input.default.readOnly.bg,color.input.default.readOnly.border,color.input.default.disabled.border,color.input.default.disabled.bg,color.input.default.disabled.border);}const StyledRadio=/* @__PURE__ */styled.div.withConfig({displayName:"StyledRadio",componentId:"sc-ccrwkf-0"})(radioBaseStyle),Input$4=/* @__PURE__ */styled.input.withConfig({displayName:"Input",componentId:"sc-ccrwkf-1"})(inputElementStyle),Radio=forwardRef(function(props,forwardedRef){var _props21;const $=dist.c(19);let className,customValidity,disabled,readOnly,restProps,style;$[0]!==props?(_props21=props,{className,disabled,style,customValidity,readOnly}=_props21,restProps=_objectWithoutProperties(_props21,_excluded37),_props21,$[0]=props,$[1]=className,$[2]=customValidity,$[3]=disabled,$[4]=readOnly,$[5]=restProps,$[6]=style):(className=$[1],customValidity=$[2],disabled=$[3],readOnly=$[4],restProps=$[5],style=$[6]);const ref=useRef$1(null);let t0;$[7]===Symbol.for("react.memo_cache_sentinel")?(t0=()=>ref.current,$[7]=t0):t0=$[7],useImperativeHandle(forwardedRef,t0),useCustomValidity(ref,customValidity);const t1=!disabled&&readOnly?"":void 0,t2=customValidity?"":void 0,t3=disabled||readOnly;let t4;$[8]!==readOnly||$[9]!==restProps||$[10]!==t1||$[11]!==t2||$[12]!==t3?(t4=/* @__PURE__ */jsx(Input$4,_objectSpread(_objectSpread({"data-read-only":t1,"data-error":t2},restProps),{},{disabled:t3,readOnly,ref,type:"radio"})),$[8]=readOnly,$[9]=restProps,$[10]=t1,$[11]=t2,$[12]=t3,$[13]=t4):t4=$[13];let t5;$[14]===Symbol.for("react.memo_cache_sentinel")?(t5=/* @__PURE__ */jsx("span",{}),$[14]=t5):t5=$[14];let t6;return $[15]!==className||$[16]!==style||$[17]!==t4?(t6=/* @__PURE__ */jsxs(StyledRadio,{className,"data-ui":"Radio",style,children:[t4,t5]}),$[15]=className,$[16]=style,$[17]=t4,$[18]=t6):t6=$[18],t6;});Radio.displayName="ForwardRef(Radio)";function rootStyle(){return css(_templateObject36||(_templateObject36=_taggedTemplateLiteral(["\n position: relative;\n width: -moz-available;\n width: -webkit-fill-available;\n width: stretch;\n\n &:not([hidden]) {\n display: inline-block;\n }\n "])));}function inputBaseStyle(props){const{font}=getTheme_v2(props.theme);return css(_templateObject37||(_templateObject37=_taggedTemplateLiteral(["\n -webkit-font-smoothing: antialiased;\n appearance: none;\n border: 0;\n font-family: ",";\n color: inherit;\n width: 100%;\n outline: none;\n margin: 0;\n\n &:disabled {\n opacity: 1;\n }\n "])),font.text.family);}function inputColorStyle(props){const{color,input}=getTheme_v2(props.theme);return css(_templateObject38||(_templateObject38=_taggedTemplateLiteral(["\n /* enabled */\n background-color: ",";\n color: ",";\n box-shadow: ",";\n\n /* hovered */\n @media (hover: hover) {\n &:not(:disabled):hover {\n background-color: ",";\n color: ",";\n box-shadow: ",";\n }\n }\n\n /* focused */\n &:not(:disabled):focus {\n box-shadow: ",";\n }\n\n /* read-only */\n &[data-read-only] {\n background-color: ",";\n color: ",";\n box-shadow: ",";\n }\n\n /* disabled */\n &:not([data-read-only]):disabled {\n background-color: ",";\n color: ",";\n box-shadow: ",";\n }\n "])),color.input.default.enabled.bg,color.input.default.enabled.fg,focusRingBorderStyle({color:color.input.default.enabled.border,width:input.border.width}),color.input.default.hovered.bg,color.input.default.hovered.fg,focusRingBorderStyle({color:color.input.default.hovered.border,width:input.border.width}),focusRingStyle({border:{width:input.border.width,color:color.input.default.enabled.border},focusRing:input.select.focusRing}),color.input.default.readOnly.bg,color.input.default.readOnly.fg,focusRingBorderStyle({color:color.input.default.readOnly.border,width:input.border.width}),color.input.default.disabled.bg,color.input.default.disabled.fg,focusRingBorderStyle({color:color.input.default.disabled.border,width:input.border.width}));}function textSize(size2){return{fontSize:rem(size2.fontSize),lineHeight:"".concat(rem(size2.lineHeight))};}function inputTextSizeStyle(props){const{$fontSize}=props,{font,media}=getTheme_v2(props.theme);return _responsive(media,$fontSize,sizeIndex=>textSize(font.text.sizes[sizeIndex]||font.text.sizes[2]));}function inputStyle(){return[responsiveRadiusStyle,inputBaseStyle,inputColorStyle,inputTextSizeStyle,responsiveInputPaddingIconRightStyle];}function iconBoxStyle(props){const{color}=getTheme_v2(props.theme);return css(_templateObject39||(_templateObject39=_taggedTemplateLiteral(["\n pointer-events: none;\n position: absolute;\n top: 0;\n right: 0;\n\n /* enabled */\n --card-fg-color: ",";\n\n /* hover */\n @media (hover: hover) {\n select:not(disabled):not(:read-only):hover + && {\n --card-fg-color: ",";\n }\n }\n\n /* disabled */\n select:disabled + && {\n --card-fg-color: ",";\n }\n\n /* read-only */\n select[data-read-only] + && {\n --card-fg-color: ",";\n }\n "])),color.input.default.enabled.fg,color.input.default.hovered.fg,color.input.default.disabled.fg,color.input.default.readOnly.fg);}const selectStyle={root:rootStyle,input:inputStyle,iconBox:iconBoxStyle},StyledSelect=/* @__PURE__ */styled.div.withConfig({displayName:"StyledSelect",componentId:"sc-5mxno7-0"})(selectStyle.root),Input$3=/* @__PURE__ */styled.select.withConfig({displayName:"Input",componentId:"sc-5mxno7-1"})(selectStyle.input),IconBox=/* @__PURE__ */styled(Box).withConfig({displayName:"IconBox",componentId:"sc-5mxno7-2"})(selectStyle.iconBox),Select=forwardRef(function(props,forwardedRef){var _props22;const $=dist.c(37);let children,customValidity,disabled,readOnly,restProps,t0,t1,t2,t3;$[0]!==props?(_props22=props,{children,customValidity,disabled,fontSize:t0,padding:t1,radius:t2,readOnly,space:t3}=_props22,restProps=_objectWithoutProperties(_props22,_excluded38),_props22,$[0]=props,$[1]=children,$[2]=customValidity,$[3]=disabled,$[4]=readOnly,$[5]=restProps,$[6]=t0,$[7]=t1,$[8]=t2,$[9]=t3):(children=$[1],customValidity=$[2],disabled=$[3],readOnly=$[4],restProps=$[5],t0=$[6],t1=$[7],t2=$[8],t3=$[9]);const fontSize2=t0===void 0?2:t0,padding=t1===void 0?3:t1,radius=t2===void 0?2:t2,space=t3===void 0?3:t3,ref=useRef$1(null);let t4;$[10]===Symbol.for("react.memo_cache_sentinel")?(t4=()=>ref.current,$[10]=t4):t4=$[10],useImperativeHandle(forwardedRef,t4),useCustomValidity(ref,customValidity);const t5=!disabled&&readOnly?"":void 0;let t6;$[11]!==fontSize2?(t6=_getArrayProp(fontSize2),$[11]=fontSize2,$[12]=t6):t6=$[12];let t7;$[13]!==padding?(t7=_getArrayProp(padding),$[13]=padding,$[14]=t7):t7=$[14];let t8;$[15]!==radius?(t8=_getArrayProp(radius),$[15]=radius,$[16]=t8):t8=$[16];let t9;$[17]!==space?(t9=_getArrayProp(space),$[17]=space,$[18]=t9):t9=$[18];const t10=disabled||readOnly;let t11;$[19]!==children||$[20]!==restProps||$[21]!==t10||$[22]!==t5||$[23]!==t6||$[24]!==t7||$[25]!==t8||$[26]!==t9?(t11=/* @__PURE__ */jsx(Input$3,_objectSpread(_objectSpread({"data-read-only":t5,"data-ui":"Select"},restProps),{},{$fontSize:t6,$padding:t7,$radius:t8,$space:t9,disabled:t10,ref,children})),$[19]=children,$[20]=restProps,$[21]=t10,$[22]=t5,$[23]=t6,$[24]=t7,$[25]=t8,$[26]=t9,$[27]=t11):t11=$[27];let t12;$[28]===Symbol.for("react.memo_cache_sentinel")?(t12=/* @__PURE__ */jsx(ChevronDownIcon,{}),$[28]=t12):t12=$[28];let t13;$[29]!==fontSize2?(t13=/* @__PURE__ */jsx(Text,{size:fontSize2,children:t12}),$[29]=fontSize2,$[30]=t13):t13=$[30];let t14;$[31]!==padding||$[32]!==t13?(t14=/* @__PURE__ */jsx(IconBox,{padding,children:t13}),$[31]=padding,$[32]=t13,$[33]=t14):t14=$[33];let t15;return $[34]!==t11||$[35]!==t14?(t15=/* @__PURE__ */jsxs(StyledSelect,{"data-ui":"Select",children:[t11,t14]}),$[34]=t11,$[35]=t14,$[36]=t15):t15=$[36],t15;});Select.displayName="ForwardRef(Select)";const BASE_STYLE={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"},gridTemplateColumns:"minmax(0, 1fr)",gridAutoRows:"min-content"};function stackBaseStyle(){return BASE_STYLE;}function responsiveStackSpaceStyle(props){const{media,space}=getTheme_v2(props.theme);return _responsive(media,props.$space,spaceIndex=>({gridGap:rem(space[spaceIndex])}));}const StyledStack=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledStack",componentId:"sc-8dpfq2-0"})(stackBaseStyle,responsiveStackSpaceStyle),Stack=forwardRef(function(props,ref){var _props23;const $=dist.c(12);let as,restProps,space;$[0]!==props?(_props23=props,{as,space}=_props23,restProps=_objectWithoutProperties(_props23,_excluded39),_props23,$[0]=props,$[1]=as,$[2]=restProps,$[3]=space):(as=$[1],restProps=$[2],space=$[3]);const t0=typeof as=="string"?as:void 0;let t1;$[4]!==space?(t1=_getArrayProp(space),$[4]=space,$[5]=t1):t1=$[5];let t2;return $[6]!==as||$[7]!==ref||$[8]!==restProps||$[9]!==t0||$[10]!==t1?(t2=/* @__PURE__ */jsx(StyledStack,_objectSpread(_objectSpread({"data-as":t0,"data-ui":"Stack"},restProps),{},{$space:t1,forwardedAs:as,ref})),$[6]=as,$[7]=ref,$[8]=restProps,$[9]=t0,$[10]=t1,$[11]=t2):t2=$[11],t2;});Stack.displayName="ForwardRef(Stack)";function switchBaseStyles(){return css(_templateObject40||(_templateObject40=_taggedTemplateLiteral(["\n position: relative;\n &:not([hidden]) {\n display: inline-block;\n }\n "])));}function switchInputStyles(){return css(_templateObject41||(_templateObject41=_taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0;\n height: 100%;\n width: 100%;\n outline: none;\n padding: 0;\n margin: 0;\n\n /* Place the input element above the representation element */\n z-index: 1;\n "])));}function switchRepresentationStyles(props){const{color,input}=getTheme_v2(props.theme);return css(_templateObject42||(_templateObject42=_taggedTemplateLiteral(["\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n --switch-box-shadow: none;\n\n &:not([hidden]) {\n display: block;\n }\n position: relative;\n width: ",";\n height: ",";\n border-radius: ",";\n\n /* Make sure it\u2019s not possible to interact with the wrapper element */\n pointer-events: none;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n box-shadow: var(--switch-box-shadow);\n border-radius: inherit;\n }\n\n /* Focus styles */\n input:focus + && {\n --switch-box-shadow: ",";\n }\n\n input:focus:not(:focus-visible) + && {\n --switch-box-shadow: none;\n }\n\n input:checked + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n\n @media (hover: hover) {\n input:not(:disabled):hover + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n\n input:not(:disabled):checked:hover + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n }\n\n input:not([data-read-only]):disabled + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n\n input[data-read-only]:disabled + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n\n input:checked[data-read-only]:disabled + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n "])),color.input.default.enabled.border,color.input.default.enabled.bg,rem(input.switch.width),rem(input.switch.height),rem(input.switch.height/2),focusRingStyle({focusRing:input.switch.focusRing}),color.input.default.enabled.fg,color.input.default.enabled.bg,color.input.default.hovered.border,color.input.default.hovered.bg,color.input.default.enabled.fg,color.input.default.enabled.bg,color.input.default.disabled.border,color.input.default.disabled.bg,color.input.default.readOnly.border,color.input.default.readOnly.bg,color.input.default.readOnly.fg,color.input.default.readOnly.bg);}function switchTrackStyles(props){const{input}=getTheme_v2(props.theme);return css(_templateObject43||(_templateObject43=_taggedTemplateLiteral(["\n &:not([hidden]) {\n display: block;\n }\n background-color: var(--switch-bg-color);\n position: absolute;\n left: 0;\n top: 0;\n width: ",";\n height: ",";\n border-radius: ",";\n "])),rem(input.switch.width),rem(input.switch.height),rem(input.switch.height/2));}function switchThumbStyles(props){const{$indeterminate}=props,{input}=getTheme_v2(props.theme),trackWidth=input.switch.width,trackHeight=input.switch.height,trackPadding=input.switch.padding,size2=trackHeight-input.switch.padding*2,checkedOffset=trackWidth-trackPadding*2-size2,indeterminateOffset=trackWidth/2-size2/2-trackPadding,checked=$indeterminate!==!0&&props.$checked===!0;return css(_templateObject44||(_templateObject44=_taggedTemplateLiteral(["\n &:not([hidden]) {\n display: block;\n }\n position: absolute;\n left: ",";\n top: ",";\n height: ",";\n width: ",";\n border-radius: ",";\n transition-property: transform;\n transition-duration: ","ms;\n transition-timing-function: ",";\n background: var(--switch-fg-color);\n transform: translate3d(0, 0, 0);\n box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);\n\n ","\n\n ","\n "])),rem(trackPadding),rem(trackPadding),rem(size2),rem(size2),rem(size2/2),input.switch.transitionDurationMs,input.switch.transitionTimingFunction,checked&&css(_templateObject45||(_templateObject45=_taggedTemplateLiteral(["\n transform: translate3d(","px, 0, 0);\n "])),checkedOffset),$indeterminate&&css(_templateObject46||(_templateObject46=_taggedTemplateLiteral(["\n transform: translate3d(","px, 0, 0);\n "])),indeterminateOffset));}const StyledSwitch=/* @__PURE__ */styled.span.withConfig({displayName:"StyledSwitch",componentId:"sc-dw1foe-0"})(switchBaseStyles),Input$2=/* @__PURE__ */styled.input.withConfig({displayName:"Input",componentId:"sc-dw1foe-1"})(switchInputStyles),Representation=/* @__PURE__ */styled.span.withConfig({displayName:"Representation",componentId:"sc-dw1foe-2"})(switchRepresentationStyles),Track=/* @__PURE__ */styled.span.withConfig({displayName:"Track",componentId:"sc-dw1foe-3"})(switchTrackStyles),Thumb=/* @__PURE__ */styled.span.withConfig({displayName:"Thumb",componentId:"sc-dw1foe-4"})(switchThumbStyles),Switch=forwardRef(function(props,forwardedRef){var _props24;const $=dist.c(26);let checked,className,disabled,indeterminate,readOnly,restProps,style;$[0]!==props?(_props24=props,{checked,className,disabled,indeterminate,readOnly,style}=_props24,restProps=_objectWithoutProperties(_props24,_excluded40),_props24,$[0]=props,$[1]=checked,$[2]=className,$[3]=disabled,$[4]=indeterminate,$[5]=readOnly,$[6]=restProps,$[7]=style):(checked=$[1],className=$[2],disabled=$[3],indeterminate=$[4],readOnly=$[5],restProps=$[6],style=$[7]);const ref=useRef$1(null);let t0;$[8]===Symbol.for("react.memo_cache_sentinel")?(t0=()=>ref.current,$[8]=t0):t0=$[8],useImperativeHandle(forwardedRef,t0);let t1,t2;$[9]!==indeterminate?(t1=()=>{ref.current&&(ref.current.indeterminate=indeterminate||!1);},t2=[indeterminate],$[9]=indeterminate,$[10]=t1,$[11]=t2):(t1=$[10],t2=$[11]),useEffect$1(t1,t2);const t3=!disabled&&readOnly?"":void 0,t4=indeterminate!==!0&&checked,t5=disabled||readOnly;let t6;$[12]!==restProps||$[13]!==t3||$[14]!==t4||$[15]!==t5?(t6=/* @__PURE__ */jsx(Input$2,_objectSpread(_objectSpread({"data-read-only":t3},restProps),{},{checked:t4,disabled:t5,type:"checkbox",ref})),$[12]=restProps,$[13]=t3,$[14]=t4,$[15]=t5,$[16]=t6):t6=$[16];let t7;$[17]===Symbol.for("react.memo_cache_sentinel")?(t7=/* @__PURE__ */jsx(Track,{}),$[17]=t7):t7=$[17];let t8;$[18]!==checked||$[19]!==indeterminate?(t8=/* @__PURE__ */jsxs(Representation,{"aria-hidden":!0,"data-name":"representation",children:[t7,/* @__PURE__ */jsx(Thumb,{$checked:checked,$indeterminate:indeterminate})]}),$[18]=checked,$[19]=indeterminate,$[20]=t8):t8=$[20];let t9;return $[21]!==className||$[22]!==style||$[23]!==t6||$[24]!==t8?(t9=/* @__PURE__ */jsxs(StyledSwitch,{className,"data-ui":"Switch",style,children:[t6,t8]}),$[21]=className,$[22]=style,$[23]=t6,$[24]=t8,$[25]=t9):t9=$[25],t9;});Switch.displayName="ForwardRef(Switch)";const StyledTextArea=/* @__PURE__ */styled.span.withConfig({displayName:"StyledTextArea",componentId:"sc-1d6h1o8-0"})(textInputRootStyle),InputRoot$1=styled.span.withConfig({displayName:"InputRoot",componentId:"sc-1d6h1o8-1"})(_templateObject47||(_templateObject47=_taggedTemplateLiteral(["flex:1;min-width:0;display:block;position:relative;"]))),Input$1=/* @__PURE__ */styled.textarea.withConfig({displayName:"Input",componentId:"sc-1d6h1o8-2"})(responsiveInputPaddingStyle,textInputBaseStyle,textInputFontSizeStyle),Presentation$1=/* @__PURE__ */styled.div.withConfig({displayName:"Presentation",componentId:"sc-1d6h1o8-3"})(responsiveRadiusStyle,textInputRepresentationStyle),TextArea=forwardRef(function(props,forwardedRef){var _props25;const $=dist.c(35);let __unstable_disableFocusRing,customValidity,restProps,t0,t1,t2,t3,t4,weight;$[0]!==props?(_props25=props,{border:t0,customValidity,disabled:t1,fontSize:t2,padding:t3,radius:t4,weight,__unstable_disableFocusRing}=_props25,restProps=_objectWithoutProperties(_props25,_excluded41),_props25,$[0]=props,$[1]=__unstable_disableFocusRing,$[2]=customValidity,$[3]=restProps,$[4]=t0,$[5]=t1,$[6]=t2,$[7]=t3,$[8]=t4,$[9]=weight):(__unstable_disableFocusRing=$[1],customValidity=$[2],restProps=$[3],t0=$[4],t1=$[5],t2=$[6],t3=$[7],t4=$[8],weight=$[9]);const border2=t0===void 0?!0:t0,disabled=t1===void 0?!1:t1,fontSize2=t2===void 0?2:t2,padding=t3===void 0?3:t3,radius=t4===void 0?2:t4,ref=useRef$1(null),rootTheme=useRootTheme();let t5;$[10]===Symbol.for("react.memo_cache_sentinel")?(t5=()=>ref.current,$[10]=t5):t5=$[10],useImperativeHandle(forwardedRef,t5),useCustomValidity(ref,customValidity);const t6=rootTheme.scheme,t7=rootTheme.tone;let t8;$[11]!==fontSize2?(t8=_getArrayProp(fontSize2),$[11]=fontSize2,$[12]=t8):t8=$[12];let t9;$[13]!==padding?(t9=_getArrayProp(padding),$[13]=padding,$[14]=t9):t9=$[14];const t10=rootTheme.scheme;let t11;$[15]===Symbol.for("react.memo_cache_sentinel")?(t11=_getArrayProp(0),$[15]=t11):t11=$[15];let t12;$[16]!==disabled||$[17]!==restProps||$[18]!==rootTheme.scheme||$[19]!==rootTheme.tone||$[20]!==t8||$[21]!==t9||$[22]!==weight?(t12=/* @__PURE__ */jsx(Input$1,_objectSpread(_objectSpread({"data-as":"textarea","data-scheme":t6,"data-tone":t7},restProps),{},{$fontSize:t8,$padding:t9,$scheme:t10,$space:t11,$tone:rootTheme.tone,$weight:weight,disabled,ref})),$[16]=disabled,$[17]=restProps,$[18]=rootTheme.scheme,$[19]=rootTheme.tone,$[20]=t8,$[21]=t9,$[22]=weight,$[23]=t12):t12=$[23];let t13;$[24]!==radius?(t13=_getArrayProp(radius),$[24]=radius,$[25]=t13):t13=$[25];const t14=border2?"":void 0;let t15;$[26]!==__unstable_disableFocusRing||$[27]!==rootTheme.scheme||$[28]!==rootTheme.tone||$[29]!==t13||$[30]!==t14?(t15=/* @__PURE__ */jsx(Presentation$1,{$radius:t13,$unstableDisableFocusRing:__unstable_disableFocusRing,$scheme:rootTheme.scheme,$tone:rootTheme.tone,"data-border":t14,"data-scheme":rootTheme.scheme,"data-tone":rootTheme.tone}),$[26]=__unstable_disableFocusRing,$[27]=rootTheme.scheme,$[28]=rootTheme.tone,$[29]=t13,$[30]=t14,$[31]=t15):t15=$[31];let t16;return $[32]!==t12||$[33]!==t15?(t16=/* @__PURE__ */jsx(StyledTextArea,{"data-ui":"TextArea",children:/* @__PURE__ */jsxs(InputRoot$1,{children:[t12,t15]})}),$[32]=t12,$[33]=t15,$[34]=t16):t16=$[34],t16;});TextArea.displayName="ForwardRef(TextArea)";const CLEAR_BUTTON_BOX_STYLE={zIndex:2},StyledTextInput=/* @__PURE__ */styled(Card).attrs({forwardedAs:"span"}).withConfig({displayName:"StyledTextInput",componentId:"sc-h62wco-0"})(textInputRootStyle),InputRoot=styled.span.withConfig({displayName:"InputRoot",componentId:"sc-h62wco-1"})(_templateObject48||(_templateObject48=_taggedTemplateLiteral(["flex:1;min-width:0;display:block;position:relative;"]))),Prefix=styled(Card).attrs({forwardedAs:"span"}).withConfig({displayName:"Prefix",componentId:"sc-h62wco-2"})(_templateObject49||(_templateObject49=_taggedTemplateLiteral(["border-top-right-radius:0;border-bottom-right-radius:0;& > span{display:block;margin:-1px;}"]))),Suffix=styled(Card).attrs({forwardedAs:"span"}).withConfig({displayName:"Suffix",componentId:"sc-h62wco-3"})(_templateObject50||(_templateObject50=_taggedTemplateLiteral(["border-top-left-radius:0;border-bottom-left-radius:0;& > span{display:block;margin:-1px;}"]))),Input=/* @__PURE__ */styled.input.withConfig({displayName:"Input",componentId:"sc-h62wco-4"})(responsiveInputPaddingStyle,textInputBaseStyle,textInputFontSizeStyle),Presentation=/* @__PURE__ */styled.span.withConfig({displayName:"Presentation",componentId:"sc-h62wco-5"})(responsiveRadiusStyle,textInputRepresentationStyle),LeftBox=styled(Box).withConfig({displayName:"LeftBox",componentId:"sc-h62wco-6"})(_templateObject51||(_templateObject51=_taggedTemplateLiteral(["position:absolute;top:0;left:0;"]))),RightBox=styled(Box).withConfig({displayName:"RightBox",componentId:"sc-h62wco-7"})(_templateObject52||(_templateObject52=_taggedTemplateLiteral(["position:absolute;top:0;right:0;"]))),RightCard=styled(Card).withConfig({displayName:"RightCard",componentId:"sc-h62wco-8"})(_templateObject53||(_templateObject53=_taggedTemplateLiteral(["background-color:transparent;position:absolute;top:0;right:0;"]))),TextInputClearButton=/* @__PURE__ */styled(Button).withConfig({displayName:"TextInputClearButton",componentId:"sc-h62wco-9"})({"&:not([hidden])":{display:"block"}}),TextInput=forwardRef(function(props,forwardedRef){var _props26;const $=dist.c(92);let IconComponent,IconRightComponent,__unstable_disableFocusRing,clearButton,customValidity,onClear,prefix,readOnly,restProps,suffix,t0,t1,t2,t3,t4,t5,t6,weight;$[0]!==props?(_props26=props,{__unstable_disableFocusRing,border:t0,clearButton,disabled:t1,fontSize:t2,icon:IconComponent,iconRight:IconRightComponent,onClear,padding:t3,prefix,radius:t4,readOnly,space:t5,suffix,customValidity,type:t6,weight}=_props26,restProps=_objectWithoutProperties(_props26,_excluded42),_props26,$[0]=props,$[1]=IconComponent,$[2]=IconRightComponent,$[3]=__unstable_disableFocusRing,$[4]=clearButton,$[5]=customValidity,$[6]=onClear,$[7]=prefix,$[8]=readOnly,$[9]=restProps,$[10]=suffix,$[11]=t0,$[12]=t1,$[13]=t2,$[14]=t3,$[15]=t4,$[16]=t5,$[17]=t6,$[18]=weight):(IconComponent=$[1],IconRightComponent=$[2],__unstable_disableFocusRing=$[3],clearButton=$[4],customValidity=$[5],onClear=$[6],prefix=$[7],readOnly=$[8],restProps=$[9],suffix=$[10],t0=$[11],t1=$[12],t2=$[13],t3=$[14],t4=$[15],t5=$[16],t6=$[17],weight=$[18]);const border2=t0===void 0?!0:t0,disabled=t1===void 0?!1:t1,fontSizeProp=t2===void 0?2:t2,paddingProp=t3===void 0?3:t3,radiusProp=t4===void 0?2:t4,spaceProp=t5===void 0?3:t5,type=t6===void 0?"text":t6,ref=useRef$1(null),rootTheme=useRootTheme();let t7;$[19]!==fontSizeProp?(t7=_getArrayProp(fontSizeProp),$[19]=fontSizeProp,$[20]=t7):t7=$[20];const fontSize2=t7;let t8;$[21]!==paddingProp?(t8=_getArrayProp(paddingProp),$[21]=paddingProp,$[22]=t8):t8=$[22];const padding=t8;let t9;$[23]!==radiusProp?(t9=_getArrayProp(radiusProp),$[23]=radiusProp,$[24]=t9):t9=$[24];const radius=t9;let t10;$[25]!==spaceProp?(t10=_getArrayProp(spaceProp),$[25]=spaceProp,$[26]=t10):t10=$[26];const space=t10,$hasClearButton=!!clearButton,$hasIcon=!!IconComponent,$hasIconRight=!!IconRightComponent,$hasSuffix=!!suffix,$hasPrefix=!!prefix;let t11;$[27]===Symbol.for("react.memo_cache_sentinel")?(t11=()=>ref.current,$[27]=t11):t11=$[27],useImperativeHandle(forwardedRef,t11),useCustomValidity(ref,customValidity);const handleClearMouseDown=_temp$2$1;let t12;$[28]!==onClear?(t12=event_0=>{var _ref$current2;event_0.preventDefault(),event_0.stopPropagation(),onClear&&onClear(),(_ref$current2=ref.current)===null||_ref$current2===void 0?void 0:_ref$current2.focus();},$[28]=onClear,$[29]=t12):t12=$[29];const handleClearClick=t12;let t13;$[30]!==prefix||$[31]!==radius?(t13=prefix&&/* @__PURE__ */jsx(Prefix,{borderTop:!0,borderLeft:!0,borderBottom:!0,radius,sizing:"border",tone:"inherit",children:/* @__PURE__ */jsx("span",{children:prefix})}),$[30]=prefix,$[31]=radius,$[32]=t13):t13=$[32];const prefixNode=t13,t14=border2?"":void 0;let t15;$[33]!==IconComponent||$[34]!==fontSize2||$[35]!==padding?(t15=IconComponent&&/* @__PURE__ */jsx(LeftBox,{padding,children:/* @__PURE__ */jsxs(Text,{size:fontSize2,children:[isValidElement$1(IconComponent)&&IconComponent,reactIsExports.isValidElementType(IconComponent)&&/* @__PURE__ */jsx(IconComponent,{})]})}),$[33]=IconComponent,$[34]=fontSize2,$[35]=padding,$[36]=t15):t15=$[36];let t16;$[37]!==$hasClearButton||$[38]!==IconRightComponent||$[39]!==fontSize2||$[40]!==padding?(t16=!$hasClearButton&&IconRightComponent&&/* @__PURE__ */jsx(RightBox,{padding,children:/* @__PURE__ */jsxs(Text,{size:fontSize2,children:[isValidElement$1(IconRightComponent)&&IconRightComponent,reactIsExports.isValidElementType(IconRightComponent)&&/* @__PURE__ */jsx(IconRightComponent,{})]})}),$[37]=$hasClearButton,$[38]=IconRightComponent,$[39]=fontSize2,$[40]=padding,$[41]=t16):t16=$[41];let t17;$[42]!==$hasPrefix||$[43]!==$hasSuffix||$[44]!==__unstable_disableFocusRing||$[45]!==radius||$[46]!==rootTheme.scheme||$[47]!==rootTheme.tone||$[48]!==t14||$[49]!==t15||$[50]!==t16?(t17=/* @__PURE__ */jsxs(Presentation,{$hasPrefix,$unstableDisableFocusRing:__unstable_disableFocusRing,$hasSuffix,$radius:radius,$scheme:rootTheme.scheme,$tone:rootTheme.tone,"data-border":t14,"data-scheme":rootTheme.scheme,"data-tone":rootTheme.tone,children:[t15,t16]}),$[42]=$hasPrefix,$[43]=$hasSuffix,$[44]=__unstable_disableFocusRing,$[45]=radius,$[46]=rootTheme.scheme,$[47]=rootTheme.tone,$[48]=t14,$[49]=t15,$[50]=t16,$[51]=t17):t17=$[51];const presentationNode=t17;let t18;$[52]!==padding?(t18=padding.map(_temp2),$[52]=padding,$[53]=t18):t18=$[53];const clearButtonBoxPadding=t18;let t19;$[54]!==padding?(t19=padding.map(_temp3),$[54]=padding,$[55]=t19):t19=$[55];const clearButtonPadding=t19,clearButtonProps=typeof clearButton=="object"?clearButton:EMPTY_RECORD;let t20;$[56]!==clearButton||$[57]!==clearButtonBoxPadding||$[58]!==clearButtonPadding||$[59]!==clearButtonProps||$[60]!==customValidity||$[61]!==disabled||$[62]!==fontSize2||$[63]!==handleClearClick||$[64]!==radius||$[65]!==readOnly?(t20=!disabled&&!readOnly&&clearButton&&/* @__PURE__ */jsx(RightCard,{forwardedAs:"span",padding:clearButtonBoxPadding,style:CLEAR_BUTTON_BOX_STYLE,tone:customValidity?"critical":"inherit",children:/* @__PURE__ */jsx(TextInputClearButton,_objectSpread(_objectSpread({"aria-label":"Clear","data-qa":"clear-button",fontSize:fontSize2,icon:CloseIcon,mode:"bleed",padding:clearButtonPadding,radius},clearButtonProps),{},{onClick:handleClearClick,onMouseDown:handleClearMouseDown}))}),$[56]=clearButton,$[57]=clearButtonBoxPadding,$[58]=clearButtonPadding,$[59]=clearButtonProps,$[60]=customValidity,$[61]=disabled,$[62]=fontSize2,$[63]=handleClearClick,$[64]=radius,$[65]=readOnly,$[66]=t20):t20=$[66];const clearButtonNode=t20;let t21;$[67]!==radius||$[68]!==suffix?(t21=suffix&&/* @__PURE__ */jsx(Suffix,{borderTop:!0,borderRight:!0,borderBottom:!0,radius,sizing:"border",tone:"inherit",children:/* @__PURE__ */jsx("span",{children:suffix})}),$[67]=radius,$[68]=suffix,$[69]=t21):t21=$[69];const suffixNode=t21,t22=$hasIconRight||$hasClearButton;let t23;$[70]!==$hasIcon||$[71]!==disabled||$[72]!==fontSize2||$[73]!==padding||$[74]!==readOnly||$[75]!==restProps||$[76]!==rootTheme.scheme||$[77]!==rootTheme.tone||$[78]!==space||$[79]!==t22||$[80]!==type||$[81]!==weight?(t23=/* @__PURE__ */jsx(Input,_objectSpread(_objectSpread({"data-as":"input","data-scheme":rootTheme.scheme,"data-tone":rootTheme.tone},restProps),{},{$fontSize:fontSize2,$iconLeft:$hasIcon,$iconRight:t22,$padding:padding,$scheme:rootTheme.scheme,$space:space,$tone:rootTheme.tone,$weight:weight,disabled,readOnly,ref,type})),$[70]=$hasIcon,$[71]=disabled,$[72]=fontSize2,$[73]=padding,$[74]=readOnly,$[75]=restProps,$[76]=rootTheme.scheme,$[77]=rootTheme.tone,$[78]=space,$[79]=t22,$[80]=type,$[81]=weight,$[82]=t23):t23=$[82];let t24;$[83]!==clearButtonNode||$[84]!==presentationNode||$[85]!==t23?(t24=/* @__PURE__ */jsxs(InputRoot,{children:[t23,presentationNode,clearButtonNode]}),$[83]=clearButtonNode,$[84]=presentationNode,$[85]=t23,$[86]=t24):t24=$[86];let t25;return $[87]!==prefixNode||$[88]!==rootTheme.tone||$[89]!==suffixNode||$[90]!==t24?(t25=/* @__PURE__ */jsxs(StyledTextInput,{"data-ui":"TextInput",tone:rootTheme.tone,children:[prefixNode,t24,suffixNode]}),$[87]=prefixNode,$[88]=rootTheme.tone,$[89]=suffixNode,$[90]=t24,$[91]=t25):t25=$[91],t25;});TextInput.displayName="ForwardRef(TextInput)";function _temp$2$1(event){event.preventDefault(),event.stopPropagation();}function _temp2(v){return v===0?0:v===1||v===2?1:v-2;}function _temp3(v_0){return v_0===0||v_0===1?0:v_0===2?1:v_0-1;}function useDelayedState(initialState){const $=dist.c(3),[state,setState]=useState(initialState),delayedAction=useRef$1(void 0);let t0;$[0]===Symbol.for("react.memo_cache_sentinel")?(t0=(nextState,delay)=>{const action=()=>{setState(nextState);};if(delayedAction.current&&(clearTimeout(delayedAction.current),delayedAction.current=void 0),!delay)return action();delayedAction.current=setTimeout(action,delay);},$[0]=t0):t0=$[0];const onStateChange=t0;let t1;return $[1]!==state?(t1=[state,onStateChange],$[1]=state,$[2]=t1):t1=$[2],t1;}const DEFAULT_TOOLTIP_ARROW_WIDTH=15,DEFAULT_TOOLTIP_ARROW_HEIGHT=6,DEFAULT_TOOLTIP_ARROW_RADIUS=2,DEFAULT_TOOLTIP_DISTANCE=4,DEFAULT_TOOLTIP_PADDING=4,DEFAULT_FALLBACK_PLACEMENTS={top:["top-end","top-start","bottom","left","right"],"top-start":["top","top-end","bottom-start","left-start","right-start"],"top-end":["top","top-start","bottom-end","left-end","right-end"],bottom:["bottom-end","bottom-start","top","left","right"],"bottom-start":["bottom","bottom-end","top-start","left-start","right-start"],"bottom-end":["bottom","bottom-start","top-end","left-end","right-end"],left:["left-end","left-start","right","top","bottom"],"left-start":["left","left-end","right-start","top-start","bottom-start"],"left-end":["left","left-start","right-end","top-end","bottom-end"],right:["right-end","right-start","left","top","bottom"],"right-start":["right","right-end","left-start","top-start","bottom-start"],"right-end":["right","right-start","left-end","top-end","bottom-end"]},MotionCard=styled(motion.create(Card)).withConfig({displayName:"MotionCard",componentId:"sc-1xn138w-0"})(_templateObject54||(_templateObject54=_taggedTemplateLiteral(["will-change:transform;"]))),TooltipCard=forwardRef(function(props,ref){var _props27;const $=dist.c(48);let animate,arrow2,arrowRef,arrowX,arrowY,children,originX,originY,padding,placement,radius,restProps,scheme,shadow,style;$[0]!==props?(_props27=props,{animate,arrow:arrow2,arrowRef,arrowX,arrowY,children,originX,originY,padding,placement,radius,scheme,shadow,style}=_props27,restProps=_objectWithoutProperties(_props27,_excluded43),_props27,$[0]=props,$[1]=animate,$[2]=arrow2,$[3]=arrowRef,$[4]=arrowX,$[5]=arrowY,$[6]=children,$[7]=originX,$[8]=originY,$[9]=padding,$[10]=placement,$[11]=radius,$[12]=restProps,$[13]=scheme,$[14]=shadow,$[15]=style):(animate=$[1],arrow2=$[2],arrowRef=$[3],arrowX=$[4],arrowY=$[5],children=$[6],originX=$[7],originY=$[8],padding=$[9],placement=$[10],radius=$[11],restProps=$[12],scheme=$[13],shadow=$[14],style=$[15]);const t0=animate?"transform":void 0;let t1;$[16]!==originX||$[17]!==originY||$[18]!==style||$[19]!==t0?(t1=_objectSpread({originX,originY,willChange:t0},style),$[16]=originX,$[17]=originY,$[18]=style,$[19]=t0,$[20]=t1):t1=$[20];const rootStyle2=t1,t2=arrowX!==null?arrowX:void 0,t3=arrowY!==null?arrowY:void 0;let t4;$[21]!==t2||$[22]!==t3?(t4={left:t2,top:t3,right:void 0,bottom:void 0},$[21]=t2,$[22]=t3,$[23]=t4):t4=$[23];const arrowStyle=t4,t5=restProps;let t6;$[24]!==animate?(t6=animate?["hidden","initial"]:void 0,$[24]=animate,$[25]=t6):t6=$[25];let t7;$[26]!==animate?(t7=animate?["visible","scaleIn"]:void 0,$[26]=animate,$[27]=t7):t7=$[27];let t8;$[28]!==animate?(t8=animate?["hidden","scaleOut"]:void 0,$[28]=animate,$[29]=t8):t8=$[29];let t9;$[30]!==arrow2||$[31]!==arrowRef||$[32]!==arrowStyle?(t9=arrow2&&/* @__PURE__ */jsx(Arrow,{ref:arrowRef,style:arrowStyle,width:DEFAULT_TOOLTIP_ARROW_WIDTH,height:DEFAULT_TOOLTIP_ARROW_HEIGHT,radius:DEFAULT_TOOLTIP_ARROW_RADIUS}),$[30]=arrow2,$[31]=arrowRef,$[32]=arrowStyle,$[33]=t9):t9=$[33];let t10;return $[34]!==children||$[35]!==padding||$[36]!==placement||$[37]!==radius||$[38]!==ref||$[39]!==rootStyle2||$[40]!==scheme||$[41]!==shadow||$[42]!==t5||$[43]!==t6||$[44]!==t7||$[45]!==t8||$[46]!==t9?(t10=/* @__PURE__ */jsxs(MotionCard,_objectSpread(_objectSpread({"data-ui":"Tooltip__card"},t5),{},{"data-placement":placement,padding,radius,ref,scheme,shadow,style:rootStyle2,variants:POPOVER_MOTION_PROPS.card,transition:POPOVER_MOTION_PROPS.transition,initial:t6,animate:t7,exit:t8,children:[children,t9]})),$[34]=children,$[35]=padding,$[36]=placement,$[37]=radius,$[38]=ref,$[39]=rootStyle2,$[40]=scheme,$[41]=shadow,$[42]=t5,$[43]=t6,$[44]=t7,$[45]=t8,$[46]=t9,$[47]=t10):t10=$[47],t10;});TooltipCard.displayName="ForwardRef(TooltipCard)";const TooltipDelayGroupContext=createGlobalScopedContext("@sanity/ui/context/tooltipDelayGroup",null);function useTooltipDelayGroup(){return useContext(TooltipDelayGroupContext);}const StyledTooltip=styled(Layer).withConfig({displayName:"StyledTooltip",componentId:"sc-13f2zvh-0"})(_templateObject55||(_templateObject55=_taggedTemplateLiteral(["pointer-events:none;"]))),Tooltip=forwardRef(function(props,forwardedRef){var _props28,_props$placement2,_portal$elements2,_middlewareData$arrow4,_middlewareData$arrow5,_middlewareData$Sani3,_middlewareData$Sani4,_delay2,_delay3,_childProp,_childProp3,_childProp4,_childProp6,_childProp7,_childProp9,_childProp0,_childProp10,_childProp11,_childProp13,_childProp14,_childProp16;const $=dist.c(137),boundaryElementContext=useBoundaryElement(),{layer}=useTheme_v2();let _boundaryElement,_fallbackPlacementsProp,_zOffset,childProp,content,delay,disabled,portalProp,restProps,scheme,t0,t1,t2,t3,t4,t5;$[0]!==props?(_props28=props,{animate:t0,arrow:t1,boundaryElement:_boundaryElement,children:childProp,content,disabled,fallbackPlacements:_fallbackPlacementsProp,padding:t2,placement:t3,portal:portalProp,radius:t4,scheme,shadow:t5,zOffset:_zOffset,delay}=_props28,restProps=_objectWithoutProperties(_props28,_excluded44),_props28,$[0]=props,$[1]=_boundaryElement,$[2]=_fallbackPlacementsProp,$[3]=_zOffset,$[4]=childProp,$[5]=content,$[6]=delay,$[7]=disabled,$[8]=portalProp,$[9]=restProps,$[10]=scheme,$[11]=t0,$[12]=t1,$[13]=t2,$[14]=t3,$[15]=t4,$[16]=t5):(_boundaryElement=$[1],_fallbackPlacementsProp=$[2],_zOffset=$[3],childProp=$[4],content=$[5],delay=$[6],disabled=$[7],portalProp=$[8],restProps=$[9],scheme=$[10],t0=$[11],t1=$[12],t2=$[13],t3=$[14],t4=$[15],t5=$[16]);const _animate=t0===void 0?!1:t0,arrowProp=t1===void 0?!1:t1,padding=t2===void 0?2:t2,placementProp=t3===void 0?"bottom":t3,radius=t4===void 0?2:t4,shadow=t5===void 0?2:t5,boundaryElement=_boundaryElement!==null&&_boundaryElement!==void 0?_boundaryElement:boundaryElementContext===null||boundaryElementContext===void 0?void 0:boundaryElementContext.element,fallbackPlacementsProp=_fallbackPlacementsProp!==null&&_fallbackPlacementsProp!==void 0?_fallbackPlacementsProp:DEFAULT_FALLBACK_PLACEMENTS[(_props$placement2=props.placement)!==null&&_props$placement2!==void 0?_props$placement2:"bottom"],zOffset=_zOffset!==null&&_zOffset!==void 0?_zOffset:layer.tooltip.zOffset,animate=usePrefersReducedMotion()?!1:_animate;let t6;$[17]!==fallbackPlacementsProp?(t6=_getArrayProp(fallbackPlacementsProp),$[17]=fallbackPlacementsProp,$[18]=t6):t6=$[18];const fallbackPlacements=t6,ref=useRef$1(null),[referenceElement,setReferenceElement]=useState(null),arrowRef=useRef$1(null),[tooltipMaxWidth,setTooltipMaxWidth]=useState(0);let t7;$[19]===Symbol.for("react.memo_cache_sentinel")?(t7=()=>ref.current,$[19]=t7):t7=$[19],useImperativeHandle(forwardedRef,t7);const portal=usePortal(),portalElement=typeof portalProp=="string"?((_portal$elements2=portal.elements)===null||_portal$elements2===void 0?void 0:_portal$elements2[portalProp])||null:portal.element;let t8;$[20]!==animate||$[21]!==arrowProp||$[22]!==boundaryElement||$[23]!==fallbackPlacements?(t8={animate,arrowProp,arrowRef,boundaryElement,fallbackPlacements,rootBoundary:"viewport"},$[20]=animate,$[21]=arrowProp,$[22]=boundaryElement,$[23]=fallbackPlacements,$[24]=t8):t8=$[24];const middleware=useMiddleware(t8);let t9;$[25]!==referenceElement?(t9={reference:referenceElement},$[25]=referenceElement,$[26]=t9):t9=$[26];let t10;$[27]!==middleware||$[28]!==placementProp||$[29]!==t9?(t10={middleware,placement:placementProp,whileElementsMounted:autoUpdate,elements:t9},$[27]=middleware,$[28]=placementProp,$[29]=t9,$[30]=t10):t10=$[30];const{floatingStyles,placement,middlewareData,refs,update}=useFloating(t10),arrowX=(_middlewareData$arrow4=middlewareData.arrow)===null||_middlewareData$arrow4===void 0?void 0:_middlewareData$arrow4.x,arrowY=(_middlewareData$arrow5=middlewareData.arrow)===null||_middlewareData$arrow5===void 0?void 0:_middlewareData$arrow5.y,originX=(_middlewareData$Sani3=middlewareData["@sanity/ui/origin"])===null||_middlewareData$Sani3===void 0?void 0:_middlewareData$Sani3.originX,originY=(_middlewareData$Sani4=middlewareData["@sanity/ui/origin"])===null||_middlewareData$Sani4===void 0?void 0:_middlewareData$Sani4.originY,tooltipId=useId(),[isOpen,setIsOpen]=useDelayedState(!1),delayGroupContext=useTooltipDelayGroup();let t11;$[31]!==delayGroupContext?(t11=delayGroupContext||{},$[31]=delayGroupContext,$[32]=t11):t11=$[32];const{setIsGroupActive,setOpenTooltipId}=t11,showTooltip=isOpen||(delayGroupContext===null||delayGroupContext===void 0?void 0:delayGroupContext.openTooltipId)===tooltipId,isInsideGroup=delayGroupContext!==null,openDelayProp=typeof delay=="number"?delay:((_delay2=delay)===null||_delay2===void 0?void 0:_delay2.open)||0,closeDelayProp=typeof delay=="number"?delay:((_delay3=delay)===null||_delay3===void 0?void 0:_delay3.close)||0,openDelay=isInsideGroup?delayGroupContext.openDelay:openDelayProp,closeDelay=isInsideGroup?delayGroupContext.closeDelay:closeDelayProp;let t12;$[33]!==closeDelay||$[34]!==isInsideGroup||$[35]!==openDelay||$[36]!==setIsGroupActive||$[37]!==setIsOpen||$[38]!==setOpenTooltipId||$[39]!==tooltipId?(t12=(open,immediate)=>{if(isInsideGroup){if(open){const groupedOpenDelay=immediate?0:openDelay;setIsGroupActive!==null&&setIsGroupActive!==void 0&&setIsGroupActive(open,groupedOpenDelay),setOpenTooltipId===null||setOpenTooltipId===void 0?void 0:setOpenTooltipId(tooltipId,groupedOpenDelay);}else{const groupDeactivateDelay=closeDelay>200?closeDelay:200;setIsGroupActive!==null&&setIsGroupActive!==void 0&&setIsGroupActive(open,groupDeactivateDelay),setOpenTooltipId===null||setOpenTooltipId===void 0?void 0:setOpenTooltipId(null,immediate?0:closeDelay);}}else setIsOpen(open,immediate?0:open?openDelay:closeDelay);},$[33]=closeDelay,$[34]=isInsideGroup,$[35]=openDelay,$[36]=setIsGroupActive,$[37]=setIsOpen,$[38]=setOpenTooltipId,$[39]=tooltipId,$[40]=t12):t12=$[40];const handleIsOpenChange=t12;let t13;$[41]!==((_childProp=childProp)===null||_childProp===void 0?void 0:_childProp.props)||$[42]!==handleIsOpenChange?(t13=e=>{var _childProp2,_childProp2$onBlur;handleIsOpenChange(!1),(_childProp2=childProp)===null||_childProp2===void 0||(_childProp2=_childProp2.props)===null||_childProp2===void 0||(_childProp2$onBlur=_childProp2.onBlur)===null||_childProp2$onBlur===void 0?void 0:_childProp2$onBlur.call(_childProp2,e);},$[41]=(_childProp3=childProp)===null||_childProp3===void 0?void 0:_childProp3.props,$[42]=handleIsOpenChange,$[43]=t13):t13=$[43];const handleBlur=t13;let t14;$[44]!==((_childProp4=childProp)===null||_childProp4===void 0?void 0:_childProp4.props)||$[45]!==handleIsOpenChange?(t14=e_0=>{var _childProp5,_childProp5$props$onC,_childProp5$props;handleIsOpenChange(!1,!0),(_childProp5=childProp)===null||_childProp5===void 0||(_childProp5$props$onC=(_childProp5$props=_childProp5.props).onClick)===null||_childProp5$props$onC===void 0?void 0:_childProp5$props$onC.call(_childProp5$props,e_0);},$[44]=(_childProp6=childProp)===null||_childProp6===void 0?void 0:_childProp6.props,$[45]=handleIsOpenChange,$[46]=t14):t14=$[46];const handleClick=t14;let t15;$[47]!==((_childProp7=childProp)===null||_childProp7===void 0?void 0:_childProp7.props)||$[48]!==handleIsOpenChange?(t15=e_1=>{var _childProp8,_childProp8$props$onC,_childProp8$props;handleIsOpenChange(!1,!0),(_childProp8=childProp)===null||_childProp8===void 0||(_childProp8$props$onC=(_childProp8$props=_childProp8.props).onContextMenu)===null||_childProp8$props$onC===void 0?void 0:_childProp8$props$onC.call(_childProp8$props,e_1);},$[47]=(_childProp9=childProp)===null||_childProp9===void 0?void 0:_childProp9.props,$[48]=handleIsOpenChange,$[49]=t15):t15=$[49];const handleContextMenu=t15;let t16;$[50]!==((_childProp0=childProp)===null||_childProp0===void 0?void 0:_childProp0.props)||$[51]!==handleIsOpenChange?(t16=e_2=>{var _childProp1,_childProp1$onFocus;handleIsOpenChange(!0),(_childProp1=childProp)===null||_childProp1===void 0||(_childProp1=_childProp1.props)===null||_childProp1===void 0||(_childProp1$onFocus=_childProp1.onFocus)===null||_childProp1$onFocus===void 0?void 0:_childProp1$onFocus.call(_childProp1,e_2);},$[50]=(_childProp10=childProp)===null||_childProp10===void 0?void 0:_childProp10.props,$[51]=handleIsOpenChange,$[52]=t16):t16=$[52];const handleFocus=t16;let t17;$[53]!==((_childProp11=childProp)===null||_childProp11===void 0?void 0:_childProp11.props)||$[54]!==handleIsOpenChange?(t17=e_3=>{var _childProp12,_childProp12$onMouseE;handleIsOpenChange(!0),(_childProp12=childProp)===null||_childProp12===void 0||(_childProp12=_childProp12.props)===null||_childProp12===void 0||(_childProp12$onMouseE=_childProp12.onMouseEnter)===null||_childProp12$onMouseE===void 0?void 0:_childProp12$onMouseE.call(_childProp12,e_3);},$[53]=(_childProp13=childProp)===null||_childProp13===void 0?void 0:_childProp13.props,$[54]=handleIsOpenChange,$[55]=t17):t17=$[55];const handleMouseEnter=t17;let t18;$[56]!==((_childProp14=childProp)===null||_childProp14===void 0?void 0:_childProp14.props)||$[57]!==handleIsOpenChange?(t18=e_4=>{var _childProp15,_childProp15$onMouseL;handleIsOpenChange(!1),(_childProp15=childProp)===null||_childProp15===void 0||(_childProp15=_childProp15.props)===null||_childProp15===void 0||(_childProp15$onMouseL=_childProp15.onMouseLeave)===null||_childProp15$onMouseL===void 0?void 0:_childProp15$onMouseL.call(_childProp15,e_4);},$[56]=(_childProp16=childProp)===null||_childProp16===void 0?void 0:_childProp16.props,$[57]=handleIsOpenChange,$[58]=t18):t18=$[58];const handleMouseLeave=t18;let t19;$[59]!==handleIsOpenChange||$[60]!==isInsideGroup||$[61]!==referenceElement||$[62]!==showTooltip?(t19={handleIsOpenChange,referenceElement,showTooltip,isInsideGroup},$[59]=handleIsOpenChange,$[60]=isInsideGroup,$[61]=referenceElement,$[62]=showTooltip,$[63]=t19):t19=$[63],useCloseOnMouseLeave(t19);let t20,t21;$[64]!==disabled||$[65]!==handleIsOpenChange||$[66]!==showTooltip?(t20=()=>{disabled&&showTooltip&&handleIsOpenChange(!1);},t21=[disabled,handleIsOpenChange,showTooltip],$[64]=disabled,$[65]=handleIsOpenChange,$[66]=showTooltip,$[67]=t20,$[68]=t21):(t20=$[67],t21=$[68]),useEffect$1(t20,t21);let t22,t23;$[69]!==content||$[70]!==handleIsOpenChange||$[71]!==showTooltip?(t22=()=>{!content&&showTooltip&&handleIsOpenChange(!1);},t23=[content,handleIsOpenChange,showTooltip],$[69]=content,$[70]=handleIsOpenChange,$[71]=showTooltip,$[72]=t22,$[73]=t23):(t22=$[72],t23=$[73]),useEffect$1(t22,t23);let t24,t25;$[74]!==handleIsOpenChange||$[75]!==showTooltip?(t24=()=>{if(!showTooltip)return;const handleWindowKeyDown=function(event){event.key==="Escape"&&handleIsOpenChange(!1,!0);};return window.addEventListener("keydown",handleWindowKeyDown),()=>{window.removeEventListener("keydown",handleWindowKeyDown);};},t25=[handleIsOpenChange,showTooltip],$[74]=handleIsOpenChange,$[75]=showTooltip,$[76]=t24,$[77]=t25):(t24=$[76],t25=$[77]),useEffect$1(t24,t25);let t26;$[78]!==boundaryElement||$[79]!==(portalElement===null||portalElement===void 0?void 0:portalElement.offsetWidth)?(t26=()=>{const availableWidths=[...(boundaryElement?[boundaryElement.offsetWidth]:[]),(portalElement===null||portalElement===void 0?void 0:portalElement.offsetWidth)||document.body.offsetWidth];setTooltipMaxWidth(Math.min(...availableWidths)-DEFAULT_TOOLTIP_PADDING*2);},$[78]=boundaryElement,$[79]=portalElement===null||portalElement===void 0?void 0:portalElement.offsetWidth,$[80]=t26):t26=$[80];let t27;$[81]!==boundaryElement||$[82]!==portalElement?(t27=[boundaryElement,portalElement],$[81]=boundaryElement,$[82]=portalElement,$[83]=t27):t27=$[83],useLayoutEffect(t26,t27);let t28;$[84]!==update?(t28=arrowEl=>{arrowRef.current=arrowEl,update();},$[84]=update,$[85]=t28):t28=$[85];const setArrow=t28;let t29;$[86]!==refs?(t29=node=>{ref.current=node,refs.setFloating(node);},$[86]=refs,$[87]=t29):t29=$[87];const setFloating=t29;let t30;bb0:{if(!childProp){t30=null;break bb0;}let t312;$[88]!==childProp||$[89]!==handleBlur||$[90]!==handleClick||$[91]!==handleContextMenu||$[92]!==handleFocus||$[93]!==handleMouseEnter||$[94]!==handleMouseLeave?(t312=cloneElement(childProp,{onBlur:handleBlur,onFocus:handleFocus,onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,onClick:handleClick,onContextMenu:handleContextMenu,ref:setReferenceElement}),$[88]=childProp,$[89]=handleBlur,$[90]=handleClick,$[91]=handleContextMenu,$[92]=handleFocus,$[93]=handleMouseEnter,$[94]=handleMouseLeave,$[95]=t312):t312=$[95],t30=t312;}const child=t30;let t31;$[96]!==childProp?(t31=childProp?getElementRef(childProp):null,$[96]=childProp,$[97]=t31):t31=$[97];let t32,t33;if($[98]!==referenceElement?(t32=()=>referenceElement,t33=[referenceElement],$[98]=referenceElement,$[99]=t32,$[100]=t33):(t32=$[99],t33=$[100]),useImperativeHandle(t31,t32,t33),!child){let t342;return $[101]===Symbol.for("react.memo_cache_sentinel")?(t342=/* @__PURE__ */jsx(Fragment,{}),$[101]=t342):t342=$[101],t342;}if(disabled)return child;const t34=tooltipMaxWidth>0?"".concat(tooltipMaxWidth,"px"):void 0;let t35;$[102]!==floatingStyles||$[103]!==t34?(t35=_objectSpread(_objectSpread({},floatingStyles),{},{maxWidth:t34}),$[102]=floatingStyles,$[103]=t34,$[104]=t35):t35=$[104];let t36;$[105]!==animate||$[106]!==arrowProp||$[107]!==arrowX||$[108]!==arrowY||$[109]!==content||$[110]!==originX||$[111]!==originY||$[112]!==padding||$[113]!==placement||$[114]!==radius||$[115]!==restProps||$[116]!==scheme||$[117]!==setArrow||$[118]!==setFloating||$[119]!==shadow?(t36=/* @__PURE__ */jsx(TooltipCard,_objectSpread(_objectSpread({},restProps),{},{animate,arrow:arrowProp,arrowRef:setArrow,arrowX,arrowY,originX,originY,padding,placement,radius,ref:setFloating,scheme,shadow,children:content})),$[105]=animate,$[106]=arrowProp,$[107]=arrowX,$[108]=arrowY,$[109]=content,$[110]=originX,$[111]=originY,$[112]=padding,$[113]=placement,$[114]=radius,$[115]=restProps,$[116]=scheme,$[117]=setArrow,$[118]=setFloating,$[119]=shadow,$[120]=t36):t36=$[120];let t37;$[121]!==restProps||$[122]!==setFloating||$[123]!==t35||$[124]!==t36||$[125]!==zOffset?(t37=/* @__PURE__ */jsx(StyledTooltip,_objectSpread(_objectSpread({"data-ui":"Tooltip"},restProps),{},{ref:setFloating,style:t35,zOffset,children:t36})),$[121]=restProps,$[122]=setFloating,$[123]=t35,$[124]=t36,$[125]=zOffset,$[126]=t37):t37=$[126];const tooltip=t37;let t38;$[127]!==portalProp||$[128]!==showTooltip||$[129]!==tooltip?(t38=showTooltip&&(portalProp?/* @__PURE__ */jsx(Portal,{__unstable_name:typeof portalProp=="string"?portalProp:void 0,children:tooltip}):tooltip),$[127]=portalProp,$[128]=showTooltip,$[129]=tooltip,$[130]=t38):t38=$[130];const children=t38;let t39;$[131]!==animate||$[132]!==children?(t39=animate?/* @__PURE__ */jsx(AnimatePresence,{children}):children,$[131]=animate,$[132]=children,$[133]=t39):t39=$[133];let t40;return $[134]!==child||$[135]!==t39?(t40=/* @__PURE__ */jsxs(Fragment,{children:[t39,child]}),$[134]=child,$[135]=t39,$[136]=t40):t40=$[136],t40;});Tooltip.displayName="ForwardRef(Tooltip)";function useMiddleware(t0){const $=dist.c(17),{animate,arrowProp,arrowRef,boundaryElement,fallbackPlacements,rootBoundary}=t0;let ret;if($[0]!==animate||$[1]!==arrowProp||$[2]!==arrowRef||$[3]!==boundaryElement||$[4]!==fallbackPlacements||$[5]!==rootBoundary){ret=[];const t1=boundaryElement||void 0;let t2;$[7]!==fallbackPlacements||$[8]!==rootBoundary||$[9]!==t1?(t2=flip({boundary:t1,fallbackPlacements,padding:DEFAULT_TOOLTIP_PADDING,rootBoundary}),$[7]=fallbackPlacements,$[8]=rootBoundary,$[9]=t1,$[10]=t2):t2=$[10],ret.push(t2);let t3;$[11]===Symbol.for("react.memo_cache_sentinel")?(t3=offset({mainAxis:DEFAULT_TOOLTIP_DISTANCE}),$[11]=t3):t3=$[11],ret.push(t3);const t4=boundaryElement||void 0;let t5;if($[12]!==rootBoundary||$[13]!==t4?(t5=shift({boundary:t4,rootBoundary,padding:DEFAULT_TOOLTIP_PADDING}),$[12]=rootBoundary,$[13]=t4,$[14]=t5):t5=$[14],ret.push(t5),arrowProp){let t6;$[15]!==arrowRef?(t6=arrow({element:arrowRef,padding:DEFAULT_TOOLTIP_PADDING}),$[15]=arrowRef,$[16]=t6):t6=$[16],ret.push(t6);}animate&&ret.push(origin),$[0]=animate,$[1]=arrowProp,$[2]=arrowRef,$[3]=boundaryElement,$[4]=fallbackPlacements,$[5]=rootBoundary,$[6]=ret;}else ret=$[6];return ret;}function useCloseOnMouseLeave(t0){const $=dist.c(10),{handleIsOpenChange,referenceElement,showTooltip,isInsideGroup}=t0;let t1;$[0]!==handleIsOpenChange||$[1]!==referenceElement?(t1=(target,teardown)=>{referenceElement&&(referenceElement===target||target instanceof Node&&referenceElement.contains(target)||(handleIsOpenChange(!1),teardown()));},$[0]=handleIsOpenChange,$[1]=referenceElement,$[2]=t1):t1=$[2];const onMouseMove=useEffectEvent(t1);let t2;$[3]!==isInsideGroup||$[4]!==onMouseMove||$[5]!==showTooltip?(t2=()=>{if(!showTooltip||isInsideGroup)return;const handleMouseMove=event=>{onMouseMove(event.target,()=>window.removeEventListener("mousemove",handleMouseMove));};return window.addEventListener("mousemove",handleMouseMove),()=>window.removeEventListener("mousemove",handleMouseMove);},$[3]=isInsideGroup,$[4]=onMouseMove,$[5]=showTooltip,$[6]=t2):t2=$[6];let t3;$[7]!==isInsideGroup||$[8]!==showTooltip?(t3=[isInsideGroup,showTooltip],$[7]=isInsideGroup,$[8]=showTooltip,$[9]=t3):t3=$[9],useEffect$1(t2,t3);}const StyledHotkeys=styled.kbd.withConfig({displayName:"StyledHotkeys",componentId:"sc-b37mge-0"})(_templateObject56||(_templateObject56=_taggedTemplateLiteral(["font:inherit;padding:1px;&:not([hidden]){display:block;}"]))),Key=styled(KBD).withConfig({displayName:"Key",componentId:"sc-b37mge-1"})(_templateObject57||(_templateObject57=_taggedTemplateLiteral(["&:not([hidden]){display:block;}"]))),Hotkeys=forwardRef(function(props,ref){var _props29;const $=dist.c(26);let fontSize2,keys,padding,radius,restProps,t0;$[0]!==props?(_props29=props,{fontSize:fontSize2,keys,padding,radius,space:t0}=_props29,restProps=_objectWithoutProperties(_props29,_excluded45),_props29,$[0]=props,$[1]=fontSize2,$[2]=keys,$[3]=padding,$[4]=radius,$[5]=restProps,$[6]=t0):(fontSize2=$[1],keys=$[2],padding=$[3],radius=$[4],restProps=$[5],t0=$[6]);const spaceProp=t0===void 0?0.5:t0;let t1;$[7]!==spaceProp?(t1=_getArrayProp(spaceProp),$[7]=spaceProp,$[8]=t1):t1=$[8];const space=t1;if(!keys||keys.length===0){let t22;return $[9]===Symbol.for("react.memo_cache_sentinel")?(t22=/* @__PURE__ */jsx(Fragment,{}),$[9]=t22):t22=$[9],t22;}let t2;if($[10]!==fontSize2||$[11]!==keys||$[12]!==padding||$[13]!==radius){let t32;$[15]!==fontSize2||$[16]!==padding||$[17]!==radius?(t32=(key2,i)=>/* @__PURE__ */jsx(Key,{fontSize:fontSize2,padding,radius,children:key2},i),$[15]=fontSize2,$[16]=padding,$[17]=radius,$[18]=t32):t32=$[18],t2=keys.map(t32),$[10]=fontSize2,$[11]=keys,$[12]=padding,$[13]=radius,$[14]=t2;}else t2=$[14];let t3;$[19]!==space||$[20]!==t2?(t3=/* @__PURE__ */jsx(Inline,{as:"span",space,children:t2}),$[19]=space,$[20]=t2,$[21]=t3):t3=$[21];let t4;return $[22]!==ref||$[23]!==restProps||$[24]!==t3?(t4=/* @__PURE__ */jsx(StyledHotkeys,_objectSpread(_objectSpread({"data-ui":"Hotkeys"},restProps),{},{ref,children:t3})),$[22]=ref,$[23]=restProps,$[24]=t3,$[25]=t4):t4=$[25],t4;});Hotkeys.displayName="ForwardRef(Hotkeys)";const MenuContext=createGlobalScopedContext("@sanity/ui/context/menu",null);function _isFocusable(element){return isHTMLAnchorElement(element)&&element.getAttribute("data-disabled")!=="true"||isHTMLButtonElement(element)&&!element.disabled;}function _getFocusableElements(elements){return elements.filter(_isFocusable);}function _getDOMPath(rootElement,el){const path=[];let e=el;for(;e!==rootElement;){const parentElement=e.parentElement;if(!parentElement)return path;const index=Array.from(parentElement.childNodes).indexOf(e);if(path.unshift(index),parentElement===rootElement)return path;e=parentElement;}return path;}const EMPTY_PATH=[];function _sortElements(rootElement,elements){if(!rootElement)return;const map=/* @__PURE__ */new WeakMap();for(const el of elements)map.set(el,_getDOMPath(rootElement,el));const _sort=(a,b)=>{const _a=map.get(a)||EMPTY_PATH,_b=map.get(b)||EMPTY_PATH,len=Math.max(_a.length,_b.length);for(let i=0;i<len;i+=1){const aIndex=_a[i]||-1,bIndex=_b[i]||-1;if(aIndex!==bIndex)return aIndex-bIndex;}return 0;};elements.sort(_sort);}function useMenuController(props){const $=dist.c(21),{onKeyDown,originElement,shouldFocus,rootElementRef}=props;let t0;$[0]===Symbol.for("react.memo_cache_sentinel")?(t0=[],$[0]=t0):t0=$[0];const elementsRef=useRef$1(t0),[activeIndex,_setActiveIndex]=useState(-1),activeIndexRef=useRef$1(activeIndex),[activeElement,setActiveElement]=useState(null);let t1;$[1]===Symbol.for("react.memo_cache_sentinel")?(t1=nextActiveIndex=>{_setActiveIndex(nextActiveIndex),activeIndexRef.current=nextActiveIndex,setActiveElement(elementsRef.current[nextActiveIndex]||null);},$[1]=t1):t1=$[1];const setActiveIndex=t1;let t2;$[2]!==rootElementRef?(t2=(element,selected)=>{if(!element)return _temp$1;if(elementsRef.current.indexOf(element)===-1&&(elementsRef.current.push(element),_sortElements(rootElementRef.current,elementsRef.current)),selected){const selectedIndex=elementsRef.current.indexOf(element);setActiveIndex(selectedIndex);}return()=>{const idx=elementsRef.current.indexOf(element);idx>-1&&elementsRef.current.splice(idx,1);};},$[2]=rootElementRef,$[3]=t2):t2=$[3];const mount=t2;let t3;$[4]!==onKeyDown||$[5]!==originElement?(t3=event=>{if(event.key==="Tab"){originElement&&originElement.focus();return;}if(event.key==="Home"){event.preventDefault(),event.stopPropagation();const el=_getFocusableElements(elementsRef.current)[0];if(!el)return;const currentIndex=elementsRef.current.indexOf(el);setActiveIndex(currentIndex);return;}if(event.key==="End"){event.preventDefault(),event.stopPropagation();const focusableElements_0=_getFocusableElements(elementsRef.current),el_0=focusableElements_0[focusableElements_0.length-1];if(!el_0)return;const currentIndex_0=elementsRef.current.indexOf(el_0);setActiveIndex(currentIndex_0);return;}if(event.key==="ArrowUp"){event.preventDefault(),event.stopPropagation();const focusableElements_1=_getFocusableElements(elementsRef.current),focusableLen=focusableElements_1.length;if(focusableLen===0)return;const focusedElement=elementsRef.current[activeIndexRef.current];let focusedIndex=focusableElements_1.indexOf(focusedElement);focusedIndex=(focusedIndex-1+focusableLen)%focusableLen;const el_1=focusableElements_1[focusedIndex],currentIndex_1=elementsRef.current.indexOf(el_1);setActiveIndex(currentIndex_1);return;}if(event.key==="ArrowDown"){event.preventDefault(),event.stopPropagation();const focusableElements_2=_getFocusableElements(elementsRef.current),focusableLen_0=focusableElements_2.length;if(focusableLen_0===0)return;const focusedElement_0=elementsRef.current[activeIndexRef.current];let focusedIndex_0=focusableElements_2.indexOf(focusedElement_0);focusedIndex_0=(focusedIndex_0+1)%focusableLen_0;const el_2=focusableElements_2[focusedIndex_0],currentIndex_2=elementsRef.current.indexOf(el_2);setActiveIndex(currentIndex_2);return;}onKeyDown&&onKeyDown(event);},$[4]=onKeyDown,$[5]=originElement,$[6]=t3):t3=$[6];const handleKeyDown=t3;let t4;$[7]===Symbol.for("react.memo_cache_sentinel")?(t4=event_0=>{const element_0=event_0.currentTarget,currentIndex_3=elementsRef.current.indexOf(element_0);setActiveIndex(currentIndex_3);},$[7]=t4):t4=$[7];const handleItemMouseEnter=t4;let t5;$[8]!==rootElementRef?(t5=()=>{var _rootElementRef$curre;setActiveIndex(-2),(_rootElementRef$curre=rootElementRef.current)===null||_rootElementRef$curre===void 0?void 0:_rootElementRef$curre.focus();},$[8]=rootElementRef,$[9]=t5):t5=$[9];const handleItemMouseLeave=t5;let t6,t7;$[10]!==activeIndex||$[11]!==rootElementRef||$[12]!==shouldFocus?(t6=()=>{if(!rootElementRef.current)return;const rafId=requestAnimationFrame(()=>{var _ref75;if(activeIndex===-1){if(shouldFocus==="first"){const el_3=_getFocusableElements(elementsRef.current)[0];if(el_3){const currentIndex_4=elementsRef.current.indexOf(el_3);setActiveIndex(currentIndex_4);}}if(shouldFocus==="last"){const focusableElements_4=_getFocusableElements(elementsRef.current),el_4=focusableElements_4[focusableElements_4.length-1];if(el_4){const currentIndex_5=elementsRef.current.indexOf(el_4);setActiveIndex(currentIndex_5);}}return;}(_ref75=elementsRef.current[activeIndex]||null)===null||_ref75===void 0||_ref75.focus();});return()=>cancelAnimationFrame(rafId);},t7=[activeIndex,rootElementRef,setActiveIndex,shouldFocus],$[10]=activeIndex,$[11]=rootElementRef,$[12]=shouldFocus,$[13]=t6,$[14]=t7):(t6=$[13],t7=$[14]),useEffect$1(t6,t7);let t8;return $[15]!==activeElement||$[16]!==activeIndex||$[17]!==handleItemMouseLeave||$[18]!==handleKeyDown||$[19]!==mount?(t8={activeElement,activeIndex,handleItemMouseEnter,handleItemMouseLeave,handleKeyDown,mount},$[15]=activeElement,$[16]=activeIndex,$[17]=handleItemMouseLeave,$[18]=handleKeyDown,$[19]=mount,$[20]=t8):t8=$[20],t8;}function _temp$1(){}const StyledMenu=styled(Box).withConfig({displayName:"StyledMenu",componentId:"sc-xt0tnv-0"})(_templateObject58||(_templateObject58=_taggedTemplateLiteral(["outline:none;overflow:auto;"]))),Menu=forwardRef(function(props,forwardedRef){const $=dist.c(49);let _shouldFocus,children,onClickOutside,onEscape,onItemClick,onItemSelect,onKeyDown,originElement,registerElement,restProps,t0,t1;if($[0]!==props){const{children:t22,focusFirst,focusLast,onClickOutside:t32,onEscape:t42,onItemClick:t52,onItemSelect:t62,onKeyDown:t72,originElement:t82,padding:t92,registerElement:t102,shouldFocus:t112,space:t122}=props,t13=_objectWithoutProperties(props,_excluded46);children=t22,onClickOutside=t32,onEscape=t42,onItemClick=t52,onItemSelect=t62,onKeyDown=t72,originElement=t82,t0=t92,registerElement=t102,_shouldFocus=t112,t1=t122,restProps=t13,$[0]=props,$[1]=_shouldFocus,$[2]=children,$[3]=onClickOutside,$[4]=onEscape,$[5]=onItemClick,$[6]=onItemSelect,$[7]=onKeyDown,$[8]=originElement,$[9]=registerElement,$[10]=restProps,$[11]=t0,$[12]=t1;}else _shouldFocus=$[1],children=$[2],onClickOutside=$[3],onEscape=$[4],onItemClick=$[5],onItemSelect=$[6],onKeyDown=$[7],originElement=$[8],registerElement=$[9],restProps=$[10],t0=$[11],t1=$[12];const padding=t0===void 0?1:t0,space=t1===void 0?1:t1,shouldFocus=_shouldFocus!==null&&_shouldFocus!==void 0?_shouldFocus:props.focusFirst&&"first"||props.focusLast&&"last"||null,ref=useRef$1(null);let t2;$[13]===Symbol.for("react.memo_cache_sentinel")?(t2=()=>ref.current,$[13]=t2):t2=$[13],useImperativeHandle(forwardedRef,t2);const{isTopLayer}=useLayer();let t3;$[14]!==onKeyDown||$[15]!==originElement||$[16]!==shouldFocus?(t3={onKeyDown,originElement,shouldFocus,rootElementRef:ref},$[14]=onKeyDown,$[15]=originElement,$[16]=shouldFocus,$[17]=t3):t3=$[17];const{activeElement,activeIndex,handleItemMouseEnter,handleItemMouseLeave,handleKeyDown,mount}=useMenuController(t3),unregisterElementRef=useRef$1(null);let t4;$[18]!==registerElement?(t4=el=>{unregisterElementRef.current&&(unregisterElementRef.current(),unregisterElementRef.current=null),ref.current=el,ref.current&&registerElement&&(unregisterElementRef.current=registerElement(ref.current));},$[18]=registerElement,$[19]=t4):t4=$[19];const handleRefChange=t4;let t5,t6;$[20]!==activeIndex||$[21]!==onItemSelect?(t5=()=>{onItemSelect&&onItemSelect(activeIndex);},t6=[activeIndex,onItemSelect],$[20]=activeIndex,$[21]=onItemSelect,$[22]=t5,$[23]=t6):(t5=$[22],t6=$[23]),useEffect$1(t5,t6);let t7;$[24]===Symbol.for("react.memo_cache_sentinel")?(t7=()=>[ref.current],$[24]=t7):t7=$[24],useClickOutsideEvent(isTopLayer&&onClickOutside,t7);let t8;$[25]!==isTopLayer||$[26]!==onEscape?(t8=event=>{isTopLayer&&event.key==="Escape"&&(event.stopPropagation(),onEscape&&onEscape());},$[25]=isTopLayer,$[26]=onEscape,$[27]=t8):t8=$[27],useGlobalKeyDown(t8);let t9;$[28]!==activeElement||$[29]!==handleItemMouseEnter||$[30]!==handleItemMouseLeave||$[31]!==mount||$[32]!==onClickOutside||$[33]!==onEscape||$[34]!==onItemClick||$[35]!==registerElement?(t9={version:2,activeElement,mount,onClickOutside,onEscape,onItemClick,onItemMouseEnter:handleItemMouseEnter,onItemMouseLeave:handleItemMouseLeave,registerElement},$[28]=activeElement,$[29]=handleItemMouseEnter,$[30]=handleItemMouseLeave,$[31]=mount,$[32]=onClickOutside,$[33]=onEscape,$[34]=onItemClick,$[35]=registerElement,$[36]=t9):t9=$[36];const value=t9;let t10;$[37]!==children||$[38]!==space?(t10=/* @__PURE__ */jsx(Stack,{space,children}),$[37]=children,$[38]=space,$[39]=t10):t10=$[39];let t11;$[40]!==handleKeyDown||$[41]!==handleRefChange||$[42]!==padding||$[43]!==restProps||$[44]!==t10?(t11=/* @__PURE__ */jsx(StyledMenu,_objectSpread(_objectSpread({"data-ui":"Menu"},restProps),{},{onKeyDown:handleKeyDown,padding,ref:handleRefChange,role:"menu",tabIndex:-1,children:t10})),$[40]=handleKeyDown,$[41]=handleRefChange,$[42]=padding,$[43]=restProps,$[44]=t10,$[45]=t11):t11=$[45];let t12;return $[46]!==t11||$[47]!==value?(t12=/* @__PURE__ */jsx(MenuContext.Provider,{value,children:t11}),$[46]=t11,$[47]=value,$[48]=t12):t12=$[48],t12;});Menu.displayName="ForwardRef(Menu)";const MenuDivider=styled.hr.withConfig({displayName:"MenuDivider",componentId:"sc-uhoxwu-0"})(_templateObject59||(_templateObject59=_taggedTemplateLiteral(["height:1px;border:0;background:var(--card-hairline-soft-color);margin:0;"])));MenuDivider.displayName="MenuDivider";function selectableBaseStyle(){return css(_templateObject60||(_templateObject60=_taggedTemplateLiteral(["\n background-color: inherit;\n color: inherit;\n\n &[data-as='button'] {\n -webkit-font-smoothing: inherit;\n appearance: none;\n outline: none;\n font: inherit;\n text-align: inherit;\n border: 0;\n width: -moz-available;\n width: -webkit-fill-available;\n width: stretch;\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n text-decoration: none;\n }\n "])));}function selectableColorStyle(props){var _style$card2;const{$tone}=props,{color,style}=getTheme_v2(props.theme),tone=color.selectable[$tone];return css(_templateObject61||(_templateObject61=_taggedTemplateLiteral(["\n ","\n\n background-color: var(--card-bg-color);\n color: var(--card-fg-color);\n outline: none;\n\n /* &:is(button) */\n &[data-as='button'] {\n &:disabled {\n ","\n }\n\n &:not(:disabled) {\n &[aria-pressed='true'] {\n ","\n }\n\n &[data-selected],\n &[aria-selected='true'] > & {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-selected]) {\n &[data-hovered],\n &:hover {\n ","\n }\n\n &:active {\n ","\n }\n }\n }\n }\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n &[data-disabled] {\n ","\n }\n\n &:not([data-disabled]) {\n &[data-pressed] {\n ","\n }\n\n &[data-selected] {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-selected]) {\n &[data-hovered],\n &:hover {\n ","\n }\n &:active {\n ","\n }\n }\n }\n }\n }\n\n ","\n "])),_cardColorStyle(color,tone.enabled),_cardColorStyle(color,tone.disabled),_cardColorStyle(color,tone.pressed),_cardColorStyle(color,tone.selected),_cardColorStyle(color,tone.hovered),_cardColorStyle(color,tone.pressed),_cardColorStyle(color,tone.disabled),_cardColorStyle(color,tone.pressed),_cardColorStyle(color,tone.selected),_cardColorStyle(color,tone.hovered),_cardColorStyle(color,tone.pressed),style===null||style===void 0||(_style$card2=style.card)===null||_style$card2===void 0?void 0:_style$card2.root);}const Selectable=/* @__PURE__ */styled(Box).withConfig({displayName:"Selectable",componentId:"sc-1w01ang-0"})(responsiveRadiusStyle,selectableBaseStyle,selectableColorStyle);Selectable.displayName="Selectable";function useMenu(){const value=useContext(MenuContext);if(!value)throw new Error("useMenu(): missing context value");if(!isRecord(value)||value.version!==2)throw new Error("useMenu(): the context value is not compatible");return value;}const MenuItem=forwardRef(function(props,forwardedRef){var _props30;const $=dist.c(75);let IconComponent,IconRightComponent,children,disabled,hotkeys,onClick,paddingBottom,paddingLeft,paddingRight,paddingTop,paddingX,paddingY,pressed,restProps,selectedProp,t0,t1,t2,t3,t4,t5,text;$[0]!==props?(_props30=props,{as:t0,children,disabled,fontSize:t1,hotkeys,icon:IconComponent,iconRight:IconRightComponent,onClick,padding:t2,paddingX,paddingY,paddingTop,paddingRight,paddingBottom,paddingLeft,pressed,radius:t3,selected:selectedProp,space:t4,text,tone:t5}=_props30,restProps=_objectWithoutProperties(_props30,_excluded47),_props30,$[0]=props,$[1]=IconComponent,$[2]=IconRightComponent,$[3]=children,$[4]=disabled,$[5]=hotkeys,$[6]=onClick,$[7]=paddingBottom,$[8]=paddingLeft,$[9]=paddingRight,$[10]=paddingTop,$[11]=paddingX,$[12]=paddingY,$[13]=pressed,$[14]=restProps,$[15]=selectedProp,$[16]=t0,$[17]=t1,$[18]=t2,$[19]=t3,$[20]=t4,$[21]=t5,$[22]=text):(IconComponent=$[1],IconRightComponent=$[2],children=$[3],disabled=$[4],hotkeys=$[5],onClick=$[6],paddingBottom=$[7],paddingLeft=$[8],paddingRight=$[9],paddingTop=$[10],paddingX=$[11],paddingY=$[12],pressed=$[13],restProps=$[14],selectedProp=$[15],t0=$[16],t1=$[17],t2=$[18],t3=$[19],t4=$[20],t5=$[21],text=$[22]);const as=t0===void 0?"button":t0,fontSize2=t1===void 0?1:t1,padding=t2===void 0?3:t2,radius=t3===void 0?2:t3,space=t4===void 0?3:t4,tone=t5===void 0?"default":t5,{scheme}=useRootTheme(),menu=useMenu(),{activeElement,mount,onItemClick,onItemMouseEnter:_onItemMouseEnter,onItemMouseLeave:_onItemMouseLeave}=menu,onItemMouseEnter=_onItemMouseEnter!==null&&_onItemMouseEnter!==void 0?_onItemMouseEnter:menu.onItemMouseEnter,onItemMouseLeave=_onItemMouseLeave!==null&&_onItemMouseLeave!==void 0?_onItemMouseLeave:menu.onItemMouseLeave,[rootElement,setRootElement]=useState(null),active=!!activeElement&&activeElement===rootElement,ref=useRef$1(null);let t6;$[23]===Symbol.for("react.memo_cache_sentinel")?(t6=()=>ref.current,$[23]=t6):t6=$[23],useImperativeHandle(forwardedRef,t6);let t7,t8;$[24]!==mount||$[25]!==rootElement||$[26]!==selectedProp?(t7=()=>mount(rootElement,selectedProp),t8=[mount,rootElement,selectedProp],$[24]=mount,$[25]=rootElement,$[26]=selectedProp,$[27]=t7,$[28]=t8):(t7=$[27],t8=$[28]),useEffect$1(t7,t8);let t9;$[29]!==disabled||$[30]!==onClick||$[31]!==onItemClick?(t9=event=>{disabled||(onClick&&onClick(event),onItemClick&&onItemClick());},$[29]=disabled,$[30]=onClick,$[31]=onItemClick,$[32]=t9):t9=$[32];const handleClick=t9;let t10;$[33]!==padding||$[34]!==paddingBottom||$[35]!==paddingLeft||$[36]!==paddingRight||$[37]!==paddingTop||$[38]!==paddingX||$[39]!==paddingY?(t10={padding,paddingX,paddingY,paddingTop,paddingRight,paddingBottom,paddingLeft},$[33]=padding,$[34]=paddingBottom,$[35]=paddingLeft,$[36]=paddingRight,$[37]=paddingTop,$[38]=paddingX,$[39]=paddingY,$[40]=t10):t10=$[40];const paddingProps=t10;let t11;$[41]!==fontSize2?(t11=_getArrayProp(fontSize2).map(_temp),$[41]=fontSize2,$[42]=t11):t11=$[42];const hotkeysFontSize=t11;let t12;$[43]===Symbol.for("react.memo_cache_sentinel")?(t12=el=>{ref.current=el,setRootElement(el);},$[43]=t12):t12=$[43];const setRef=t12,t13=as!=="button"&&pressed?"":void 0,t14=active?"":void 0,t15=disabled?"":void 0;let t16;$[44]!==radius?(t16=_getArrayProp(radius),$[44]=radius,$[45]=t16):t16=$[45];let t17;$[46]===Symbol.for("react.memo_cache_sentinel")?(t17=_getArrayProp(0),$[46]=t17):t17=$[46];const t18=disabled?"default":tone,t19=as==="button"?"button":void 0;let t20;$[47]!==IconComponent||$[48]!==IconRightComponent||$[49]!==fontSize2||$[50]!==hotkeys||$[51]!==hotkeysFontSize||$[52]!==paddingProps||$[53]!==space||$[54]!==text?(t20=(IconComponent||text||IconRightComponent)&&/* @__PURE__ */jsxs(Flex,_objectSpread(_objectSpread({as:"span",gap:space,align:"center"},paddingProps),{},{children:[IconComponent&&/* @__PURE__ */jsxs(Text,{size:fontSize2,children:[isValidElement$1(IconComponent)&&IconComponent,reactIsExports.isValidElementType(IconComponent)&&/* @__PURE__ */jsx(IconComponent,{})]}),text&&/* @__PURE__ */jsx(Box,{flex:1,children:/* @__PURE__ */jsx(Text,{size:fontSize2,textOverflow:"ellipsis",weight:"medium",children:text})}),hotkeys&&/* @__PURE__ */jsx(Hotkeys,{fontSize:hotkeysFontSize,keys:hotkeys,style:{marginTop:-4,marginBottom:-4}}),IconRightComponent&&/* @__PURE__ */jsxs(Text,{size:fontSize2,children:[isValidElement$1(IconRightComponent)&&IconRightComponent,reactIsExports.isValidElementType(IconRightComponent)&&/* @__PURE__ */jsx(IconRightComponent,{})]})]})),$[47]=IconComponent,$[48]=IconRightComponent,$[49]=fontSize2,$[50]=hotkeys,$[51]=hotkeysFontSize,$[52]=paddingProps,$[53]=space,$[54]=text,$[55]=t20):t20=$[55];let t21;$[56]!==children||$[57]!==paddingProps?(t21=children&&/* @__PURE__ */jsx(Box,_objectSpread(_objectSpread({as:"span"},paddingProps),{},{children})),$[56]=children,$[57]=paddingProps,$[58]=t21):t21=$[58];let t22;return $[59]!==as||$[60]!==disabled||$[61]!==handleClick||$[62]!==onItemMouseEnter||$[63]!==onItemMouseLeave||$[64]!==restProps||$[65]!==scheme||$[66]!==t13||$[67]!==t14||$[68]!==t15||$[69]!==t16||$[70]!==t18||$[71]!==t19||$[72]!==t20||$[73]!==t21?(t22=/* @__PURE__ */jsxs(Selectable,_objectSpread(_objectSpread({"data-ui":"MenuItem",role:"menuitem"},restProps),{},{"data-pressed":t13,"data-selected":t14,"data-disabled":t15,forwardedAs:as,$radius:t16,$padding:t17,$tone:t18,$scheme:scheme,disabled,onClick:handleClick,onMouseEnter:onItemMouseEnter,onMouseLeave:onItemMouseLeave,ref:setRef,tabIndex:-1,type:t19,children:[t20,t21]})),$[59]=as,$[60]=disabled,$[61]=handleClick,$[62]=onItemMouseEnter,$[63]=onItemMouseLeave,$[64]=restProps,$[65]=scheme,$[66]=t13,$[67]=t14,$[68]=t15,$[69]=t16,$[70]=t18,$[71]=t19,$[72]=t20,$[73]=t21,$[74]=t22):t22=$[74],t22;});MenuItem.displayName="ForwardRef(MenuItem)";function _temp(s){return s-1;}const CustomButton=styled(Button).withConfig({displayName:"CustomButton",componentId:"sc-1kns779-0"})(_templateObject62||(_templateObject62=_taggedTemplateLiteral(["max-width:100%;"]))),Tab=forwardRef(function(props,forwardedRef){var _props31;const $=dist.c(30);let focused,icon,id,label,onClick,onFocus,restProps,selected,t0,t1;$[0]!==props?(_props31=props,{icon,id,focused,fontSize:t0,label,onClick,onFocus,padding:t1,selected}=_props31,restProps=_objectWithoutProperties(_props31,_excluded48),_props31,$[0]=props,$[1]=focused,$[2]=icon,$[3]=id,$[4]=label,$[5]=onClick,$[6]=onFocus,$[7]=restProps,$[8]=selected,$[9]=t0,$[10]=t1):(focused=$[1],icon=$[2],id=$[3],label=$[4],onClick=$[5],onFocus=$[6],restProps=$[7],selected=$[8],t0=$[9],t1=$[10]);const fontSize2=t0===void 0?1:t0,padding=t1===void 0?2:t1,ref=useRef$1(null),focusedRef=useRef$1(!1);let t2;$[11]===Symbol.for("react.memo_cache_sentinel")?(t2=()=>ref.current,$[11]=t2):t2=$[11],useImperativeHandle(forwardedRef,t2);let t3;$[12]===Symbol.for("react.memo_cache_sentinel")?(t3=()=>{focusedRef.current=!1;},$[12]=t3):t3=$[12];const handleBlur=t3;let t4;$[13]!==onFocus?(t4=event=>{focusedRef.current=!0,onFocus&&onFocus(event);},$[13]=onFocus,$[14]=t4):t4=$[14];const handleFocus=t4;let t5,t6;$[15]!==focused?(t5=()=>{focused&&!focusedRef.current&&(ref.current&&ref.current.focus(),focusedRef.current=!0);},t6=[focused],$[15]=focused,$[16]=t5,$[17]=t6):(t5=$[16],t6=$[17]),useEffect$1(t5,t6);const t7=selected?"true":"false",t8=selected?0:-1;let t9;return $[18]!==fontSize2||$[19]!==handleFocus||$[20]!==icon||$[21]!==id||$[22]!==label||$[23]!==onClick||$[24]!==padding||$[25]!==restProps||$[26]!==selected||$[27]!==t7||$[28]!==t8?(t9=/* @__PURE__ */jsx(CustomButton,_objectSpread(_objectSpread({"data-ui":"Tab"},restProps),{},{"aria-selected":t7,fontSize:fontSize2,icon,id,mode:"bleed",onClick,onBlur:handleBlur,onFocus:handleFocus,padding,ref,role:"tab",selected,tabIndex:t8,text:label,type:"button"})),$[18]=fontSize2,$[19]=handleFocus,$[20]=icon,$[21]=id,$[22]=label,$[23]=onClick,$[24]=padding,$[25]=restProps,$[26]=selected,$[27]=t7,$[28]=t8,$[29]=t9):t9=$[29],t9;});Tab.displayName="ForwardRef(Tab)";const CustomInline=styled(Inline).withConfig({displayName:"CustomInline",componentId:"sc-5cm04m-0"})(_templateObject63||(_templateObject63=_taggedTemplateLiteral(["& > div{display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;}"]))),TabList=forwardRef(function(props,ref){var _props32;const $=dist.c(15);let childrenProp,restProps;$[0]!==props?(_props32=props,{children:childrenProp}=_props32,restProps=_objectWithoutProperties(_props32,_excluded49),_props32,$[0]=props,$[1]=childrenProp,$[2]=restProps):(childrenProp=$[1],restProps=$[2]);const[focusedIndex,setFocusedIndex]=useState(-1);let t0;if($[3]!==childrenProp||$[4]!==focusedIndex){const children=Children.toArray(childrenProp).filter(isValidElement$1);let t12;$[6]!==focusedIndex?(t12=(child,childIndex)=>cloneElement(child,{focused:focusedIndex===childIndex,key:childIndex,onFocus:()=>setFocusedIndex(childIndex)}),$[6]=focusedIndex,$[7]=t12):t12=$[7],t0=children.map(t12),$[3]=childrenProp,$[4]=focusedIndex,$[5]=t0;}else t0=$[5];const tabs=t0,numTabs=tabs.length;let t1;$[8]!==numTabs?(t1=event=>{event.key==="ArrowLeft"&&setFocusedIndex(prevIndex=>(prevIndex+numTabs-1)%numTabs),event.key==="ArrowRight"&&setFocusedIndex(prevIndex_0=>(prevIndex_0+1)%numTabs);},$[8]=numTabs,$[9]=t1):t1=$[9];const handleKeyDown=t1;let t2;return $[10]!==handleKeyDown||$[11]!==ref||$[12]!==restProps||$[13]!==tabs?(t2=/* @__PURE__ */jsx(CustomInline,_objectSpread(_objectSpread({"data-ui":"TabList"},restProps),{},{onKeyDown:handleKeyDown,ref,role:"tablist",children:tabs})),$[10]=handleKeyDown,$[11]=ref,$[12]=restProps,$[13]=tabs,$[14]=t2):t2=$[14],t2;});TabList.displayName="ForwardRef(TabList)";function _raf(fn){const frameId=requestAnimationFrame(fn);return()=>{cancelAnimationFrame(frameId);};}function _hasFocus(element){return!!document.activeElement&&element.contains(document.activeElement);}function isFocusable(element){return element.tabIndex>0||element.tabIndex===0&&element.getAttribute("tabIndex")!==null?!0:isHTMLAnchorElement(element)?!!element.href&&element.rel!=="ignore":isHTMLInputElement(element)?element.type!=="hidden"&&element.type!=="file"&&!element.disabled:isHTMLButtonElement(element)||isHTMLSelectElement(element)||isHTMLTextAreaElement(element)?!element.disabled:!1;}function attemptFocus(element){if(!isFocusable(element))return!1;try{element.focus();}catch(_unused3){}return document.activeElement===element;}function focusFirstDescendant(element){for(let i=0;i<element.childNodes.length;i++){const child=element.childNodes[i];if(isHTMLElement(child)&&(attemptFocus(child)||focusFirstDescendant(child)))return!0;}return!1;}function focusLastDescendant(element){for(let i=element.childNodes.length-1;i>=0;i--){const child=element.childNodes[i];if(isHTMLElement(child)&&(attemptFocus(child)||focusLastDescendant(child)))return!0;}return!1;}const StyledAutocomplete=styled.div.withConfig({displayName:"StyledAutocomplete",componentId:"sc-1igauft-0"})(_templateObject64||(_templateObject64=_taggedTemplateLiteral(["line-height:0;"]))),ListBox=styled(Box).withConfig({displayName:"ListBox",componentId:"sc-1igauft-1"})(_templateObject65||(_templateObject65=_taggedTemplateLiteral(["& > ul{list-style:none;padding:0;margin:0;}"]))),rotate=keyframes$1(_templateObject66||(_templateObject66=_taggedTemplateLiteral(["\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n"]))),AnimatedSpinnerIcon=styled(SpinnerIcon).withConfig({displayName:"AnimatedSpinnerIcon",componentId:"sc-1igauft-2"})(_templateObject67||(_templateObject67=_taggedTemplateLiteral(["animation:"," 500ms linear infinite;"])),rotate);function AutocompleteOption(props){const $=dist.c(11),{children,id,onSelect,selected,value}=props;let t0;$[0]!==onSelect||$[1]!==value?(t0=()=>{setTimeout(()=>{onSelect(value);},0);},$[0]=onSelect,$[1]=value,$[2]=t0):t0=$[2];const handleClick=t0;let t1;$[3]!==handleClick?(t1=event=>{event.key==="Enter"&&!_isEnterToClickElement(event.currentTarget)&&handleClick();},$[3]=handleClick,$[4]=t1):t1=$[4];const handleKeyDown=t1;let t2;return $[5]!==children||$[6]!==handleClick||$[7]!==handleKeyDown||$[8]!==id||$[9]!==selected?(t2=/* @__PURE__ */jsx("li",{"aria-selected":selected,"data-ui":"AutocompleteOption",id,role:"option",onClick:handleClick,onKeyDown:handleKeyDown,children}),$[5]=children,$[6]=handleClick,$[7]=handleKeyDown,$[8]=id,$[9]=selected,$[10]=t2):t2=$[10],t2;}function autocompleteReducer(state,msg){return msg.type==="input/change"?_objectSpread(_objectSpread({},state),{},{activeValue:null,focused:!0,query:msg.query}):msg.type==="input/focus"?_objectSpread(_objectSpread({},state),{},{focused:!0}):msg.type==="root/blur"?_objectSpread(_objectSpread({},state),{},{focused:!1,query:null}):msg.type==="root/clear"?_objectSpread(_objectSpread({},state),{},{activeValue:null,query:null,value:null}):msg.type==="root/escape"?_objectSpread(_objectSpread({},state),{},{focused:!1,query:null}):msg.type==="root/open"?_objectSpread(_objectSpread({},state),{},{query:state.query||msg.query}):msg.type==="root/setActiveValue"?_objectSpread(_objectSpread({},state),{},{activeValue:msg.value,listFocused:msg.listFocused||state.listFocused}):msg.type==="root/setListFocused"?_objectSpread(_objectSpread({},state),{},{listFocused:msg.listFocused}):msg.type==="value/change"?_objectSpread(_objectSpread({},state),{},{activeValue:msg.value,query:null,value:msg.value}):state;}const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS=["Control","Shift","Alt","Enter","Home","End","PageUp","PageDown","Meta","Tab","CapsLock"],AUTOCOMPLETE_POPOVER_PLACEMENT="bottom-start",AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS=["bottom-start","top-start"],DEFAULT_RENDER_VALUE=(value,option)=>option?option.value:value,DEFAULT_FILTER_OPTION=(query,option)=>option.value.toLowerCase().indexOf(query.toLowerCase())>-1,InnerAutocomplete=forwardRef(function(props,forwardedRef){var _props33;const $=dist.c(181);let customValidity,disabled,filterOptionProp,icon,id,loading,onBlur,onChange,onFocus,onQueryChange,onSelect,openButton,openOnFocus,optionsProp,prefix,readOnly,relatedElements,renderOptionProp,renderPopover,restProps,suffix,t0,t1,t2,t3,t4,t5,t6,valueProp;$[0]!==props?(_props33=props,{border:t0,customValidity,disabled,filterOption:filterOptionProp,fontSize:t1,icon,id,listBox:t2,loading,onBlur,onChange,onFocus,onQueryChange,onSelect,openButton,openOnFocus,options:optionsProp,padding:t3,popover:t4,prefix,radius:t5,readOnly,relatedElements,renderOption:renderOptionProp,renderPopover,renderValue:t6,suffix,value:valueProp}=_props33,restProps=_objectWithoutProperties(_props33,_excluded50),_props33,$[0]=props,$[1]=customValidity,$[2]=disabled,$[3]=filterOptionProp,$[4]=icon,$[5]=id,$[6]=loading,$[7]=onBlur,$[8]=onChange,$[9]=onFocus,$[10]=onQueryChange,$[11]=onSelect,$[12]=openButton,$[13]=openOnFocus,$[14]=optionsProp,$[15]=prefix,$[16]=readOnly,$[17]=relatedElements,$[18]=renderOptionProp,$[19]=renderPopover,$[20]=restProps,$[21]=suffix,$[22]=t0,$[23]=t1,$[24]=t2,$[25]=t3,$[26]=t4,$[27]=t5,$[28]=t6,$[29]=valueProp):(customValidity=$[1],disabled=$[2],filterOptionProp=$[3],icon=$[4],id=$[5],loading=$[6],onBlur=$[7],onChange=$[8],onFocus=$[9],onQueryChange=$[10],onSelect=$[11],openButton=$[12],openOnFocus=$[13],optionsProp=$[14],prefix=$[15],readOnly=$[16],relatedElements=$[17],renderOptionProp=$[18],renderPopover=$[19],restProps=$[20],suffix=$[21],t0=$[22],t1=$[23],t2=$[24],t3=$[25],t4=$[26],t5=$[27],t6=$[28],valueProp=$[29]);const border=t0===void 0?!0:t0,fontSize=t1===void 0?2:t1,listBox=t2===void 0?EMPTY_RECORD:t2,paddingProp=t3===void 0?3:t3,popover=t4===void 0?EMPTY_RECORD:t4,radius=t5===void 0?2:t5,renderValue=t6===void 0?DEFAULT_RENDER_VALUE:t6,t7=valueProp||null,t8=valueProp||null;let t9;$[30]!==t7||$[31]!==t8?(t9={activeValue:t7,focused:!1,listFocused:!1,query:null,value:t8},$[30]=t7,$[31]=t8,$[32]=t9):t9=$[32];const[state,dispatch]=useReducer(autocompleteReducer,t9),{activeValue,focused,listFocused,query,value}=state;let t10;$[33]!==fontSize||$[34]!==paddingProp?(t10=t112=>{const{value:value_0}=t112;return/* @__PURE__ */jsx(Card,{"data-as":"button",padding:paddingProp,radius:2,tone:"inherit",children:/* @__PURE__ */jsx(Text,{size:fontSize,textOverflow:"ellipsis",children:value_0})});},$[33]=fontSize,$[34]=paddingProp,$[35]=t10):t10=$[35];const renderOption=typeof renderOptionProp=="function"?renderOptionProp:t10,filterOption=typeof filterOptionProp=="function"?filterOptionProp:DEFAULT_FILTER_OPTION,rootElementRef=useRef$1(null),resultsPopoverElementRef=useRef$1(null),inputElementRef=useRef$1(null),listBoxElementRef=useRef$1(null),[inputElement,_setInputElement]=useState(null);let t11;$[36]===Symbol.for("react.memo_cache_sentinel")?(t11=node=>{startTransition(()=>_setInputElement(node));},$[36]=t11):t11=$[36];const setInputElement=t11,listFocusedRef=useRef$1(!1),valueRef=useRef$1(value),valuePropRef=useRef$1(valueProp),popoverMouseWithinRef=useRef$1(!1);let t12,t13;$[37]!==inputElement?(t12=()=>inputElement,t13=[inputElement],$[37]=inputElement,$[38]=t12,$[39]=t13):(t12=$[38],t13=$[39]),useImperativeHandle(inputElementRef,t12,t13);let t14,t15;$[40]!==inputElement?(t14=()=>inputElement,t15=[inputElement],$[40]=inputElement,$[41]=t14,$[42]=t15):(t14=$[41],t15=$[42]),useImperativeHandle(forwardedRef,t14,t15);const listBoxId="".concat(id,"-listbox"),options=Array.isArray(optionsProp)?optionsProp:EMPTY_ARRAY,padding=_getArrayProp(paddingProp);let t16;$[43]!==options||$[44]!==value?(t16=value!==null?options.find(o=>o.value===value):void 0,$[43]=options,$[44]=value,$[45]=t16):t16=$[45];const currentOption=t16;let t17;if($[46]!==filterOption||$[47]!==options||$[48]!==query){let t182;$[50]!==filterOption||$[51]!==query?(t182=option=>query?filterOption(query,option):!0,$[50]=filterOption,$[51]=query,$[52]=t182):t182=$[52],t17=options.filter(t182),$[46]=filterOption,$[47]=options,$[48]=query,$[49]=t17;}else t17=$[49];const filteredOptions=t17,filteredOptionsLen=filteredOptions.length,activeItemId=activeValue?"".concat(id,"-option-").concat(activeValue):void 0,expanded=query!==null&&loading||focused&&query!==null;let t18;$[53]!==onBlur||$[54]!==onQueryChange||$[55]!==relatedElements?(t18=event=>{setTimeout(()=>{if(popoverMouseWithinRef.current)return;const elements=(relatedElements||[]).concat(rootElementRef.current?[rootElementRef.current]:[],resultsPopoverElementRef.current?[resultsPopoverElementRef.current]:[]);let focusInside=!1;if(document.activeElement){for(const e of elements)if(e===document.activeElement||e.contains(document.activeElement)){focusInside=!0;break;}}focusInside===!1&&(dispatch({type:"root/blur"}),popoverMouseWithinRef.current=!1,onQueryChange&&onQueryChange(null),onBlur&&onBlur(event));},0);},$[53]=onBlur,$[54]=onQueryChange,$[55]=relatedElements,$[56]=t18):t18=$[56];const handleRootBlur=t18;let t19;$[57]===Symbol.for("react.memo_cache_sentinel")?(t19=event_0=>{const listBoxElement=listBoxElementRef.current,focusedElement=event_0.target instanceof HTMLElement?event_0.target:null,listFocused_0=(listBoxElement===null||listBoxElement===void 0?void 0:listBoxElement.contains(focusedElement))||!1;listFocused_0!==listFocusedRef.current&&(listFocusedRef.current=listFocused_0,dispatch({type:"root/setListFocused",listFocused:listFocused_0}));},$[57]=t19):t19=$[57];const handleRootFocus=t19;let t20;$[58]!==onChange||$[59]!==onQueryChange||$[60]!==onSelect?(t20=v=>{var _inputElementRef$curr;dispatch({type:"value/change",value:v}),popoverMouseWithinRef.current=!1,onSelect&&onSelect(v),valueRef.current=v,onChange&&onChange(v),onQueryChange&&onQueryChange(null),(_inputElementRef$curr=inputElementRef.current)===null||_inputElementRef$curr===void 0?void 0:_inputElementRef$curr.focus();},$[58]=onChange,$[59]=onQueryChange,$[60]=onSelect,$[61]=t20):t20=$[61];const handleOptionSelect=t20;let t21;$[62]!==activeValue||$[63]!==filteredOptions||$[64]!==filteredOptionsLen||$[65]!==onQueryChange?(t21=event_1=>{if(event_1.key==="ArrowDown"){if(event_1.preventDefault(),!filteredOptionsLen)return;const activeOption=filteredOptions.find(o_0=>o_0.value===activeValue),activeIndex=activeOption?filteredOptions.indexOf(activeOption):-1,nextActiveOption=filteredOptions[(activeIndex+1)%filteredOptionsLen];nextActiveOption&&dispatch({type:"root/setActiveValue",value:nextActiveOption.value,listFocused:!0});return;}if(event_1.key==="ArrowUp"){if(event_1.preventDefault(),!filteredOptionsLen)return;const activeOption_0=filteredOptions.find(o_1=>o_1.value===activeValue),activeIndex_0=activeOption_0?filteredOptions.indexOf(activeOption_0):-1,nextActiveOption_0=filteredOptions[activeIndex_0===-1?filteredOptionsLen-1:(filteredOptionsLen+activeIndex_0-1)%filteredOptionsLen];nextActiveOption_0&&dispatch({type:"root/setActiveValue",value:nextActiveOption_0.value,listFocused:!0});return;}if(event_1.key==="Escape"){var _inputElementRef$curr2;dispatch({type:"root/escape"}),popoverMouseWithinRef.current=!1,onQueryChange&&onQueryChange(null),(_inputElementRef$curr2=inputElementRef.current)===null||_inputElementRef$curr2===void 0?void 0:_inputElementRef$curr2.focus();return;}const target=event_1.target,listEl=listBoxElementRef.current;if((listEl===target||listEl!==null&&listEl!==void 0&&listEl.contains(target))&&!AUTOCOMPLETE_LISTBOX_IGNORE_KEYS.includes(event_1.key)){var _inputElementRef$curr3;(_inputElementRef$curr3=inputElementRef.current)===null||_inputElementRef$curr3===void 0||_inputElementRef$curr3.focus();return;}},$[62]=activeValue,$[63]=filteredOptions,$[64]=filteredOptionsLen,$[65]=onQueryChange,$[66]=t21):t21=$[66];const handleRootKeyDown=t21;let t22;$[67]!==onQueryChange?(t22=event_2=>{const nextQuery=event_2.currentTarget.value;dispatch({type:"input/change",query:nextQuery}),onQueryChange&&onQueryChange(nextQuery);},$[67]=onQueryChange,$[68]=t22):t22=$[68];const handleInputChange=t22;let t23;$[69]!==currentOption||$[70]!==renderValue||$[71]!==value?(t23=()=>{dispatch({type:"root/open",query:value?renderValue(value,currentOption):""});},$[69]=currentOption,$[70]=renderValue,$[71]=value,$[72]=t23):t23=$[72];const dispatchOpen=t23;let t24;$[73]!==dispatchOpen||$[74]!==focused||$[75]!==onFocus||$[76]!==openOnFocus?(t24=event_3=>{focused||(dispatch({type:"input/focus"}),onFocus&&onFocus(event_3),openOnFocus&&dispatchOpen());},$[73]=dispatchOpen,$[74]=focused,$[75]=onFocus,$[76]=openOnFocus,$[77]=t24):t24=$[77];const handleInputFocus=t24;let t25;$[78]===Symbol.for("react.memo_cache_sentinel")?(t25=()=>{popoverMouseWithinRef.current=!0;},$[78]=t25):t25=$[78];const handlePopoverMouseEnter=t25;let t26;$[79]===Symbol.for("react.memo_cache_sentinel")?(t26=()=>{popoverMouseWithinRef.current=!1;},$[79]=t26):t26=$[79];const handlePopoverMouseLeave=t26;let t27;$[80]!==onChange||$[81]!==onQueryChange?(t27=()=>{var _inputElementRef$curr4;dispatch({type:"root/clear"}),valueRef.current="",onChange&&onChange(""),onQueryChange&&onQueryChange(null),(_inputElementRef$curr4=inputElementRef.current)===null||_inputElementRef$curr4===void 0?void 0:_inputElementRef$curr4.focus();},$[80]=onChange,$[81]=onQueryChange,$[82]=t27):t27=$[82];const handleClearButtonClick=t27;let t28;$[83]===Symbol.for("react.memo_cache_sentinel")?(t28=()=>{dispatch({type:"input/focus"});},$[83]=t28):t28=$[83];const handleClearButtonFocus=t28;let t29,t30;$[84]!==valueProp?(t29=()=>{if(valueProp!==valuePropRef.current){valuePropRef.current=valueProp,valueProp!==void 0&&(dispatch({type:"value/change",value:valueProp}),valueRef.current=valueProp);return;}valueProp!==valueRef.current&&(valueRef.current=valueProp||null,dispatch({type:"value/change",value:valueProp||null}));},t30=[valueProp],$[84]=valueProp,$[85]=t29,$[86]=t30):(t29=$[85],t30=$[86]),useEffect$1(t29,t30);let t31,t32;$[87]!==focused?(t31=()=>{!focused&&valueRef.current&&dispatch({type:"root/setActiveValue",value:valueRef.current});},t32=[focused],$[87]=focused,$[88]=t31,$[89]=t32):(t31=$[88],t32=$[89]),useEffect$1(t31,t32);let t33,t34;$[90]!==activeValue||$[91]!==filteredOptions?(t33=()=>{const listElement=listBoxElementRef.current;if(!listElement)return;const activeOption_1=filteredOptions.find(o_2=>o_2.value===activeValue);if(activeOption_1){const activeIndex_1=filteredOptions.indexOf(activeOption_1),activeItemElement=listElement.childNodes[activeIndex_1];if(activeItemElement){if(_hasFocus(activeItemElement))return;focusFirstDescendant(activeItemElement);}}},t34=[activeValue,filteredOptions],$[90]=activeValue,$[91]=filteredOptions,$[92]=t33,$[93]=t34):(t33=$[92],t34=$[93]),useEffect$1(t33,t34);let t35;bb0:{if(!loading&&!disabled&&value){let t362;$[94]===Symbol.for("react.memo_cache_sentinel")?(t362={"aria-label":"Clear",onFocus:handleClearButtonFocus},$[94]=t362):t362=$[94],t35=t362;break bb0;}t35=void 0;}const clearButton=t35,openButtonBoxPadding=padding.map(_temp$3),openButtonPadding=padding.map(_temp2$1),openButtonProps=typeof openButton=="object"?openButton:EMPTY_RECORD;let t36;$[95]!==dispatchOpen||$[96]!==openButtonProps?(t36=event_4=>{dispatchOpen(),openButtonProps.onClick&&openButtonProps.onClick(event_4),_raf(()=>{var _inputElementRef$curr5;return(_inputElementRef$curr5=inputElementRef.current)===null||_inputElementRef$curr5===void 0?void 0:_inputElementRef$curr5.focus();});},$[95]=dispatchOpen,$[96]=openButtonProps,$[97]=t36):t36=$[97];const handleOpenClick=t36;let t37;$[98]!==disabled||$[99]!==expanded||$[100]!==fontSize||$[101]!==handleOpenClick||$[102]!==openButton||$[103]!==openButtonBoxPadding||$[104]!==openButtonPadding||$[105]!==openButtonProps||$[106]!==readOnly?(t37=!disabled&&!readOnly&&openButton?/* @__PURE__ */jsx(Box,{"aria-hidden":expanded,padding:openButtonBoxPadding,children:/* @__PURE__ */jsx(Button,_objectSpread(_objectSpread({"aria-label":"Open",disabled:expanded,fontSize,icon:ChevronDownIcon,mode:"bleed",padding:openButtonPadding},openButtonProps),{},{onClick:handleOpenClick}))}):void 0,$[98]=disabled,$[99]=expanded,$[100]=fontSize,$[101]=handleOpenClick,$[102]=openButton,$[103]=openButtonBoxPadding,$[104]=openButtonPadding,$[105]=openButtonProps,$[106]=readOnly,$[107]=t37):t37=$[107];const openButtonNode=t37;let t38;bb1:{if(query===null){if(value!==null){let t392;$[108]!==currentOption||$[109]!==renderValue||$[110]!==value?(t392=renderValue(value,currentOption),$[108]=currentOption,$[109]=renderValue,$[110]=value,$[111]=t392):t392=$[111],t38=t392;break bb1;}t38="";break bb1;}t38=query;}const inputValue=t38;let t39;$[112]!==listFocused?(t39=event_5=>{var _inputElementRef$curr6;event_5.key==="Tab"&&listFocused&&((_inputElementRef$curr6=inputElementRef.current)===null||_inputElementRef$curr6===void 0?void 0:_inputElementRef$curr6.focus());},$[112]=listFocused,$[113]=t39):t39=$[113];const handleListBoxKeyDown=t39;let t40;bb2:{if(filteredOptions.length===0){t40=null;break bb2;}let t412;if($[114]!==activeValue||$[115]!==currentOption||$[116]!==filteredOptions||$[117]!==handleOptionSelect||$[118]!==id||$[119]!==listFocused||$[120]!==loading||$[121]!==renderOption){let t423;$[123]!==activeValue||$[124]!==currentOption||$[125]!==handleOptionSelect||$[126]!==id||$[127]!==listFocused||$[128]!==loading||$[129]!==renderOption?(t423=option_0=>{const active=activeValue!==null?option_0.value===activeValue:currentOption===option_0;return/* @__PURE__ */jsx(AutocompleteOption,{id:"".concat(id,"-option-").concat(option_0.value),onSelect:handleOptionSelect,selected:active,value:option_0.value,children:cloneElement(renderOption(option_0),{disabled:loading,selected:active,tabIndex:listFocused&&active?0:-1})},option_0.value);},$[123]=activeValue,$[124]=currentOption,$[125]=handleOptionSelect,$[126]=id,$[127]=listFocused,$[128]=loading,$[129]=renderOption,$[130]=t423):t423=$[130],t412=filteredOptions.map(t423),$[114]=activeValue,$[115]=currentOption,$[116]=filteredOptions,$[117]=handleOptionSelect,$[118]=id,$[119]=listFocused,$[120]=loading,$[121]=renderOption,$[122]=t412;}else t412=$[122];let t422;$[131]!==listBoxId||$[132]!==t412?(t422=/* @__PURE__ */jsx(Stack,{as:"ul","aria-multiselectable":!1,"data-ui":"AutoComplete__resultsList",id:listBoxId,ref:listBoxElementRef,role:"listbox",space:1,children:t412}),$[131]=listBoxId,$[132]=t412,$[133]=t422):t422=$[133];let t432;$[134]!==handleListBoxKeyDown||$[135]!==listBox||$[136]!==t422?(t432=/* @__PURE__ */jsx(ListBox,_objectSpread(_objectSpread({"data-ui":"AutoComplete__results",onKeyDown:handleListBoxKeyDown,padding:1},listBox),{},{tabIndex:-1,children:t422})),$[134]=handleListBoxKeyDown,$[135]=listBox,$[136]=t422,$[137]=t432):t432=$[137],t40=t432;}const content2=t40;let t41;bb3:{if(renderPopover){const t423=!expanded;let t432;$[138]!==content2||$[139]!==handlePopoverMouseEnter||$[140]!==handlePopoverMouseLeave||$[141]!==inputElement||$[142]!==renderPopover||$[143]!==t423?(t432=/* @__PURE__ */jsx(RenderPopover,{content:content2,hidden:t423,inputElement,onMouseEnter:handlePopoverMouseEnter,onMouseLeave:handlePopoverMouseLeave,resultsPopoverElementRef,renderPopover}),$[138]=content2,$[139]=handlePopoverMouseEnter,$[140]=handlePopoverMouseLeave,$[141]=inputElement,$[142]=renderPopover,$[143]=t423,$[144]=t432):t432=$[144],t41=t432;break bb3;}if(filteredOptionsLen===0){t41=null;break bb3;}let t422;$[145]!==content2||$[146]!==expanded||$[147]!==handlePopoverMouseEnter||$[148]!==handlePopoverMouseLeave||$[149]!==inputElement||$[150]!==popover||$[151]!==radius?(t422=/* @__PURE__ */jsx(Popover,_objectSpread({arrow:!1,constrainSize:!0,content:content2,fallbackPlacements:AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS,matchReferenceWidth:!0,onMouseEnter:handlePopoverMouseEnter,onMouseLeave:handlePopoverMouseLeave,open:expanded,overflow:"auto",placement:AUTOCOMPLETE_POPOVER_PLACEMENT,portal:!0,radius,ref:resultsPopoverElementRef,referenceElement:inputElement},popover)),$[145]=content2,$[146]=expanded,$[147]=handlePopoverMouseEnter,$[148]=handlePopoverMouseLeave,$[149]=inputElement,$[150]=popover,$[151]=radius,$[152]=t422):t422=$[152],t41=t422;}const results=t41,t42=loading&&AnimatedSpinnerIcon,t43=suffix||openButtonNode;let t44;$[153]!==activeItemId||$[154]!==border||$[155]!==clearButton||$[156]!==customValidity||$[157]!==disabled||$[158]!==expanded||$[159]!==fontSize||$[160]!==handleClearButtonClick||$[161]!==handleInputChange||$[162]!==handleInputFocus||$[163]!==icon||$[164]!==id||$[165]!==inputValue||$[166]!==listBoxId||$[167]!==padding||$[168]!==prefix||$[169]!==radius||$[170]!==readOnly||$[171]!==restProps||$[172]!==t42||$[173]!==t43?(t44=/* @__PURE__ */jsx(TextInput,_objectSpread(_objectSpread({},restProps),{},{"aria-activedescendant":activeItemId,"aria-autocomplete":"list","aria-expanded":expanded,"aria-owns":listBoxId,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",border,clearButton,customValidity,disabled,fontSize,icon,iconRight:t42,id,inputMode:"search",onChange:handleInputChange,onClear:handleClearButtonClick,onFocus:handleInputFocus,padding,prefix,radius,readOnly,ref:setInputElement,role:"combobox",spellCheck:!1,suffix:t43,value:inputValue})),$[153]=activeItemId,$[154]=border,$[155]=clearButton,$[156]=customValidity,$[157]=disabled,$[158]=expanded,$[159]=fontSize,$[160]=handleClearButtonClick,$[161]=handleInputChange,$[162]=handleInputFocus,$[163]=icon,$[164]=id,$[165]=inputValue,$[166]=listBoxId,$[167]=padding,$[168]=prefix,$[169]=radius,$[170]=readOnly,$[171]=restProps,$[172]=t42,$[173]=t43,$[174]=t44):t44=$[174];let t45;return $[175]!==handleRootBlur||$[176]!==handleRootFocus||$[177]!==handleRootKeyDown||$[178]!==results||$[179]!==t44?(t45=/* @__PURE__ */jsxs(StyledAutocomplete,{"data-ui":"Autocomplete",onBlur:handleRootBlur,onFocus:handleRootFocus,onKeyDown:handleRootKeyDown,ref:rootElementRef,children:[t44,results]}),$[175]=handleRootBlur,$[176]=handleRootFocus,$[177]=handleRootKeyDown,$[178]=results,$[179]=t44,$[180]=t45):t45=$[180],t45;});function RenderPopover(_ref76){let{renderPopover,content:content2,hidden,inputElement,onMouseEnter,onMouseLeave,resultsPopoverElementRef}=_ref76;return renderPopover({content:content2,hidden,inputElement,onMouseEnter,onMouseLeave},resultsPopoverElementRef);}InnerAutocomplete.displayName="ForwardRef(Autocomplete)";function _temp$3(v_0){return v_0===0?0:v_0===1||v_0===2?1:v_0-2;}function _temp2$1(v_1){return Math.max(v_1-1,0);}const StyledBreadcrumbs=styled.ol.withConfig({displayName:"StyledBreadcrumbs",componentId:"sc-1es8h8q-0"})(_templateObject68||(_templateObject68=_taggedTemplateLiteral(["margin:0;padding:0;display:flex;list-style:none;align-items:center;white-space:nowrap;line-height:0;"]))),ExpandButton=styled(Button).withConfig({displayName:"ExpandButton",componentId:"sc-1es8h8q-1"})(_templateObject69||(_templateObject69=_taggedTemplateLiteral(["appearance:none;margin:-4px;"]))),Breadcrumbs=forwardRef(function(props,ref){var _props34;const $=dist.c(29);let children,maxLength,restProps,separator,t0;$[0]!==props?(_props34=props,{children,maxLength,separator,space:t0}=_props34,restProps=_objectWithoutProperties(_props34,_excluded51),_props34,$[0]=props,$[1]=children,$[2]=maxLength,$[3]=restProps,$[4]=separator,$[5]=t0):(children=$[1],maxLength=$[2],restProps=$[3],separator=$[4],t0=$[5]);const spaceRaw=t0===void 0?2:t0;let t1;$[6]!==spaceRaw?(t1=_getArrayProp(spaceRaw),$[6]=spaceRaw,$[7]=t1):t1=$[7];const space=t1,[open,setOpen]=useState(!1),expandElementRef=useRef$1(null),popoverElementRef=useRef$1(null);let t2;$[8]===Symbol.for("react.memo_cache_sentinel")?(t2=()=>setOpen(!1),$[8]=t2):t2=$[8];const collapse=t2;let t3;$[9]===Symbol.for("react.memo_cache_sentinel")?(t3=()=>setOpen(!0),$[9]=t3):t3=$[9];const expand=t3;let t4;$[10]===Symbol.for("react.memo_cache_sentinel")?(t4=()=>[expandElementRef.current,popoverElementRef.current],$[10]=t4):t4=$[10],useClickOutsideEvent(collapse,t4);let t5;$[11]!==children?(t5=Children.toArray(children).filter(isValidElement$1),$[11]=children,$[12]=t5):t5=$[12];const rawItems=t5;let t6;$[13]!==maxLength||$[14]!==open||$[15]!==rawItems||$[16]!==space?(t6={collapse,expand,expandElementRef,maxLength,open,popoverElementRef,rawItems,space},$[13]=maxLength,$[14]=open,$[15]=rawItems,$[16]=space,$[17]=t6):t6=$[17];const items=useItems(t6);let t7;if($[18]!==items||$[19]!==separator||$[20]!==space){let t82;$[22]!==separator||$[23]!==space?(t82=(item,itemIndex)=>/* @__PURE__ */jsxs(Fragment$1,{children:[itemIndex>0&&/* @__PURE__ */jsx(Box,{"aria-hidden":!0,as:"li",paddingX:space,children:separator||/* @__PURE__ */jsx(Text,{muted:!0,children:"/"})}),/* @__PURE__ */jsx(Box,{as:"li",children:item})]},itemIndex),$[22]=separator,$[23]=space,$[24]=t82):t82=$[24],t7=items.map(t82),$[18]=items,$[19]=separator,$[20]=space,$[21]=t7;}else t7=$[21];let t8;return $[25]!==ref||$[26]!==restProps||$[27]!==t7?(t8=/* @__PURE__ */jsx(StyledBreadcrumbs,_objectSpread(_objectSpread({"data-ui":"Breadcrumbs"},restProps),{},{ref,children:t7})),$[25]=ref,$[26]=restProps,$[27]=t7,$[28]=t8):t8=$[28],t8;});Breadcrumbs.displayName="ForwardRef(Breadcrumbs)";function useItems(t0){const $=dist.c(28),{collapse,expand,expandElementRef,maxLength,open,popoverElementRef,rawItems,space}=t0,len=rawItems.length;if(maxLength&&len>maxLength){const beforeLength=Math.ceil(maxLength/2),afterLength=Math.floor(maxLength/2);let t1;if($[0]!==afterLength||$[1]!==beforeLength||$[2]!==collapse||$[3]!==expand||$[4]!==expandElementRef||$[5]!==len||$[6]!==open||$[7]!==popoverElementRef||$[8]!==rawItems||$[9]!==space){const t2=rawItems.slice(0,beforeLength-1);let t3;$[11]!==afterLength||$[12]!==beforeLength||$[13]!==len||$[14]!==rawItems?(t3=rawItems.slice(beforeLength-1,len-afterLength),$[11]=afterLength,$[12]=beforeLength,$[13]=len,$[14]=rawItems,$[15]=t3):t3=$[15];let t4;$[16]!==space||$[17]!==t3?(t4=/* @__PURE__ */jsx(Stack,{as:"ol",overflow:"auto",padding:space,space,children:t3}),$[16]=space,$[17]=t3,$[18]=t4):t4=$[18];const t5=open?collapse:expand;let t6;$[19]!==expandElementRef||$[20]!==open||$[21]!==t5?(t6=/* @__PURE__ */jsx(ExpandButton,{fontSize:1,mode:"bleed",onClick:t5,padding:1,ref:expandElementRef,selected:open,text:"\u2026"}),$[19]=expandElementRef,$[20]=open,$[21]=t5,$[22]=t6):t6=$[22];let t7;$[23]!==open||$[24]!==popoverElementRef||$[25]!==t4||$[26]!==t6?(t7=/* @__PURE__ */jsx(Popover,{constrainSize:!0,content:t4,open,placement:"top",portal:!0,ref:popoverElementRef,children:t6},"button"),$[23]=open,$[24]=popoverElementRef,$[25]=t4,$[26]=t6,$[27]=t7):t7=$[27],t1=[...t2,t7,...rawItems.slice(len-afterLength)],$[0]=afterLength,$[1]=beforeLength,$[2]=collapse,$[3]=expand,$[4]=expandElementRef,$[5]=len,$[6]=open,$[7]=popoverElementRef,$[8]=rawItems,$[9]=space,$[10]=t1;}else t1=$[10];return t1;}return rawItems;}function dialogStyle(_ref77){let{theme}=_ref77;const{color}=getTheme_v2(theme);return{"&:not([hidden])":{display:"flex"},top:0,left:0,right:0,bottom:0,alignItems:"center",justifyContent:"center",outline:"none",background:color.backdrop};}function responsiveDialogPositionStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$position,position=>({"&&":{position}}));}function animationDialogStyle(props){return props.$animate?css(_templateObject70||(_templateObject70=_taggedTemplateLiteral(["\n @keyframes zoomIn {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n animation: fadeIn 200ms ease-out;\n // Animates the dialog card.\n & > [data-ui='DialogCard'] {\n animation: zoomIn 200ms ease-out;\n }\n "]))):css(_templateObject71||(_templateObject71=_taggedTemplateLiteral([""])));}const DialogContext=createGlobalScopedContext("@sanity/ui/context/dialog",{version:0});function useDialog(){return useContext(DialogContext);}function isTargetWithinScope(boundaryElement,portalElement,target){return!boundaryElement||!portalElement?!0:containsOrEqualsElement(boundaryElement,target)||containsOrEqualsElement(portalElement,target);}const StyledDialog=/* @__PURE__ */styled(Layer).withConfig({displayName:"StyledDialog",componentId:"sc-4n4xb3-0"})(responsivePaddingStyle,dialogStyle,responsiveDialogPositionStyle,animationDialogStyle),DialogContainer=styled(Container).withConfig({displayName:"DialogContainer",componentId:"sc-4n4xb3-1"})(_templateObject72||(_templateObject72=_taggedTemplateLiteral(["&:not([hidden]){display:flex;}width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;"]))),DialogCardRoot=styled(Card).withConfig({displayName:"DialogCardRoot",componentId:"sc-4n4xb3-2"})(_templateObject73||(_templateObject73=_taggedTemplateLiteral(["&:not([hidden]){display:flex;}width:100%;min-height:0;max-height:100%;overflow:hidden;overflow:clip;"]))),DialogLayout=styled(Flex).withConfig({displayName:"DialogLayout",componentId:"sc-4n4xb3-3"})(_templateObject74||(_templateObject74=_taggedTemplateLiteral(["flex:1;min-height:0;width:100%;"]))),DialogHeader=styled(Box).withConfig({displayName:"DialogHeader",componentId:"sc-4n4xb3-4"})(_templateObject75||(_templateObject75=_taggedTemplateLiteral(["position:relative;z-index:2;"]))),DialogContent=styled(Box).withConfig({displayName:"DialogContent",componentId:"sc-4n4xb3-5"})(_templateObject76||(_templateObject76=_taggedTemplateLiteral(["position:relative;z-index:1;overflow:auto;outline:none;"]))),DialogFooter=styled(Box).withConfig({displayName:"DialogFooter",componentId:"sc-4n4xb3-6"})(_templateObject77||(_templateObject77=_taggedTemplateLiteral(["position:relative;z-index:3;"]))),DialogCard=forwardRef(function(props,forwardedRef){var _portal$elements3;const $=dist.c(44),{__unstable_autoFocus:autoFocus,__unstable_hideCloseButton:hideCloseButton,children,contentRef:forwardedContentRef,footer,header,id,onClickOutside,onClose,portal:portalProp,radius:radiusProp,scheme,shadow:shadowProp,width:widthProp}=props,portal=usePortal(),portalElement=portalProp?((_portal$elements3=portal.elements)===null||_portal$elements3===void 0?void 0:_portal$elements3[portalProp])||null:portal.element,boundaryElement=useBoundaryElement().element;let t0;$[0]!==radiusProp?(t0=_getArrayProp(radiusProp),$[0]=radiusProp,$[1]=t0):t0=$[1];const radius=t0;let t1;$[2]!==shadowProp?(t1=_getArrayProp(shadowProp),$[2]=shadowProp,$[3]=t1):t1=$[3];const shadow=t1;let t2;$[4]!==widthProp?(t2=_getArrayProp(widthProp),$[4]=widthProp,$[5]=t2):t2=$[5];const width=t2,ref=useRef$1(null),contentRef=useRef$1(null),layer=useLayer(),{isTopLayer}=layer,labelId="".concat(id,"_label"),showCloseButton=!!onClose&&hideCloseButton===!1,showHeader=!!header||showCloseButton;let t3;$[6]===Symbol.for("react.memo_cache_sentinel")?(t3=()=>ref.current,$[6]=t3):t3=$[6],useImperativeHandle(forwardedRef,t3);let t4;$[7]===Symbol.for("react.memo_cache_sentinel")?(t4=()=>contentRef.current,$[7]=t4):t4=$[7],useImperativeHandle(forwardedContentRef,t4);let t5,t6;$[8]!==autoFocus?(t5=()=>{autoFocus&&ref.current&&focusFirstDescendant(ref.current);},t6=[autoFocus,ref],$[8]=autoFocus,$[9]=t5,$[10]=t6):(t5=$[9],t6=$[10]),useEffect$1(t5,t6);let t7;$[11]!==boundaryElement||$[12]!==isTopLayer||$[13]!==onClose||$[14]!==portalElement?(t7=event=>{if(!isTopLayer||!onClose)return;const target=document.activeElement;target&&!isTargetWithinScope(boundaryElement,portalElement,target)||event.key==="Escape"&&(event.preventDefault(),event.stopPropagation(),onClose());},$[11]=boundaryElement,$[12]=isTopLayer,$[13]=onClose,$[14]=portalElement,$[15]=t7):t7=$[15],useGlobalKeyDown(t7);let t8;$[16]!==boundaryElement||$[17]!==isTopLayer||$[18]!==onClickOutside||$[19]!==portalElement?(t8=isTopLayer&&onClickOutside&&(event_0=>{const target_0=event_0.target;target_0&&!isTargetWithinScope(boundaryElement,portalElement,target_0)||onClickOutside();}),$[16]=boundaryElement,$[17]=isTopLayer,$[18]=onClickOutside,$[19]=portalElement,$[20]=t8):t8=$[20];let t9;$[21]===Symbol.for("react.memo_cache_sentinel")?(t9=()=>[ref.current],$[21]=t9):t9=$[21],useClickOutsideEvent(t8,t9);let t10;$[22]!==header||$[23]!==labelId||$[24]!==onClose||$[25]!==showCloseButton||$[26]!==showHeader?(t10=showHeader&&/* @__PURE__ */jsx(DialogHeader,{children:/* @__PURE__ */jsxs(Flex,{align:"flex-start",padding:3,children:[/* @__PURE__ */jsx(Box,{flex:1,padding:2,children:header&&/* @__PURE__ */jsx(Text,{id:labelId,size:1,weight:"semibold",children:header})}),showCloseButton&&/* @__PURE__ */jsx(Box,{flex:"none",children:/* @__PURE__ */jsx(Button,{"aria-label":"Close dialog",disabled:!onClose,icon:CloseIcon,mode:"bleed",onClick:onClose,padding:2})})]})}),$[22]=header,$[23]=labelId,$[24]=onClose,$[25]=showCloseButton,$[26]=showHeader,$[27]=t10):t10=$[27];let t11;$[28]!==children?(t11=/* @__PURE__ */jsx(DialogContent,{flex:1,ref:contentRef,tabIndex:-1,children}),$[28]=children,$[29]=t11):t11=$[29];let t12;$[30]!==footer?(t12=footer&&/* @__PURE__ */jsx(DialogFooter,{children:footer}),$[30]=footer,$[31]=t12):t12=$[31];let t13;$[32]!==t10||$[33]!==t11||$[34]!==t12?(t13=/* @__PURE__ */jsxs(DialogLayout,{direction:"column",children:[t10,t11,t12]}),$[32]=t10,$[33]=t11,$[34]=t12,$[35]=t13):t13=$[35];let t14;$[36]!==radius||$[37]!==scheme||$[38]!==shadow||$[39]!==t13?(t14=/* @__PURE__ */jsx(DialogCardRoot,{radius,ref,scheme,shadow,children:t13}),$[36]=radius,$[37]=scheme,$[38]=shadow,$[39]=t13,$[40]=t14):t14=$[40];let t15;return $[41]!==t14||$[42]!==width?(t15=/* @__PURE__ */jsx(DialogContainer,{"data-ui":"DialogCard",width,children:t14}),$[41]=t14,$[42]=width,$[43]=t15):t15=$[43],t15;});DialogCard.displayName="ForwardRef(DialogCard)";const Dialog=forwardRef(function(props,ref){var _props35,_portal$elements4;const $=dist.c(70),dialog=useDialog(),{layer}=useTheme_v2();let _positionProp,_zOffsetProp,children,contentRef,footer,header,id,onActivate,onClickOutside,onClose,onFocus,portalProp,restProps,scheme,t0,t1,t2,t3,t4,t5,t6;$[0]!==props?(_props35=props,{__unstable_autoFocus:t0,__unstable_hideCloseButton:t1,cardRadius:t2,cardShadow:t3,children,contentRef,footer,header,id,onActivate,onClickOutside,onClose,onFocus,padding:t4,portal:portalProp,position:_positionProp,scheme,width:t5,zOffset:_zOffsetProp,animate:t6}=_props35,restProps=_objectWithoutProperties(_props35,_excluded52),_props35,$[0]=props,$[1]=_positionProp,$[2]=_zOffsetProp,$[3]=children,$[4]=contentRef,$[5]=footer,$[6]=header,$[7]=id,$[8]=onActivate,$[9]=onClickOutside,$[10]=onClose,$[11]=onFocus,$[12]=portalProp,$[13]=restProps,$[14]=scheme,$[15]=t0,$[16]=t1,$[17]=t2,$[18]=t3,$[19]=t4,$[20]=t5,$[21]=t6):(_positionProp=$[1],_zOffsetProp=$[2],children=$[3],contentRef=$[4],footer=$[5],header=$[6],id=$[7],onActivate=$[8],onClickOutside=$[9],onClose=$[10],onFocus=$[11],portalProp=$[12],restProps=$[13],scheme=$[14],t0=$[15],t1=$[16],t2=$[17],t3=$[18],t4=$[19],t5=$[20],t6=$[21]);const autoFocus=t0===void 0?!0:t0,hideCloseButton=t1===void 0?!1:t1,cardRadiusProp=t2===void 0?4:t2,cardShadow=t3===void 0?3:t3,paddingProp=t4===void 0?3:t4,widthProp=t5===void 0?0:t5,_animate=t6===void 0?!1:t6,positionProp=_positionProp!==null&&_positionProp!==void 0?_positionProp:dialog.position||"fixed",zOffsetProp=_zOffsetProp!==null&&_zOffsetProp!==void 0?_zOffsetProp:dialog.zOffset||layer.dialog.zOffset,animate=usePrefersReducedMotion()?!1:_animate,portal=usePortal(),portalElement=portalProp?((_portal$elements4=portal.elements)===null||_portal$elements4===void 0?void 0:_portal$elements4[portalProp])||null:portal.element,boundaryElement=useBoundaryElement().element;let t7;$[22]!==cardRadiusProp?(t7=_getArrayProp(cardRadiusProp),$[22]=cardRadiusProp,$[23]=t7):t7=$[23];const cardRadius=t7;let t8;$[24]!==paddingProp?(t8=_getArrayProp(paddingProp),$[24]=paddingProp,$[25]=t8):t8=$[25];const padding=t8;let t9;$[26]!==positionProp?(t9=_getArrayProp(positionProp),$[26]=positionProp,$[27]=t9):t9=$[27];const position=t9;let t10;$[28]!==widthProp?(t10=_getArrayProp(widthProp),$[28]=widthProp,$[29]=t10):t10=$[29];const width=t10;let t11;$[30]!==zOffsetProp?(t11=_getArrayProp(zOffsetProp),$[30]=zOffsetProp,$[31]=t11):t11=$[31];const zOffset=t11,preDivRef=useRef$1(null),postDivRef=useRef$1(null),cardRef=useRef$1(null),focusedElementRef=useRef$1(null);let t12;$[32]!==onFocus?(t12=event=>{var _onFocus2;(_onFocus2=onFocus)===null||_onFocus2===void 0||_onFocus2(event);const target=event.target,cardElement=cardRef.current;if(cardElement&&target===preDivRef.current){focusLastDescendant(cardElement);return;}if(cardElement&&target===postDivRef.current){focusFirstDescendant(cardElement);return;}isHTMLElement(event.target)&&(focusedElementRef.current=event.target);},$[32]=onFocus,$[33]=t12):t12=$[33];const handleFocus=t12,labelId="".concat(id,"_label"),rootClickTimeoutRef=useRef$1(void 0);let t13;$[34]!==boundaryElement||$[35]!==portalElement?(t13=()=>{rootClickTimeoutRef.current&&clearTimeout(rootClickTimeoutRef.current),rootClickTimeoutRef.current=setTimeout(()=>{const activeElement=document.activeElement;if(activeElement&&!isTargetWithinScope(boundaryElement,portalElement,activeElement)){const target_0=focusedElementRef.current;if(!target_0||!document.body.contains(target_0)){const cardElement_0=cardRef.current;cardElement_0&&focusFirstDescendant(cardElement_0);return;}target_0.focus();}},0);},$[34]=boundaryElement,$[35]=portalElement,$[36]=t13):t13=$[36];const handleRootClick=t13;let t14;$[37]===Symbol.for("react.memo_cache_sentinel")?(t14=/* @__PURE__ */jsx("div",{ref:preDivRef,tabIndex:0}),$[37]=t14):t14=$[37];let t15;$[38]!==autoFocus||$[39]!==cardRadius||$[40]!==cardShadow||$[41]!==children||$[42]!==contentRef||$[43]!==footer||$[44]!==header||$[45]!==hideCloseButton||$[46]!==id||$[47]!==onClickOutside||$[48]!==onClose||$[49]!==portalProp||$[50]!==scheme||$[51]!==width?(t15=/* @__PURE__ */jsx(DialogCard,{__unstable_autoFocus:autoFocus,__unstable_hideCloseButton:hideCloseButton,contentRef,footer,header,id,onClickOutside,onClose,portal:portalProp,radius:cardRadius,ref:cardRef,scheme,shadow:cardShadow,width,children}),$[38]=autoFocus,$[39]=cardRadius,$[40]=cardShadow,$[41]=children,$[42]=contentRef,$[43]=footer,$[44]=header,$[45]=hideCloseButton,$[46]=id,$[47]=onClickOutside,$[48]=onClose,$[49]=portalProp,$[50]=scheme,$[51]=width,$[52]=t15):t15=$[52];let t16;$[53]===Symbol.for("react.memo_cache_sentinel")?(t16=/* @__PURE__ */jsx("div",{ref:postDivRef,tabIndex:0}),$[53]=t16):t16=$[53];let t17;$[54]!==animate||$[55]!==handleFocus||$[56]!==handleRootClick||$[57]!==id||$[58]!==labelId||$[59]!==onActivate||$[60]!==padding||$[61]!==position||$[62]!==ref||$[63]!==restProps||$[64]!==t15||$[65]!==zOffset?(t17=/* @__PURE__ */jsxs(StyledDialog,_objectSpread(_objectSpread({},restProps),{},{$animate:animate,$padding:padding,$position:position,"aria-labelledby":labelId,"aria-modal":!0,"data-ui":"Dialog",id,onActivate,onClick:handleRootClick,onFocus:handleFocus,ref,role:"dialog",zOffset,children:[t14,t15,t16]})),$[54]=animate,$[55]=handleFocus,$[56]=handleRootClick,$[57]=id,$[58]=labelId,$[59]=onActivate,$[60]=padding,$[61]=position,$[62]=ref,$[63]=restProps,$[64]=t15,$[65]=zOffset,$[66]=t17):t17=$[66];let t18;return $[67]!==portalProp||$[68]!==t17?(t18=/* @__PURE__ */jsx(Portal,{__unstable_name:portalProp,children:t17}),$[67]=portalProp,$[68]=t17,$[69]=t18):t18=$[69],t18;});Dialog.displayName="ForwardRef(Dialog)";const MenuButton=forwardRef(function(props,forwardedRef){var _buttonProp$props$sel;const $=dist.c(62),{__unstable_disableRestoreFocusOnClose:t0,boundaryElement:deprecated_boundaryElement,button:buttonProp,id,menu:menuProp,onClose,onOpen,placement:deprecated_placement,popoverScheme:deprecated_popoverScheme,portal:t1,popover,popoverRadius:deprecated_popoverRadius,preventOverflow:deprecated_preventOverflow}=props,disableRestoreFocusOnClose=t0===void 0?!1:t0,deprecated_portal=t1===void 0?!0:t1,[open,setOpen]=useState(!1),[shouldFocus,setShouldFocus]=useState(null),[buttonElement,setButtonElement]=useState(null);let t2;$[0]===Symbol.for("react.memo_cache_sentinel")?(t2=[],$[0]=t2):t2=$[0];const[menuElements,setChildMenuElements]=useState(t2),openRef=useRef$1(open);let t3,t4;$[1]!==onOpen||$[2]!==open?(t3=()=>{onOpen&&open&&!openRef.current&&onOpen();},t4=[onOpen,open],$[1]=onOpen,$[2]=open,$[3]=t3,$[4]=t4):(t3=$[3],t4=$[4]),useEffect$1(t3,t4);let t5,t6;$[5]!==onClose||$[6]!==open?(t5=()=>{onClose&&!open&&openRef.current&&onClose();},t6=[onClose,open],$[5]=onClose,$[6]=open,$[7]=t5,$[8]=t6):(t5=$[7],t6=$[8]),useEffect$1(t5,t6);let t7,t8;$[9]!==open?(t7=()=>{openRef.current=open;},t8=[open],$[9]=open,$[10]=t7,$[11]=t8):(t7=$[10],t8=$[11]),useEffect$1(t7,t8);let t9;$[12]===Symbol.for("react.memo_cache_sentinel")?(t9=()=>{setOpen(_temp$2),setShouldFocus(null);},$[12]=t9):t9=$[12];const handleButtonClick=t9;let t10;$[13]!==open?(t10=event=>{open&&event.preventDefault();},$[13]=open,$[14]=t10):t10=$[14];const handleMouseDown=t10;let t11;$[15]===Symbol.for("react.memo_cache_sentinel")?(t11=event_0=>{if(event_0.key==="ArrowDown"||event_0.key==="Enter"||event_0.key===" "){event_0.preventDefault(),setOpen(!0),setShouldFocus("first");return;}if(event_0.key==="ArrowUp"){event_0.preventDefault(),setOpen(!0),setShouldFocus("last");return;}},$[15]=t11):t11=$[15];const handleButtonKeyDown=t11;let t12;$[16]!==buttonElement||$[17]!==menuElements?(t12=event_1=>{const target=event_1.target;if(target instanceof Node&&!(buttonElement&&(target===buttonElement||buttonElement.contains(target)))){for(const el of menuElements)if(target===el||el.contains(target))return;setOpen(!1);}},$[16]=buttonElement,$[17]=menuElements,$[18]=t12):t12=$[18];const handleMenuClickOutside=t12;let t13;$[19]!==buttonElement||$[20]!==disableRestoreFocusOnClose?(t13=()=>{setOpen(!1),!disableRestoreFocusOnClose&&buttonElement&&buttonElement.focus();},$[19]=buttonElement,$[20]=disableRestoreFocusOnClose,$[21]=t13):t13=$[21];const handleMenuEscape=t13;let t14;$[22]!==menuElements?(t14=event_2=>{const target_0=event_2.relatedTarget;if(target_0 instanceof Node){for(const el_0 of menuElements)if(el_0===target_0||el_0.contains(target_0))return;setOpen(!1);}},$[22]=menuElements,$[23]=t14):t14=$[23];const handleBlur=t14;let t15;$[24]!==buttonElement||$[25]!==disableRestoreFocusOnClose?(t15=()=>{setOpen(!1),!disableRestoreFocusOnClose&&buttonElement&&buttonElement.focus();},$[24]=buttonElement,$[25]=disableRestoreFocusOnClose,$[26]=t15):t15=$[26];const handleItemClick=t15;let t16;$[27]===Symbol.for("react.memo_cache_sentinel")?(t16=el_1=>(setChildMenuElements(els=>els.concat([el_1])),()=>setChildMenuElements(els_0=>els_0.filter(_el=>_el!==el_1))),$[27]=t16):t16=$[27];const registerElement=t16;let t17;$[28]!==buttonElement||$[29]!==handleBlur||$[30]!==handleItemClick||$[31]!==handleMenuClickOutside||$[32]!==handleMenuEscape||$[33]!==id||$[34]!==menuProp||$[35]!==shouldFocus?(t17=menuProp&&cloneElement(menuProp,{"aria-labelledby":id,onBlurCapture:handleBlur,onClickOutside:handleMenuClickOutside,onEscape:handleMenuEscape,onItemClick:handleItemClick,originElement:buttonElement,registerElement,shouldFocus}),$[28]=buttonElement,$[29]=handleBlur,$[30]=handleItemClick,$[31]=handleMenuClickOutside,$[32]=handleMenuEscape,$[33]=id,$[34]=menuProp,$[35]=shouldFocus,$[36]=t17):t17=$[36];const menu=t17;let t18;$[37]!==buttonProp||$[38]!==handleMouseDown||$[39]!==id||$[40]!==open?(t18=buttonProp&&cloneElement(buttonProp,{"data-ui":"MenuButton",id,onClick:handleButtonClick,onKeyDown:handleButtonKeyDown,onMouseDown:handleMouseDown,"aria-haspopup":!0,"aria-expanded":open,ref:setButtonElement,selected:(_buttonProp$props$sel=buttonProp.props.selected)!==null&&_buttonProp$props$sel!==void 0?_buttonProp$props$sel:open}),$[37]=buttonProp,$[38]=handleMouseDown,$[39]=id,$[40]=open,$[41]=t18):t18=$[41];const button=t18;let t19,t20;$[42]!==buttonElement?(t19=()=>buttonElement,t20=[buttonElement],$[42]=buttonElement,$[43]=t19,$[44]=t20):(t19=$[43],t20=$[44]),useImperativeHandle(forwardedRef,t19,t20);let t21;$[45]!==popover?(t21=popover||{},$[45]=popover,$[46]=t21):t21=$[46];let t22;$[47]!==deprecated_boundaryElement||$[48]!==deprecated_placement||$[49]!==deprecated_popoverRadius||$[50]!==deprecated_popoverScheme||$[51]!==deprecated_portal||$[52]!==deprecated_preventOverflow||$[53]!==t21?(t22=_objectSpread({boundaryElement:deprecated_boundaryElement,overflow:"auto",placement:deprecated_placement,portal:deprecated_portal,preventOverflow:deprecated_preventOverflow,radius:deprecated_popoverRadius,scheme:deprecated_popoverScheme},t21),$[47]=deprecated_boundaryElement,$[48]=deprecated_placement,$[49]=deprecated_popoverRadius,$[50]=deprecated_popoverScheme,$[51]=deprecated_portal,$[52]=deprecated_preventOverflow,$[53]=t21,$[54]=t22):t22=$[54];const popoverProps=t22;let t23;$[55]!==button?(t23=button||/* @__PURE__ */jsx(Fragment,{}),$[55]=button,$[56]=t23):t23=$[56];let t24;return $[57]!==menu||$[58]!==open||$[59]!==popoverProps||$[60]!==t23?(t24=/* @__PURE__ */jsx(Popover,_objectSpread(_objectSpread({"data-ui":"MenuButton__popover"},popoverProps),{},{content:menu,open,children:t23})),$[57]=menu,$[58]=open,$[59]=popoverProps,$[60]=t23,$[61]=t24):t24=$[61],t24;});MenuButton.displayName="ForwardRef(MenuButton)";function _temp$2(v){return!v;}const keyframe=keyframes$1(_templateObject78||(_templateObject78=_taggedTemplateLiteral(["\n 0% {\n background-position: 100%;\n }\n 100% {\n background-position: -100%;\n }\n"]))),animation=css(_templateObject79||(_templateObject79=_taggedTemplateLiteral(["\n background-image: linear-gradient(\n to right,\n var(--card-skeleton-color-from),\n var(--card-skeleton-color-to),\n var(--card-skeleton-color-from),\n var(--card-skeleton-color-from),\n var(--card-skeleton-color-from)\n );\n background-position: 100%;\n background-size: 200% 100%;\n background-attachment: fixed;\n animation-name: ",";\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n animation-duration: 2000ms;\n"])),keyframe),skeletonStyle=css(_templateObject80||(_templateObject80=_taggedTemplateLiteral(["\n opacity: ",";\n transition: opacity 200ms ease-in;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n ","\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n background-color: var(--card-skeleton-color-from);\n }\n"])),_ref78=>{let{$visible}=_ref78;return $visible?1:0;},_ref79=>{let{$animated}=_ref79;return $animated?animation:css(_templateObject81||(_templateObject81=_taggedTemplateLiteral(["\n background-color: var(--card-skeleton-color-from);\n "])));}),StyledSkeleton$1=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledSkeleton",componentId:"sc-ebtpni-0"})(responsiveRadiusStyle,skeletonStyle),Skeleton=forwardRef(function(props,ref){var _props36;const $=dist.c(16);let delay,radius,restProps,t0;$[0]!==props?(_props36=props,{animated:t0,delay,radius}=_props36,restProps=_objectWithoutProperties(_props36,_excluded53),_props36,$[0]=props,$[1]=delay,$[2]=radius,$[3]=restProps,$[4]=t0):(delay=$[1],radius=$[2],restProps=$[3],t0=$[4]);const animated=t0===void 0?!1:t0,[visible,setVisible]=useState(!delay);let t1,t2;$[5]!==delay?(t1=()=>{if(!delay)return;const timeout=setTimeout(()=>{setVisible(!0);},delay);return()=>{clearTimeout(timeout);};},t2=[delay],$[5]=delay,$[6]=t1,$[7]=t2):(t1=$[6],t2=$[7]),useEffect$1(t1,t2);let t3;$[8]!==radius?(t3=_getArrayProp(radius),$[8]=radius,$[9]=t3):t3=$[9];const t4=delay?visible:!0;let t5;return $[10]!==animated||$[11]!==ref||$[12]!==restProps||$[13]!==t3||$[14]!==t4?(t5=/* @__PURE__ */jsx(StyledSkeleton$1,_objectSpread(_objectSpread({},restProps),{},{$animated:animated,$radius:t3,$visible:t4,ref})),$[10]=animated,$[11]=ref,$[12]=restProps,$[13]=t3,$[14]=t4,$[15]=t5):t5=$[15],t5;});Skeleton.displayName="ForwardRef(Skeleton)";const StyledSkeleton=/* @__PURE__ */styled(Skeleton).withConfig({displayName:"StyledSkeleton",componentId:"sc-2p7a1v-0"})(props=>{const{$size,$style}=props,{font,media}=getTheme_v2(props.theme),fontStyle=font[$style];return _responsive(media,$size,sizeIndex=>{const fontSize=fontStyle.sizes[sizeIndex];return{height:fontSize.lineHeight-fontSize.ascenderHeight-fontSize.descenderHeight};});}),TextSkeleton=forwardRef(function(props,ref){var _props37;const $=dist.c(9);let restProps,t0;$[0]!==props?(_props37=props,{size:t0}=_props37,restProps=_objectWithoutProperties(_props37,_excluded54),_props37,$[0]=props,$[1]=restProps,$[2]=t0):(restProps=$[1],t0=$[2]);const size=t0===void 0?2:t0;let t1;$[3]!==size?(t1=_getArrayProp(size),$[3]=size,$[4]=t1):t1=$[4];const $size=t1;let t2;return $[5]!==$size||$[6]!==ref||$[7]!==restProps?(t2=/* @__PURE__ */jsx(StyledSkeleton,_objectSpread(_objectSpread({},restProps),{},{$size,ref,$style:"text"})),$[5]=$size,$[6]=ref,$[7]=restProps,$[8]=t2):t2=$[8],t2;});TextSkeleton.displayName="ForwardRef(TextSkeleton)";const LabelSkeleton=forwardRef(function(props,ref){var _props38;const $=dist.c(9);let restProps,t0;$[0]!==props?(_props38=props,{size:t0}=_props38,restProps=_objectWithoutProperties(_props38,_excluded55),_props38,$[0]=props,$[1]=restProps,$[2]=t0):(restProps=$[1],t0=$[2]);const size=t0===void 0?2:t0;let t1;$[3]!==size?(t1=_getArrayProp(size),$[3]=size,$[4]=t1):t1=$[4];const $size=t1;let t2;return $[5]!==$size||$[6]!==ref||$[7]!==restProps?(t2=/* @__PURE__ */jsx(StyledSkeleton,_objectSpread(_objectSpread({},restProps),{},{$size,ref,$style:"label"})),$[5]=$size,$[6]=ref,$[7]=restProps,$[8]=t2):t2=$[8],t2;});LabelSkeleton.displayName="ForwardRef(LabelSkeleton)";const HeadingSkeleton=forwardRef(function(props,ref){var _props39;const $=dist.c(9);let restProps,t0;$[0]!==props?(_props39=props,{size:t0}=_props39,restProps=_objectWithoutProperties(_props39,_excluded56),_props39,$[0]=props,$[1]=restProps,$[2]=t0):(restProps=$[1],t0=$[2]);const size=t0===void 0?2:t0;let t1;$[3]!==size?(t1=_getArrayProp(size),$[3]=size,$[4]=t1):t1=$[4];const $size=t1;let t2;return $[5]!==$size||$[6]!==ref||$[7]!==restProps?(t2=/* @__PURE__ */jsx(StyledSkeleton,_objectSpread(_objectSpread({},restProps),{},{$size,ref,$style:"heading"})),$[5]=$size,$[6]=ref,$[7]=restProps,$[8]=t2):t2=$[8],t2;});HeadingSkeleton.displayName="ForwardRef(HeadingSkeleton)";const CodeSkeleton=forwardRef(function(props,ref){var _props40;const $=dist.c(9);let restProps,t0;$[0]!==props?(_props40=props,{size:t0}=_props40,restProps=_objectWithoutProperties(_props40,_excluded57),_props40,$[0]=props,$[1]=restProps,$[2]=t0):(restProps=$[1],t0=$[2]);const size=t0===void 0?2:t0;let t1;$[3]!==size?(t1=_getArrayProp(size),$[3]=size,$[4]=t1):t1=$[4];const $size=t1;let t2;return $[5]!==$size||$[6]!==ref||$[7]!==restProps?(t2=/* @__PURE__ */jsx(StyledSkeleton,_objectSpread(_objectSpread({},restProps),{},{$size,ref,$style:"code"})),$[5]=$size,$[6]=ref,$[7]=restProps,$[8]=t2):t2=$[8],t2;});CodeSkeleton.displayName="ForwardRef(CodeSkeleton)";const TabPanel=forwardRef(function(props,ref){var _props41;const $=dist.c(9);let flex,restProps;$[0]!==props?(_props41=props,{flex}=_props41,restProps=_objectWithoutProperties(_props41,_excluded58),_props41,$[0]=props,$[1]=flex,$[2]=restProps):(flex=$[1],restProps=$[2]);const t0=props.tabIndex===void 0?0:props.tabIndex;let t1;return $[3]!==flex||$[4]!==props.children||$[5]!==ref||$[6]!==restProps||$[7]!==t0?(t1=/* @__PURE__ */jsx(Box,_objectSpread(_objectSpread({"data-ui":"TabPanel"},restProps),{},{flex,ref,role:"tabpanel",tabIndex:t0,children:props.children})),$[3]=flex,$[4]=props.children,$[5]=ref,$[6]=restProps,$[7]=t0,$[8]=t1):t1=$[8],t1;});TabPanel.displayName="ForwardRef(TabPanel)";const LOADING_BAR_HEIGHT=2;styled(Flex).withConfig({displayName:"TextBox",componentId:"sc-1rr7rxo-0"})(_templateObject82||(_templateObject82=_taggedTemplateLiteral(["overflow-x:auto;"])));const StyledToast=styled(Card).withConfig({displayName:"StyledToast",componentId:"sc-1rr7rxo-1"})(_templateObject83||(_templateObject83=_taggedTemplateLiteral(["pointer-events:all;width:100%;position:relative;overflow:hidden;overflow:clip;&[data-has-duration]{padding-bottom:calc(","px / 2);}"])),LOADING_BAR_HEIGHT),LoadingBar=styled.div.withConfig({displayName:"LoadingBar",componentId:"sc-1rr7rxo-2"})(_templateObject84||(_templateObject84=_taggedTemplateLiteral(["display:flex;position:absolute;bottom:0px;top:0px;left:0px;right:0px;pointer-events:none;z-index:-1;overflow:hidden;overflow:clip;background:transparent;align-items:flex-end;will-change:opacity;"])));styled(Card).withConfig({displayName:"LoadingBarMask",componentId:"sc-1rr7rxo-3"})(_templateObject85||(_templateObject85=_taggedTemplateLiteral(["position:absolute;top:0;left:-","px;right:-","px;bottom:","px;z-index:1;"])),LOADING_BAR_HEIGHT,LOADING_BAR_HEIGHT,LOADING_BAR_HEIGHT);const LoadingBarProgress=styled(Card).withConfig({displayName:"LoadingBarProgress",componentId:"sc-1rr7rxo-4"})(_templateObject86||(_templateObject86=_taggedTemplateLiteral(["display:block;height:100%;width:100%;transform-origin:0% 50%;background-color:",";"])),props=>{const{color}=getTheme_v2(props.theme);return color.button.default[props.tone].enabled.bg;});motion.create(StyledToast);motion.create(Flex);motion.create(Text);motion.create(LoadingBar);motion.create(LoadingBarProgress);createGlobalScopedContext("@sanity/ui/context/toast",null);styled(Grid).withConfig({displayName:"StyledLayer",componentId:"sc-1tbwn58-0"})(_templateObject87||(_templateObject87=_taggedTemplateLiteral(["box-sizing:border-box;position:fixed;right:0;bottom:0;list-style:none;pointer-events:none;max-width:420px;width:100%;"])));function _findPrevItemElement(state,itemElements,focusedElement){const idx=itemElements.indexOf(focusedElement),els=itemElements.slice(0,idx),len=els.length;for(let i=len-1;i>=0;i-=1){const itemKey=els[i].getAttribute("data-tree-key");if(!itemKey)continue;const segments=itemKey.split("/");segments.pop();const p=[];let expanded=!0;for(let j=0;j<segments.length;j+=1){var _state$k;p.push(segments[j]);const k=p.join("/");if(!((_state$k=state[k])!==null&&_state$k!==void 0&&_state$k.expanded)){expanded=!1;break;}}if(expanded)return els[i];}return null;}function _findNextItemElement(state,itemElements,focusedElement){const idx=itemElements.indexOf(focusedElement),els=itemElements.slice(idx),len=itemElements.length;for(let i=1;i<len;i+=1){if(!els[i])continue;const itemKey=els[i].getAttribute("data-tree-key");if(!itemKey)continue;const segments=itemKey.split("/");segments.pop();const p=[];let expanded=!0;for(let j=0;j<segments.length;j+=1){var _state$k2;p.push(segments[j]);const k=p.join("/");if(!((_state$k2=state[k])!==null&&_state$k2!==void 0&&_state$k2.expanded)){expanded=!1;break;}}if(expanded)return els[i];}return null;}function _focusItemElement(el){if(el.getAttribute("role")==="treeitem"&&el.focus(),el.getAttribute("role")==="none"){const firstChild=el.firstChild;firstChild&&firstChild instanceof HTMLElement&&firstChild.focus();}}const TreeContext=createGlobalScopedContext("@sanity/ui/context/tree",null),Tree=forwardRef(function(props,forwardedRef){var _props42;const $=dist.c(37);let children,onFocus,restProps,t0;$[0]!==props?(_props42=props,{children,space:t0,onFocus}=_props42,restProps=_objectWithoutProperties(_props42,_excluded59),_props42,$[0]=props,$[1]=children,$[2]=onFocus,$[3]=restProps,$[4]=t0):(children=$[1],onFocus=$[2],restProps=$[3],t0=$[4]);const space=t0===void 0?1:t0,ref=useRef$1(null),[focusedElement,setFocusedElement]=useState(null),focusedElementRef=useRef$1(focusedElement);let t1;$[5]===Symbol.for("react.memo_cache_sentinel")?(t1=[],$[5]=t1):t1=$[5];const path=t1;let t2;$[6]===Symbol.for("react.memo_cache_sentinel")?(t2=[],$[6]=t2):t2=$[6];const[itemElements,setItemElements]=useState(t2);let t3;$[7]===Symbol.for("react.memo_cache_sentinel")?(t3={},$[7]=t3):t3=$[7];const[state,setState]=useState(t3),stateRef=useRef$1(state);let t4;$[8]===Symbol.for("react.memo_cache_sentinel")?(t4=()=>ref.current,$[8]=t4):t4=$[8],useImperativeHandle(forwardedRef,t4);let t5,t6;$[9]!==focusedElement?(t5=()=>{focusedElementRef.current=focusedElement;},t6=[focusedElement],$[9]=focusedElement,$[10]=t5,$[11]=t6):(t5=$[10],t6=$[11]),useEffect$1(t5,t6);let t7,t8;$[12]!==state?(t7=()=>{stateRef.current=state;},t8=[state],$[12]=state,$[13]=t7,$[14]=t8):(t7=$[13],t8=$[14]),useEffect$1(t7,t8);let t9;$[15]===Symbol.for("react.memo_cache_sentinel")?(t9=(element,path_0,expanded,selected)=>(setState(s=>_objectSpread(_objectSpread({},s),{},{[path_0]:{element,expanded}})),selected&&setFocusedElement(element),()=>{setState(s_0=>{const newState=_objectSpread({},s_0);return delete newState[path_0],newState;});}),$[15]=t9):t9=$[15];const registerItem=t9;let t10;$[16]===Symbol.for("react.memo_cache_sentinel")?(t10=(path_1,expanded_0)=>{setState(s_1=>{const itemState=s_1[path_1];return itemState?_objectSpread(_objectSpread({},s_1),{},{[path_1]:_objectSpread(_objectSpread({},itemState),{},{expanded:expanded_0})}):s_1;});},$[16]=t10):t10=$[16];const setExpanded=t10,t11=focusedElement||itemElements[0]||null;let t12;$[17]!==space||$[18]!==state||$[19]!==t11?(t12={version:0,focusedElement:t11,level:0,path,registerItem,setExpanded,setFocusedElement,space,state},$[17]=space,$[18]=state,$[19]=t11,$[20]=t12):t12=$[20];const contextValue=t12;let t13;$[21]!==itemElements?(t13=event=>{if(focusedElementRef.current){if(event.key==="ArrowDown"){event.preventDefault();const nextEl=_findNextItemElement(stateRef.current,itemElements,focusedElementRef.current);nextEl&&(_focusItemElement(nextEl),setFocusedElement(nextEl));return;}if(event.key==="ArrowUp"){event.preventDefault();const prevEl=_findPrevItemElement(stateRef.current,itemElements,focusedElementRef.current);prevEl&&(_focusItemElement(prevEl),setFocusedElement(prevEl));return;}if(event.key==="ArrowLeft"){event.preventDefault();const itemKey=focusedElementRef.current.getAttribute("data-tree-key");if(!itemKey)return;const itemState_0=stateRef.current[itemKey];if(!itemState_0)return;if(itemState_0.expanded)setState(s_2=>{const itemState_1=s_2[itemKey];return itemState_1?_objectSpread(_objectSpread({},s_2),{},{[itemKey]:_objectSpread(_objectSpread({},itemState_1),{},{expanded:!1})}):s_2;});else{const itemPath=itemKey.split("/");itemPath.pop();const parentKey=itemPath.join("/"),parentState=parentKey&&stateRef.current[parentKey];parentState&&(parentState.element.focus(),setFocusedElement(parentState.element));}return;}if(event.key==="ArrowRight"){var _stateRef$current$foc;event.preventDefault();const focusedKey=focusedElementRef.current.getAttribute("data-tree-key");if(!focusedKey)return;((_stateRef$current$foc=stateRef.current[focusedKey])===null||_stateRef$current$foc===void 0?void 0:_stateRef$current$foc.expanded)||setState(s_3=>{const itemState_2=s_3[focusedKey];return itemState_2?_objectSpread(_objectSpread({},s_3),{},{[focusedKey]:_objectSpread(_objectSpread({},itemState_2),{},{expanded:!0})}):s_3;});return;}}},$[21]=itemElements,$[22]=t13):t13=$[22];const handleKeyDown=t13;let t14;$[23]!==onFocus?(t14=event_0=>{var _onFocus3;setFocusedElement(event_0.target),(_onFocus3=onFocus)===null||_onFocus3===void 0?void 0:_onFocus3(event_0);},$[23]=onFocus,$[24]=t14):t14=$[24];const handleFocus=t14;let t15;$[25]===Symbol.for("react.memo_cache_sentinel")?(t15=()=>{if(!ref.current)return;const _itemElements=Array.from(ref.current.querySelectorAll('[data-ui="TreeItem"]'));setItemElements(_itemElements);},$[25]=t15):t15=$[25];let t16;$[26]!==children?(t16=[children],$[26]=children,$[27]=t16):t16=$[27],useEffect$1(t15,t16);let t17;$[28]!==children||$[29]!==handleFocus||$[30]!==handleKeyDown||$[31]!==restProps||$[32]!==space?(t17=/* @__PURE__ */jsx(Stack,_objectSpread(_objectSpread({as:"ul","data-ui":"Tree"},restProps),{},{onFocus:handleFocus,onKeyDown:handleKeyDown,ref,role:"tree",space,children})),$[28]=children,$[29]=handleFocus,$[30]=handleKeyDown,$[31]=restProps,$[32]=space,$[33]=t17):t17=$[33];let t18;return $[34]!==contextValue||$[35]!==t17?(t18=/* @__PURE__ */jsx(TreeContext.Provider,{value:contextValue,children:t17}),$[34]=contextValue,$[35]=t17,$[36]=t18):t18=$[36],t18;});Tree.displayName="ForwardRef(Tree)";styled(Text).withConfig({displayName:"ToggleArrowText",componentId:"sc-iiskig-2"})(_templateObject88||(_templateObject88=_taggedTemplateLiteral(["& > svg{transition:transform 100ms;}"])));const listenOptions={includeResult:false,includePreviousRevision:false,visibility:"query",events:["welcome","mutation","reconnect"]};function useClient(){return useClient$1({apiVersion:"2023-02-01"});}const isSchemaMulti=type=>{return type.jsonType!=="object";};const isSchemaReference=type=>{return"to"in type||"of"in type&&type.of[0]&&"to"in type.of[0];};const filterUniqueTags=function(){let tags=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];return tags.flat(Infinity).filter((firstTag,index)=>{const firstTagStringified=JSON.stringify({label:firstTag.label,value:firstTag.value});return index===tags.flat(Infinity).findIndex(secondTag=>{return JSON.stringify({label:secondTag.label,value:secondTag.value})===firstTagStringified;});});};const get=(object,path,defaultValue)=>{if(!object)return defaultValue;let props=false;let prop;if(Array.isArray(path))props=path.slice(0);if(typeof path==="string")props=path.split(".");if(!Array.isArray(props))throw new Error("path must be an array or a string");let obj=object;while(props.length){prop=props.shift();if(!prop)return defaultValue;if(!obj)return defaultValue;if(obj===null||typeof obj!=="object"||Array.isArray(obj))return defaultValue;if(!(prop in obj))return defaultValue;obj=obj[prop];}return obj;};function prototypeCheck(prop){if(prop==="__proto__"||prop==="constructor"||prop==="prototype")return false;return true;}const setAtPath=(object,path,value)=>{let props=false;if(Array.isArray(path))props=path.slice(0);if(typeof path==="string")props=path.split(".");if(!Array.isArray(props))throw new Error("path must be an array or a string");const lastProp=props.pop();if(!lastProp)return false;if(!prototypeCheck(lastProp))throw new Error("setting of prototype values not supported");let thisProp;let obj=object;while(thisProp=props.shift()){if(!prototypeCheck(thisProp))throw new Error("setting of prototype values not supported");if(!thisProp)return false;if(!(thisProp in obj))obj[thisProp]={};obj=obj[thisProp];if(!obj||typeof obj!=="object")return false;}obj[lastProp]=value;return true;};function isPlainObject(value){return typeof value==="object"&&value!==null&&value.constructor===Object&&Object.prototype.toString.call(value)==="[object Object]";}var __defProp$2=Object.defineProperty;var __getOwnPropSymbols$2=Object.getOwnPropertySymbols;var __hasOwnProp$2=Object.prototype.hasOwnProperty;var __propIsEnum$2=Object.prototype.propertyIsEnumerable;var __defNormalProp$2=(obj,key,value)=>key in obj?__defProp$2(obj,key,{enumerable:true,configurable:true,writable:true,value}):obj[key]=value;var __spreadValues$2=(a,b)=>{for(var prop in b||(b={}))if(__hasOwnProp$2.call(b,prop))__defNormalProp$2(a,prop,b[prop]);if(__getOwnPropSymbols$2)for(var prop of __getOwnPropSymbols$2(b)){if(__propIsEnum$2.call(b,prop))__defNormalProp$2(a,prop,b[prop]);}return a;};const useLoading=_ref80=>{let{initialLoadingOptions={},initialState=true}=_ref80;const[loadingOptions,setLoadingOptions]=React__default.useState(initialLoadingOptions);const[isLoading,setIsLoading]=React__default.useState(initialState);React__default.useEffect(()=>{let loaded=false;if(Object.keys(loadingOptions).length){for(const option in loadingOptions){if(loadingOptions[option])loaded=true;}}setIsLoading(loaded);},[loadingOptions]);const setLoadOption=React__default.useCallback(properties=>{setLoadingOptions(oldValue=>{return __spreadValues$2(__spreadValues$2({},oldValue),properties);});},[]);return[isLoading,loadingOptions,setLoadOption];};const useOptions=_ref81=>{let{initialState=[]}=_ref81;const[options,setOptions]=React__default.useState(initialState);const[groupOptions,setGroupOptions]=React__default.useState({});React__default.useEffect(()=>{const opts=[];for(const group in groupOptions){if(Array.isArray(groupOptions[group]))opts.push(...groupOptions[group]);}setOptions(filterUniqueTags(opts));},[groupOptions]);const setTagOption=React__default.useCallback(properties=>{setGroupOptions(oldValue=>__spreadValues$2(__spreadValues$2({},oldValue),properties));},[]);return[options,groupOptions,setTagOption];};var __defProp$1=Object.defineProperty;var __defProps$1=Object.defineProperties;var __getOwnPropDescs$1=Object.getOwnPropertyDescriptors;var __getOwnPropSymbols$1=Object.getOwnPropertySymbols;var __hasOwnProp$1=Object.prototype.hasOwnProperty;var __propIsEnum$1=Object.prototype.propertyIsEnumerable;var __defNormalProp$1=(obj,key,value)=>key in obj?__defProp$1(obj,key,{enumerable:true,configurable:true,writable:true,value}):obj[key]=value;var __spreadValues$1=(a,b)=>{for(var prop in b||(b={}))if(__hasOwnProp$1.call(b,prop))__defNormalProp$1(a,prop,b[prop]);if(__getOwnPropSymbols$1)for(var prop of __getOwnPropSymbols$1(b)){if(__propIsEnum$1.call(b,prop))__defNormalProp$1(a,prop,b[prop]);}return a;};var __spreadProps$1=(a,b)=>__defProps$1(a,__getOwnPropDescs$1(b));const prepareTag=_ref82=>{let{customLabel="label",customValue="value"}=_ref82;return tag=>{const tempTag=__spreadProps$1(__spreadValues$1({},tag),{_type:"tag",_key:tag.value,_labelTemp:tag.label,_valueTemp:tag.value,label:get(tag,customLabel),value:get(tag,customValue)});return tempTag;};};function revertTag(_ref83){let{customLabel="label",customValue="value",isReference}=_ref83;return tag=>{if(isReference===true){const tempTag2={_ref:tag._id,_type:"reference"};return tempTag2;}const tempTag=__spreadProps$1(__spreadValues$1({},tag),{label:tag._labelTemp,value:tag._valueTemp});setAtPath(tempTag,customLabel,tag.label);setAtPath(tempTag,customValue,tag.value);delete tempTag._labelTemp;delete tempTag._valueTemp;if(tempTag.label===void 0)delete tempTag.label;if(tempTag.value===void 0)delete tempTag.value;return tempTag;};}const prepareTags=async _ref84=>{let{client,tags,customLabel="label",customValue="value"}=_ref84;const prepare=prepareTag({customLabel,customValue});if(tags===void 0||tags===null)return void 0;if(Array.isArray(tags)&&!tags.length)return[];if(Array.isArray(tags)&&tags.length&&!isPlainObject(tags[0])){const normalized=tags.map(tag=>{const value=String(tag);const tempTag={label:value,value};setAtPath(tempTag,customLabel,value);setAtPath(tempTag,customValue,value);return tempTag;});return normalized.map(prepare);}if(Array.isArray(tags)&&isPlainObject(tags[0])&&"_ref"in tags[0]&&"_type"in tags[0]){return(await client.fetch("*[_id in $refs]",{refs:tags.map(tag=>tag._ref)})).map(prepare);}if(Array.isArray(tags))return tags.map(prepare);if(!isPlainObject(tags)){const value=String(tags);const tempTag={label:value,value};setAtPath(tempTag,customLabel,value);setAtPath(tempTag,customValue,value);return prepare(tempTag);}if(isPlainObject(tags)&&"_ref"in tags&&"_type"in tags)return prepare(await client.fetch("*[_id == $ref][0]",{ref:tags._ref}));return prepare(tags);};const prepareTagsAsList=async preparedTagsOptions=>{const preparedTags=await prepareTags(preparedTagsOptions);if(preparedTags===void 0)return[];if(!Array.isArray(preparedTags))return[preparedTags];return preparedTags;};function revertTags(_ref85){let{tags,customLabel="label",customValue="value",isMulti,isReference}=_ref85;const revert=revertTag({customLabel,customValue,isReference});if(tags===void 0)return void 0;if(isMulti){const tagsArray=Array.isArray(tags)?tags:[tags];return tagsArray.map(revert);}const tag=Array.isArray(tags)?tags[0]:tags;return revert(tag);}const refineTagsPipe=_ref86=>{let{client,customLabel="label",customValue="value"}=_ref86;return pipe$1(map(val=>Array.isArray(val)?val.flat(Infinity):val),switchMap(val=>prepareTagsAsList({client,tags:val,customLabel,customValue})),map(val=>filterUniqueTags(val)));};const getGeneralObservable=_ref87=>{let{client,query,params,customLabel="label",customValue="value"}=_ref87;return client.listen(query,params,listenOptions).pipe(switchMap(()=>client.fetch(query,params)),refineTagsPipe({client,customLabel,customValue}));};function getSelectedTags(_ref88){let{client,tags,isMulti,customLabel="label",customValue="value"}=_ref88;const tagFunction=async()=>tags;return defer(()=>from(tagFunction())).pipe(refineTagsPipe({client,customLabel,customValue}),map(val=>isMulti?val:val[0]));}const predefinedTagWrapper=async predefinedTags=>{const tags=await predefinedTags();if(!Array.isArray(tags))return[tags];return tags;};const getPredefinedTags=_ref89=>{let{client,predefinedTags,customLabel="label",customValue="value"}=_ref89;const tagFunction=predefinedTags instanceof Function?predefinedTags:async()=>predefinedTags;return defer(()=>from(predefinedTagWrapper(tagFunction)).pipe(refineTagsPipe({client,customLabel,customValue})));};const getTagsFromReference=_ref90=>{let{client,document,customLabel="label",customValue="value"}=_ref90;const query='\n *[ _type == $document && defined(@[$customLabel]) && defined(@[$customValue])] {\n _id,\n "value": coalesce(@[$customValue].current,@[$customValue]),\n "label": @[$customLabel]\n }\n ';const params={document,customLabel:customLabel.split(".")[0],customValue:customValue.split(".")[0]};return getGeneralObservable({client,query,params,customLabel,customValue});};const getTagsFromRelated=_ref91=>{let{client,documentType,field,isMulti,customLabel="label",customValue="value"}=_ref91;const query="\n *[\n _type == $documentType &&\n defined(@[$field]) &&\n defined(@[$field][]) == $isMulti &&\n (\n (!$isMulti && defined(@[$field]->[$customLabel]) && defined(@[$field]->[$customValue])) ||\n (!$isMulti && defined(@[$field][$customLabel]) && defined(@[$field][$customValue])) ||\n ($isMulti && defined(@[$field][]->[$customLabel]) && defined(@[$field][]->[$customValue])) ||\n ($isMulti && defined(@[$field][][$customLabel]) && defined(@[$field][][$customValue]))\n )\n ][$field]\n ";const params={documentType,field,isMulti,customLabel:customLabel.split(".")[0],customValue:customValue.split(".")[0]};return getGeneralObservable({client,query,params,customLabel,customValue});};const ReferenceCreateWarning=()=>/* @__PURE__ */jsxs(Card,{padding:[3,3,4],marginBottom:[3,3,4],radius:2,shadow:1,tone:"caution",children:["Tag References cannot be created inline. Please set the ",/* @__PURE__ */jsx("code",{children:"allowCreate"})," option explicitly to ",/* @__PURE__ */jsx("code",{children:"false"})," to remove this warning message."]});const ReferencePredefinedWarning=()=>/* @__PURE__ */jsxs(Card,{padding:[3,3,4],marginBottom:[3,3,4],radius:2,shadow:1,tone:"caution",children:["Tag References cannot have predefined tags. Please unset the ",/* @__PURE__ */jsx("code",{children:"predefinedTags"})," option to remove this warning message."]});function styleInject(css,ref){if(ref===void 0)ref={};var insertAt=ref.insertAt;if(!css||typeof document==='undefined'){return;}var head=document.head||document.getElementsByTagName('head')[0];var style=document.createElement('style');style.type='text/css';if(insertAt==='top'){if(head.firstChild){head.insertBefore(style,head.firstChild);}else{head.appendChild(style);}}else{head.appendChild(style);}if(style.styleSheet){style.styleSheet.cssText=css;}else{style.appendChild(document.createTextNode(css));}}var css_248z=".TagsInput-module_control__Om-kz {\n background-color: var(--card-bg-color) !important;\n border-color: var(--card-border-color) !important;\n transition: none !important;\n}\n\n.TagsInput-module_input__fdTrV {\n color: var(--input-fg-color) !important;\n}\n\n.TagsInput-module_control__Om-kz:hover {\n border-color: var(--card-border-color) !important;\n}\n\n.TagsInput-module_menu__l2H-i {\n background-color: var(--card-bg-color) !important;\n border: 1px solid var(--card-border-color) !important;\n}\n\n.TagsInput-module_option__cqS2H {\n background-color: var(--card-bg-color) !important;\n color: var(--input-fg-color) !important;\n}\n\n.TagsInput-module_option__cqS2H:hover {\n background-color: var(--card-border-color) !important;\n}\n\n.TagsInput-module_indicatorSeparator__koEIb {\n background-color: var(--card-border-color) !important;\n}\n\n.TagsInput-module_placeholder__ZjU5A,\n.TagsInput-module_singleValue__bIhOY {\n color: var(--input-fg-color) !important;\n}\n\n.TagsInput-module_multiValue__zq4m6 {\n background-color: var(--card-border-color) !important;\n}\n\n.TagsInput-module_multiValueLabel__R9vFQ {\n color: var(--card-fg-color) !important;\n}\n\n.TagsInput-module_multiValueRemove__2zX5H {\n color: var(--card-fg-color) !important;\n}\n\n.TagsInput-module_multiValueRemove__2zX5H:hover {\n color: #de350b !important;\n}\n";var styles={"control":"TagsInput-module_control__Om-kz","input":"TagsInput-module_input__fdTrV","menu":"TagsInput-module_menu__l2H-i","option":"TagsInput-module_option__cqS2H","indicatorSeparator":"TagsInput-module_indicatorSeparator__koEIb","placeholder":"TagsInput-module_placeholder__ZjU5A","singleValue":"TagsInput-module_singleValue__bIhOY","multiValue":"TagsInput-module_multiValue__zq4m6","multiValueLabel":"TagsInput-module_multiValueLabel__R9vFQ","multiValueRemove":"TagsInput-module_multiValueRemove__2zX5H"};styleInject(css_248z);var __defProp=Object.defineProperty;var __defProps=Object.defineProperties;var __getOwnPropDescs=Object.getOwnPropertyDescriptors;var __getOwnPropSymbols=Object.getOwnPropertySymbols;var __hasOwnProp=Object.prototype.hasOwnProperty;var __propIsEnum=Object.prototype.propertyIsEnumerable;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:true,configurable:true,writable:true,value}):obj[key]=value;var __spreadValues=(a,b)=>{for(var prop in b||(b={}))if(__hasOwnProp.call(b,prop))__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b)){if(__propIsEnum.call(b,prop))__defNormalProp(a,prop,b[prop]);}return a;};var __spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));const TagsInput=forwardRef((props,ref)=>{const client=useClient();const documentType=useFormValue(["_type"]);const[selected,setSelected]=React__default.useState(void 0);const[isLoading,,setLoadOption]=useLoading({});const[options,,setTagOption]=useOptions({});const prefersDark=usePrefersDark();const{schemaType,// Schema information
2350
+ "--card-bg2-color":color.muted.bg,"--card-link-color":color.link.fg,"--card-hairline-soft-color":color.border,"--card-hairline-hard-color":color.border};}function buttonBaseStyles(props){const{$width}=props,{style}=getTheme_v2(props.theme);return css(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n ",";\n\n -webkit-font-smoothing: inherit;\n appearance: none;\n display: inline-flex;\n align-items: center;\n font: inherit;\n border: 0;\n outline: none;\n user-select: none;\n text-decoration: none;\n border: 0;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n white-space: nowrap;\n text-align: left;\n position: relative;\n vertical-align: top;\n\n ","\n\n & > span {\n display: block;\n flex: 1;\n min-width: 0;\n border-radius: inherit;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n "])),style===null||style===void 0?void 0:style.button,$width==="fill"&&css(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n width: -moz-available;\n width: -webkit-fill-available;\n width: stretch;\n "]))));}function combineBoxShadow(){for(var _len7=arguments.length,boxShadows=new Array(_len7),_key7=0;_key7<_len7;_key7++){boxShadows[_key7]=arguments[_key7];}return boxShadows.filter(Boolean).join(",");}function buttonColorStyles(props){var _style$button;const{$mode}=props,{button,color:baseColor,style}=getTheme_v2(props.theme),shadow=props.$mode==="ghost",mode=baseColor.button[$mode]||baseColor.button.default,color=mode[props.$tone]||mode.default,border2={width:button.border.width,color:"var(--card-border-color)"},defaultBoxShadow=void 0;return[_cardColorStyle(baseColor,color.enabled),{backgroundColor:"var(--card-bg-color)",color:"var(--card-fg-color)",boxShadow:focusRingBorderStyle(border2),'&:disabled, &[data-disabled="true"]':_cardColorStyle(baseColor,color.disabled),"&:not([data-disabled='true'])":{boxShadow:combineBoxShadow(focusRingBorderStyle(border2),shadow?defaultBoxShadow:void 0),"&:focus":{boxShadow:focusRingStyle({base:baseColor,border:{width:2,color:baseColor.bg},focusRing:button.focusRing})},"&:focus:not(:focus-visible)":{boxShadow:combineBoxShadow(focusRingBorderStyle(border2),shadow?defaultBoxShadow:void 0)},"@media (hover: hover)":{"&:hover":_cardColorStyle(baseColor,color.hovered),"&:active":_cardColorStyle(baseColor,color.pressed),"&[data-hovered]":_cardColorStyle(baseColor,color.hovered)},"&[data-selected]":_cardColorStyle(baseColor,color.pressed)}},style===null||style===void 0||(_style$button=style.button)===null||_style$button===void 0?void 0:_style$button.root].filter(Boolean);}const StyledButton=/* @__PURE__ */styled.button.withConfig({displayName:"StyledButton",componentId:"sc-aaekt4-0"})(responsiveRadiusStyle,buttonBaseStyles,buttonColorStyles),LoadingBox=styled.div.withConfig({displayName:"LoadingBox",componentId:"sc-aaekt4-1"})(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:var(--card-bg-color);border-radius:inherit;z-index:1;box-shadow:inherit;"]))),Button=forwardRef(function(props,ref){var _props8;const $=dist.c(86);let IconComponent,IconRightComponent,children,disabled,loading,paddingBottomProp,paddingLeftProp,paddingRightProp,paddingTopProp,paddingXProp,paddingYProp,restProps,selected,t0,t1,t2,t3,t4,t5,t6,t7,t8,text,textAlign,textWeight,width;$[0]!==props?(_props8=props,{children,disabled,fontSize:t0,icon:IconComponent,iconRight:IconRightComponent,justify:t1,loading,mode:t2,padding:t3,paddingX:paddingXProp,paddingY:paddingYProp,paddingTop:paddingTopProp,paddingBottom:paddingBottomProp,paddingLeft:paddingLeftProp,paddingRight:paddingRightProp,radius:t4,selected,space:t5,text,textAlign,textWeight,tone:t6,type:t7,muted:t8,width}=_props8,restProps=_objectWithoutProperties(_props8,_excluded23),_props8,$[0]=props,$[1]=IconComponent,$[2]=IconRightComponent,$[3]=children,$[4]=disabled,$[5]=loading,$[6]=paddingBottomProp,$[7]=paddingLeftProp,$[8]=paddingRightProp,$[9]=paddingTopProp,$[10]=paddingXProp,$[11]=paddingYProp,$[12]=restProps,$[13]=selected,$[14]=t0,$[15]=t1,$[16]=t2,$[17]=t3,$[18]=t4,$[19]=t5,$[20]=t6,$[21]=t7,$[22]=t8,$[23]=text,$[24]=textAlign,$[25]=textWeight,$[26]=width):(IconComponent=$[1],IconRightComponent=$[2],children=$[3],disabled=$[4],loading=$[5],paddingBottomProp=$[6],paddingLeftProp=$[7],paddingRightProp=$[8],paddingTopProp=$[9],paddingXProp=$[10],paddingYProp=$[11],restProps=$[12],selected=$[13],t0=$[14],t1=$[15],t2=$[16],t3=$[17],t4=$[18],t5=$[19],t6=$[20],t7=$[21],t8=$[22],text=$[23],textAlign=$[24],textWeight=$[25],width=$[26]);const fontSize2=t0===void 0?1:t0,justifyProp=t1===void 0?"center":t1,mode=t2===void 0?"default":t2,paddingProp=t3===void 0?3:t3,radiusProp=t4===void 0?2:t4,spaceProp=t5===void 0?3:t5,tone=t6===void 0?"default":t6,type=t7===void 0?"button":t7,muted=t8===void 0?!1:t8,{button}=useTheme_v2();let t9;$[27]!==justifyProp?(t9=_getArrayProp(justifyProp),$[27]=justifyProp,$[28]=t9):t9=$[28];const justify=t9;let t10;$[29]!==paddingProp?(t10=_getArrayProp(paddingProp),$[29]=paddingProp,$[30]=t10):t10=$[30];const padding=t10;let t11;$[31]!==paddingXProp?(t11=_getArrayProp(paddingXProp),$[31]=paddingXProp,$[32]=t11):t11=$[32];const paddingX=t11;let t12;$[33]!==paddingYProp?(t12=_getArrayProp(paddingYProp),$[33]=paddingYProp,$[34]=t12):t12=$[34];const paddingY=t12;let t13;$[35]!==paddingTopProp?(t13=_getArrayProp(paddingTopProp),$[35]=paddingTopProp,$[36]=t13):t13=$[36];const paddingTop=t13;let t14;$[37]!==paddingBottomProp?(t14=_getArrayProp(paddingBottomProp),$[37]=paddingBottomProp,$[38]=t14):t14=$[38];const paddingBottom=t14;let t15;$[39]!==paddingLeftProp?(t15=_getArrayProp(paddingLeftProp),$[39]=paddingLeftProp,$[40]=t15):t15=$[40];const paddingLeft=t15;let t16;$[41]!==paddingRightProp?(t16=_getArrayProp(paddingRightProp),$[41]=paddingRightProp,$[42]=t16):t16=$[42];const paddingRight=t16;let t17;$[43]!==radiusProp?(t17=_getArrayProp(radiusProp),$[43]=radiusProp,$[44]=t17):t17=$[44];const radius=t17;let t18;$[45]!==spaceProp?(t18=_getArrayProp(spaceProp),$[45]=spaceProp,$[46]=t18):t18=$[46];const space=t18;let t19;$[47]!==padding||$[48]!==paddingBottom||$[49]!==paddingLeft||$[50]!==paddingRight||$[51]!==paddingTop||$[52]!==paddingX||$[53]!==paddingY?(t19={padding,paddingX,paddingY,paddingTop,paddingBottom,paddingLeft,paddingRight},$[47]=padding,$[48]=paddingBottom,$[49]=paddingLeft,$[50]=paddingRight,$[51]=paddingTop,$[52]=paddingX,$[53]=paddingY,$[54]=t19):t19=$[54];const boxProps=t19,t20=!!(loading||disabled),t21=selected?"":void 0,t22=!!(loading||disabled);let t23;$[55]!==loading?(t23=!!loading&&/* @__PURE__ */jsx(LoadingBox,{children:/* @__PURE__ */jsx(Spinner,{})}),$[55]=loading,$[56]=t23):t23=$[56];let t24;$[57]!==IconComponent||$[58]!==IconRightComponent||$[59]!==boxProps||$[60]!==button||$[61]!==fontSize2||$[62]!==justify||$[63]!==muted||$[64]!==space||$[65]!==text||$[66]!==textAlign||$[67]!==textWeight?(t24=(IconComponent||text||IconRightComponent)&&/* @__PURE__ */jsx(Box,_objectSpread(_objectSpread({as:"span"},boxProps),{},{children:/* @__PURE__ */jsxs(Flex,{as:"span",justify,gap:space,children:[IconComponent&&/* @__PURE__ */jsxs(Text,{size:fontSize2,children:[isValidElement$1(IconComponent)&&IconComponent,reactIsExports.isValidElementType(IconComponent)&&/* @__PURE__ */jsx(IconComponent,{})]}),text&&/* @__PURE__ */jsx(Box,{children:/* @__PURE__ */jsx(Text,{muted,align:textAlign,size:fontSize2,textOverflow:"ellipsis",weight:textWeight!==null&&textWeight!==void 0?textWeight:button.textWeight,children:text})}),IconRightComponent&&/* @__PURE__ */jsxs(Text,{size:fontSize2,children:[isValidElement$1(IconRightComponent)&&IconRightComponent,reactIsExports.isValidElementType(IconRightComponent)&&/* @__PURE__ */jsx(IconRightComponent,{})]})]})})),$[57]=IconComponent,$[58]=IconRightComponent,$[59]=boxProps,$[60]=button,$[61]=fontSize2,$[62]=justify,$[63]=muted,$[64]=space,$[65]=text,$[66]=textAlign,$[67]=textWeight,$[68]=t24):t24=$[68];let t25;$[69]!==boxProps||$[70]!==children?(t25=children&&/* @__PURE__ */jsx(Box,_objectSpread(_objectSpread({as:"span"},boxProps),{},{children})),$[69]=boxProps,$[70]=children,$[71]=t25):t25=$[71];let t26;return $[72]!==mode||$[73]!==radius||$[74]!==ref||$[75]!==restProps||$[76]!==t20||$[77]!==t21||$[78]!==t22||$[79]!==t23||$[80]!==t24||$[81]!==t25||$[82]!==tone||$[83]!==type||$[84]!==width?(t26=/* @__PURE__ */jsxs(StyledButton,_objectSpread(_objectSpread({"data-ui":"Button"},restProps),{},{$mode:mode,$radius:radius,$tone:tone,"data-disabled":t20,"data-selected":t21,disabled:t22,ref,type,$width:width,children:[t23,t24,t25]})),$[72]=mode,$[73]=radius,$[74]=ref,$[75]=restProps,$[76]=t20,$[77]=t21,$[78]=t22,$[79]=t23,$[80]=t24,$[81]=t25,$[82]=tone,$[83]=type,$[84]=width,$[85]=t26):t26=$[85],t26;});Button.displayName="ForwardRef(Button)";function cardStyle(props){return[cardBaseStyle(props),cardColorStyle(props)];}function cardBaseStyle(props){const{$checkered}=props,{space}=getTheme_v2(props.theme);return css(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n ","\n\n &[data-as='button'] {\n -webkit-font-smoothing: inherit;\n appearance: none;\n outline: none;\n font: inherit;\n text-align: inherit;\n border: 0;\n width: -moz-available;\n width: -webkit-fill-available;\n width: stretch;\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n outline: none;\n text-decoration: none;\n }\n\n /* &:is(pre) */\n &[data-as='pre'] {\n font: inherit;\n }\n "])),$checkered&&css(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n background-size: ","px ","px;\n background-position: 50% 50%;\n background-image: var(--card-bg-image);\n "])),space[3],space[3]));}function cardColorStyle(props){var _style$card;const{$checkered,$focusRing,$muted}=props,{card,color,style}=getTheme_v2(props.theme),border2={width:card.border.width,color:"var(--card-border-color)"};return css(_templateObject18||(_templateObject18=_taggedTemplateLiteral(["\n color-scheme: ",";\n\n ","\n\n background-color: ",";\n color: var(--card-fg-color);\n\n /* &:is(button) */\n &[data-as='button'] {\n --card-focus-ring-box-shadow: none;\n\n cursor: default;\n box-shadow: var(--card-focus-ring-box-shadow);\n\n &:disabled {\n ","\n }\n\n &:not(:disabled) {\n &[data-pressed] {\n ","\n }\n\n &[data-selected] {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-pressed]):not([data-selected]) {\n &[data-hovered],\n &:hover {\n ","\n }\n\n &:active {\n ","\n }\n }\n }\n\n &:focus-visible {\n --card-focus-ring-box-shadow: ",";\n }\n }\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n cursor: pointer;\n box-shadow: var(--card-focus-ring-box-shadow);\n\n &[data-disabled] {\n ","\n }\n\n &:not([data-disabled]) {\n &[data-pressed] {\n ","\n }\n\n &[data-selected] {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-pressed]):not([data-selected]) {\n &[data-hovered],\n &:hover {\n ","\n }\n\n &:active {\n ","\n }\n }\n }\n\n &:focus-visible {\n --card-focus-ring-box-shadow: ",";\n }\n }\n }\n\n ","\n "])),color._dark?"dark":"light",_cardColorStyle(color,color,$checkered),$muted?"var(--card-muted-bg-color)":"var(--card-bg-color)",_cardColorStyle(color,color.selectable.default.disabled,$checkered),_cardColorStyle(color,color.selectable.default.pressed,$checkered),_cardColorStyle(color,color.selectable.default.selected,$checkered),_cardColorStyle(color,color.selectable.default.hovered,$checkered),_cardColorStyle(color,color.selectable.default.pressed,$checkered),$focusRing?focusRingStyle({base:color,border:border2,focusRing:card.focusRing}):void 0,_cardColorStyle(color,color.selectable.default.disabled,$checkered),_cardColorStyle(color,color.selectable.default.pressed,$checkered),_cardColorStyle(color,color.selectable.default.selected,$checkered),_cardColorStyle(color,color.selectable.default.hovered,$checkered),_cardColorStyle(color,color.selectable.default.pressed,$checkered),$focusRing?focusRingStyle({base:color,border:border2,focusRing:card.focusRing}):void 0,style===null||style===void 0||(_style$card=style.card)===null||_style$card===void 0?void 0:_style$card.root);}const StyledCard=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledCard",componentId:"sc-osnro2-0"})(responsiveBorderStyle,responsiveRadiusStyle,responsiveShadowStyle,cardStyle),Card=forwardRef(function(props,ref){var _props9;const $=dist.c(56);let asProp,border2,borderBottom2,borderLeft2,borderRight2,borderTop2,muted,pressed,restProps,scheme,selected,shadow,t0,t1,t2,t3;$[0]!==props?(_props9=props,{__unstable_checkered:t0,__unstable_focusRing:t1,as:asProp,border:border2,borderTop:borderTop2,borderRight:borderRight2,borderBottom:borderBottom2,borderLeft:borderLeft2,muted,pressed,radius:t2,scheme,selected,shadow,tone:t3}=_props9,restProps=_objectWithoutProperties(_props9,_excluded24),_props9,$[0]=props,$[1]=asProp,$[2]=border2,$[3]=borderBottom2,$[4]=borderLeft2,$[5]=borderRight2,$[6]=borderTop2,$[7]=muted,$[8]=pressed,$[9]=restProps,$[10]=scheme,$[11]=selected,$[12]=shadow,$[13]=t0,$[14]=t1,$[15]=t2,$[16]=t3):(asProp=$[1],border2=$[2],borderBottom2=$[3],borderLeft2=$[4],borderRight2=$[5],borderTop2=$[6],muted=$[7],pressed=$[8],restProps=$[9],scheme=$[10],selected=$[11],shadow=$[12],t0=$[13],t1=$[14],t2=$[15],t3=$[16]);const checkered=t0===void 0?!1:t0,focusRing=t1===void 0?!1:t1,radius=t2===void 0?0:t2,toneProp=t3===void 0?"default":t3,as=reactIsExports.isValidElementType(asProp)?asProp:"div",rootTheme=useRootTheme(),tone=toneProp==="inherit"?rootTheme.tone:toneProp,t4=typeof as=="string"?as:void 0,t5=rootTheme.scheme;let t6;$[17]!==border2?(t6=_getArrayProp(border2),$[17]=border2,$[18]=t6):t6=$[18];let t7;$[19]!==borderTop2?(t7=_getArrayProp(borderTop2),$[19]=borderTop2,$[20]=t7):t7=$[20];let t8;$[21]!==borderRight2?(t8=_getArrayProp(borderRight2),$[21]=borderRight2,$[22]=t8):t8=$[22];let t9;$[23]!==borderBottom2?(t9=_getArrayProp(borderBottom2),$[23]=borderBottom2,$[24]=t9):t9=$[24];let t10;$[25]!==borderLeft2?(t10=_getArrayProp(borderLeft2),$[25]=borderLeft2,$[26]=t10):t10=$[26];let t11;$[27]!==radius?(t11=_getArrayProp(radius),$[27]=radius,$[28]=t11):t11=$[28];let t12;$[29]!==shadow?(t12=_getArrayProp(shadow),$[29]=shadow,$[30]=t12):t12=$[30];const t13=checkered?"":void 0,t14=pressed?"":void 0,t15=selected?"":void 0;let t16;$[31]!==as||$[32]!==checkered||$[33]!==focusRing||$[34]!==muted||$[35]!==ref||$[36]!==restProps||$[37]!==rootTheme.scheme||$[38]!==selected||$[39]!==t10||$[40]!==t11||$[41]!==t12||$[42]!==t13||$[43]!==t14||$[44]!==t15||$[45]!==t4||$[46]!==t6||$[47]!==t7||$[48]!==t8||$[49]!==t9||$[50]!==tone?(t16=/* @__PURE__ */jsx(StyledCard,_objectSpread(_objectSpread({"data-as":t4,"data-scheme":t5,"data-ui":"Card","data-tone":tone},restProps),{},{$border:t6,$borderTop:t7,$borderRight:t8,$borderBottom:t9,$borderLeft:t10,$checkered:checkered,$focusRing:focusRing,$muted:muted,$radius:t11,$shadow:t12,$tone:tone,"data-checkered":t13,"data-pressed":t14,"data-selected":t15,forwardedAs:as,ref,selected})),$[31]=as,$[32]=checkered,$[33]=focusRing,$[34]=muted,$[35]=ref,$[36]=restProps,$[37]=rootTheme.scheme,$[38]=selected,$[39]=t10,$[40]=t11,$[41]=t12,$[42]=t13,$[43]=t14,$[44]=t15,$[45]=t4,$[46]=t6,$[47]=t7,$[48]=t8,$[49]=t9,$[50]=tone,$[51]=t16):t16=$[51];let t17;return $[52]!==scheme||$[53]!==t16||$[54]!==tone?(t17=/* @__PURE__ */jsx(ThemeColorProvider,{scheme,tone,children:t16}),$[52]=scheme,$[53]=t16,$[54]=tone,$[55]=t17):t17=$[55],t17;});Card.displayName="ForwardRef(Card)";function useClickOutsideEvent(listener,t0,boundaryElement){const $=dist.c(9),elementsArg=t0===void 0?_temp$8:t0;let t1;$[0]!==boundaryElement||$[1]!==elementsArg||$[2]!==listener?(t1=evt=>{if(!listener)return;const target=evt.target;if(!(target instanceof Node))return;const resolvedBoundaryElement=boundaryElement===null||boundaryElement===void 0?void 0:boundaryElement();if(resolvedBoundaryElement&&!resolvedBoundaryElement.contains(target))return;const elements=elementsArg().flat();for(const el of elements)if(el&&(target===el||el.contains(target)))return;listener(evt);},$[0]=boundaryElement,$[1]=elementsArg,$[2]=listener,$[3]=t1):t1=$[3];const onEvent=useEffectEvent(t1),hasListener=!!listener;let t2;$[4]!==hasListener||$[5]!==onEvent?(t2=()=>{if(!hasListener)return;const handleEvent=evt_0=>onEvent(evt_0);return document.addEventListener("mousedown",handleEvent),()=>{document.removeEventListener("mousedown",handleEvent);};},$[4]=hasListener,$[5]=onEvent,$[6]=t2):t2=$[6];let t3;$[7]!==hasListener?(t3=[hasListener],$[7]=hasListener,$[8]=t3):t3=$[8],useEffect$1(t2,t3),useDebugValue(listener?"MouseDown On":"MouseDown Off");}function _temp$8(){return EMPTY_ARRAY;}function useCustomValidity(ref,customValidity){const $=dist.c(4);let t0,t1;$[0]!==customValidity||$[1]!==ref?(t0=()=>{var _ref$current;(_ref$current=ref.current)===null||_ref$current===void 0||_ref$current.setCustomValidity(customValidity||"");},t1=[customValidity,ref],$[0]=customValidity,$[1]=ref,$[2]=t0,$[3]=t1):(t0=$[2],t1=$[3]),useEffect$1(t0,t1);}const _ResizeObserver=typeof document<"u"&&typeof window<"u"&&window.ResizeObserver?window.ResizeObserver:ResizeObserver$1,_elementSizeObserver=_createElementSizeObserver();function _createElementRectValueListener(){return{subscribe(element,subscriber){const resizeObserver=new _ResizeObserver(_ref66=>{let[entry]=_ref66;subscriber({_contentRect:entry.contentRect,border:{width:entry.borderBoxSize[0].inlineSize,height:entry.borderBoxSize[0].blockSize},content:{width:entry.contentRect.width,height:entry.contentRect.height}});});return resizeObserver.observe(element),()=>{resizeObserver.unobserve(element),resizeObserver.disconnect();};}};}function _createElementSizeObserver(){const disposeCache=/* @__PURE__ */new WeakMap(),subscribersCache=/* @__PURE__ */new WeakMap();return{subscribe(element,subscriber){const subscribers=subscribersCache.get(element)||[];let dispose=disposeCache.get(element);return subscribersCache.has(element)||(subscribersCache.set(element,subscribers),dispose=_createElementRectValueListener().subscribe(element,elementRect=>{for(const sub of subscribers)sub(elementRect);})),subscribers.push(subscriber),()=>{const idx=subscribers.indexOf(subscriber);idx>-1&&subscribers.splice(idx,1),subscribers.length===0&&dispose&&dispose();};}};}function useElementSize(element){const $=dist.c(3),[size2,setSize]=useState(null);let t0,t1;return $[0]!==element?(t0=()=>{if(element)return _elementSizeObserver.subscribe(element,setSize);},t1=[element],$[0]=element,$[1]=t0,$[2]=t1):(t0=$[1],t1=$[2]),useEffect$1(t0,t1),size2;}function useGlobalKeyDown(onKeyDown,options){const $=dist.c(7);let t0;$[0]!==onKeyDown?(t0=event=>onKeyDown(event),$[0]=onKeyDown,$[1]=t0):t0=$[1];const handleKeyDown=useEffectEvent(t0);let t1;$[2]!==handleKeyDown||$[3]!==options?(t1=()=>{const handler=event_0=>handleKeyDown(event_0);return window.addEventListener("keydown",handler,options),()=>window.removeEventListener("keydown",handler,options);},$[2]=handleKeyDown,$[3]=options,$[4]=t1):t1=$[4];let t2;$[5]!==options?(t2=[options],$[5]=options,$[6]=t2):t2=$[6],useEffect$1(t1,t2);}function useMatchMedia(mediaQueryString,getServerSnapshot2){const $=dist.c(4);useDebugValue(mediaQueryString);let t0;$[0]!==mediaQueryString?(t0=onStoreChange=>{const media=window.matchMedia(mediaQueryString);return media.addEventListener("change",onStoreChange),()=>media.removeEventListener("change",onStoreChange);},$[0]=mediaQueryString,$[1]=t0):t0=$[1];let t1;return $[2]!==mediaQueryString?(t1=()=>window.matchMedia(mediaQueryString).matches,$[2]=mediaQueryString,$[3]=t1):t1=$[3],useSyncExternalStore(t0,t1,getServerSnapshot2);}function _getMediaQuery(media,index){return index===0?"screen and (max-width: ".concat(media[index]-1,"px)"):index===media.length?"screen and (min-width: ".concat(media[index-1],"px)"):"screen and (min-width: ".concat(media[index-1],"px) and (max-width: ").concat(media[index]-1,"px)");}function _createMediaStore(media){const mediaLen=media.length;let sizes;const getSizes=()=>{if(!sizes){sizes=[];for(let index=mediaLen;index>-1;index-=1){const mediaQuery=_getMediaQuery(media,index);sizes.push({index,mq:window.matchMedia(mediaQuery)});}}return sizes;};return{getSnapshot:()=>{for(const{index,mq}of getSizes())if(mq.matches)return index;return 0;},subscribe:onStoreChange=>{const disposeFns=[];for(const{mq}of getSizes()){const handleChange=()=>{mq.matches&&onStoreChange();};mq.addEventListener("change",handleChange),disposeFns.push(()=>mq.removeEventListener("change",handleChange));}return()=>{for(const disposeFn of disposeFns)disposeFn();};}};}function getServerSnapshot(){return 0;}function useMediaIndex(){const $=dist.c(2),{media}=useTheme_v2();let t0;$[0]!==media?(t0=_createMediaStore(media),$[0]=media,$[1]=t0):t0=$[1];const store=t0;return useSyncExternalStore(store.subscribe,store.getSnapshot,getServerSnapshot);}function usePrefersDark(t0){return useMatchMedia("(prefers-color-scheme: dark)",t0===void 0?_temp$7:t0);}function _temp$7(){return!1;}function usePrefersReducedMotion(t0){return useMatchMedia("(prefers-reduced-motion: reduce)",t0===void 0?_temp$6:t0);}function _temp$6(){return!1;}function checkboxBaseStyles(){return css(_templateObject19||(_templateObject19=_taggedTemplateLiteral(["\n position: relative;\n display: inline-block;\n "])));}function inputElementStyles(props){const{color,input,radius}=getTheme_v2(props.theme),{focusRing}=input.checkbox;return css(_templateObject20||(_templateObject20=_taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n outline: none;\n opacity: 0;\n z-index: 1;\n padding: 0;\n margin: 0;\n\n & + span {\n position: relative;\n display: block;\n height: ",";\n width: ",";\n box-sizing: border-box;\n box-shadow: ",";\n border-radius: ",";\n line-height: 1;\n background-color: ",";\n\n & > svg {\n display: block;\n position: absolute;\n opacity: 0;\n height: 100%;\n width: 100%;\n\n & > path {\n vector-effect: non-scaling-stroke;\n stroke-width: 1.5px !important;\n }\n }\n }\n\n &:checked + span {\n background: ",";\n box-shadow: ",";\n color: ",";\n }\n\n /* focus */\n &:not(:disabled):focus:focus-visible + span {\n box-shadow: ",";\n }\n\n /* focus when checked - uses a different offset */\n &:not(:disabled):focus:focus-visible&:checked + span {\n box-shadow: ",";\n }\n\n &[data-error] + span {\n background-color: ",";\n box-shadow: ",";\n color: ",";\n }\n &[data-error]&:checked + span {\n background-color: ",";\n color: ",";\n }\n &[data-error]&:checked&:not(:disabled):focus:focus-visible + span {\n box-shadow: ",";\n }\n\n &:disabled + span {\n background-color: ",";\n box-shadow: ",";\n color: ",";\n }\n &:disabled&:checked + span {\n background-color: ",";\n }\n\n &[data-read-only] + span {\n background-color: ",";\n box-shadow: ",";\n color: ",";\n }\n\n &[data-read-only]&:checked + span {\n background-color: ",";\n }\n\n &:checked + span > svg:first-child {\n opacity: 1;\n }\n &:indeterminate + span > svg:last-child {\n opacity: 1;\n }\n "])),rem(input.checkbox.size),rem(input.checkbox.size),focusRingBorderStyle({color:color.input.default.enabled.border,width:input.border.width}),rem(radius[2]),color.input.default.enabled.bg,color.input.default.enabled.fg,focusRingBorderStyle({color:color.input.default.enabled.fg,width:input.border.width}),color.input.default.enabled.bg,focusRingStyle({focusRing}),focusRingStyle({focusRing:{width:1,offset:1}}),color.input.invalid.enabled.border,focusRingBorderStyle({width:input.border.width,color:color.input.invalid.enabled.muted.bg}),color.input.default.disabled.fg,color.input.invalid.enabled.muted.bg,color.input.default.enabled.bg,focusRingStyle({border:{width:input.border.width,color:color.input.invalid.readOnly.muted.bg},focusRing:{width:1,offset:1}}),color.input.default.disabled.bg,focusRingBorderStyle({width:input.border.width,color:color.input.default.disabled.border}),color.input.default.disabled.fg,color.input.default.disabled.muted.bg,color.input.default.readOnly.bg,focusRingBorderStyle({width:input.border.width,color:color.input.default.readOnly.border}),color.input.default.readOnly.fg,color.input.default.readOnly.muted.bg);}const StyledCheckbox=/* @__PURE__ */styled.div.withConfig({displayName:"StyledCheckbox",componentId:"sc-1l5mt2l-0"})(checkboxBaseStyles),Input$5=/* @__PURE__ */styled.input.withConfig({displayName:"Input",componentId:"sc-1l5mt2l-1"})(inputElementStyles),Checkbox=forwardRef(function(props,forwardedRef){var _props0;const $=dist.c(25);let checked,className,customValidity,disabled,indeterminate,readOnly,restProps,style;$[0]!==props?(_props0=props,{checked,className,disabled,indeterminate,customValidity,readOnly,style}=_props0,restProps=_objectWithoutProperties(_props0,_excluded25),_props0,$[0]=props,$[1]=checked,$[2]=className,$[3]=customValidity,$[4]=disabled,$[5]=indeterminate,$[6]=readOnly,$[7]=restProps,$[8]=style):(checked=$[1],className=$[2],customValidity=$[3],disabled=$[4],indeterminate=$[5],readOnly=$[6],restProps=$[7],style=$[8]);const ref=useRef$1(null);let t0;$[9]===Symbol.for("react.memo_cache_sentinel")?(t0=()=>ref.current,$[9]=t0):t0=$[9],useImperativeHandle(forwardedRef,t0);let t1,t2;$[10]!==indeterminate?(t1=()=>{ref.current&&(ref.current.indeterminate=indeterminate||!1);},t2=[indeterminate],$[10]=indeterminate,$[11]=t1,$[12]=t2):(t1=$[11],t2=$[12]),useEffect$1(t1,t2),useCustomValidity(ref,customValidity);const t3=!disabled&&readOnly?"":void 0,t4=customValidity?"":void 0,t5=disabled||readOnly;let t6;$[13]!==checked||$[14]!==readOnly||$[15]!==restProps||$[16]!==t3||$[17]!==t4||$[18]!==t5?(t6=/* @__PURE__ */jsx(Input$5,_objectSpread(_objectSpread({"data-read-only":t3,"data-error":t4},restProps),{},{checked,disabled:t5,type:"checkbox",readOnly,ref})),$[13]=checked,$[14]=readOnly,$[15]=restProps,$[16]=t3,$[17]=t4,$[18]=t5,$[19]=t6):t6=$[19];let t7;$[20]===Symbol.for("react.memo_cache_sentinel")?(t7=/* @__PURE__ */jsxs("span",{children:[/* @__PURE__ */jsx(CheckmarkIcon,{}),/* @__PURE__ */jsx(RemoveIcon,{})]}),$[20]=t7):t7=$[20];let t8;return $[21]!==className||$[22]!==style||$[23]!==t6?(t8=/* @__PURE__ */jsxs(StyledCheckbox,{className,"data-ui":"Checkbox",style,children:[t6,t7]}),$[21]=className,$[22]=style,$[23]=t6,$[24]=t8):t8=$[24],t8;});Checkbox.displayName="ForwardRef(Checkbox)";function codeSyntaxHighlightingStyle(_ref67){let{theme}=_ref67;const{color:{syntax:color}}=getTheme_v2(theme);return{"&.atrule":{color:color.atrule},"&.attr-name":{color:color.attrName},"&.attr-value":{color:color.attrValue},"&.attribute":{color:color.attribute},"&.boolean":{color:color.boolean},"&.builtin":{color:color.builtin},"&.cdata":{color:color.cdata},"&.char":{color:color.char},"&.class":{color:color.class},"&.class-name":{color:color.className},"&.comment":{color:color.comment},"&.constant":{color:color.constant},"&.deleted":{color:color.deleted},"&.doctype":{color:color.doctype},"&.entity":{color:color.entity},"&.function":{color:color.function},"&.hexcode":{color:color.hexcode},"&.id":{color:color.id},"&.important":{color:color.important},"&.inserted":{color:color.inserted},"&.keyword":{color:color.keyword},"&.number":{color:color.number},"&.operator":{color:color.operator},"&.prolog":{color:color.prolog},"&.property":{color:color.property},"&.pseudo-class":{color:color.pseudoClass},"&.pseudo-element":{color:color.pseudoElement},"&.punctuation":{color:color.punctuation},"&.regex":{color:color.regex},"&.selector":{color:color.selector},"&.string":{color:color.string},"&.symbol":{color:color.symbol},"&.tag":{color:color.tag},"&.unit":{color:color.unit},"&.url":{color:color.url},"&.variable":{color:color.variable}};}function codeBaseStyle(){return css(_templateObject21||(_templateObject21=_taggedTemplateLiteral(["\n color: var(--card-code-fg-color);\n\n & code {\n font-family: inherit;\n\n &.refractor .token {\n ","\n }\n }\n\n & a {\n color: inherit;\n text-decoration: underline;\n border-radius: 1px;\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])),codeSyntaxHighlightingStyle);}const LazyRefractor=lazy(()=>import('./refractor-4a6d87b2.js')),StyledCode=/* @__PURE__ */styled.pre.withConfig({displayName:"StyledCode",componentId:"sc-4dymyn-0"})(codeBaseStyle,responsiveCodeFontStyle),Code=forwardRef(function(props,ref){var _props1;const $=dist.c(22);let children,language,restProps,t0,weight;$[0]!==props?(_props1=props,{children,language,size:t0,weight}=_props1,restProps=_objectWithoutProperties(_props1,_excluded26),_props1,$[0]=props,$[1]=children,$[2]=language,$[3]=restProps,$[4]=t0,$[5]=weight):(children=$[1],language=$[2],restProps=$[3],t0=$[4],weight=$[5]);const size2=t0===void 0?2:t0;let t1;$[6]!==size2?(t1=_getArrayProp(size2),$[6]=size2,$[7]=t1):t1=$[7];let t2;$[8]!==children?(t2=/* @__PURE__ */jsx("code",{children}),$[8]=children,$[9]=t2):t2=$[9];let t3;$[10]!==children||$[11]!==language?(t3=/* @__PURE__ */jsx(LazyRefractor,{language,value:children}),$[10]=children,$[11]=language,$[12]=t3):t3=$[12];let t4;$[13]!==t2||$[14]!==t3?(t4=/* @__PURE__ */jsx(Suspense,{fallback:t2,children:t3}),$[13]=t2,$[14]=t3,$[15]=t4):t4=$[15];let t5;return $[16]!==ref||$[17]!==restProps||$[18]!==t1||$[19]!==t4||$[20]!==weight?(t5=/* @__PURE__ */jsx(StyledCode,_objectSpread(_objectSpread({"data-ui":"Code"},restProps),{},{$size:t1,$weight:weight,ref,children:t4})),$[16]=ref,$[17]=restProps,$[18]=t1,$[19]=t4,$[20]=weight,$[21]=t5):t5=$[21],t5;});Code.displayName="ForwardRef(Code)";const BASE_STYLE$1={width:"100%",margin:"0 auto"};function containerBaseStyle(){return BASE_STYLE$1;}function responsiveContainerWidthStyle(props){const{container,media}=getTheme_v2(props.theme);return _responsive(media,props.$width,val=>({maxWidth:val==="auto"?"none":rem(container[val])}));}const StyledContainer=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledContainer",componentId:"sc-wyroop-0"})(containerBaseStyle,responsiveContainerWidthStyle),Container=forwardRef(function(props,ref){var _props10;const $=dist.c(11);let as,restProps,t0;$[0]!==props?(_props10=props,{as,width:t0}=_props10,restProps=_objectWithoutProperties(_props10,_excluded27),_props10,$[0]=props,$[1]=as,$[2]=restProps,$[3]=t0):(as=$[1],restProps=$[2],t0=$[3]);const width=t0===void 0?2:t0;let t1;$[4]!==width?(t1=_getArrayProp(width),$[4]=width,$[5]=t1):t1=$[5];let t2;return $[6]!==as||$[7]!==ref||$[8]!==restProps||$[9]!==t1?(t2=/* @__PURE__ */jsx(StyledContainer,_objectSpread(_objectSpread({"data-ui":"Container"},restProps),{},{$width:t1,forwardedAs:as,ref})),$[6]=as,$[7]=ref,$[8]=restProps,$[9]=t1,$[10]=t2):t2=$[10],t2;});Container.displayName="ForwardRef(Container)";const StyledGrid=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledGrid",componentId:"sc-v8t8oz-0"})(responsiveGridStyle),Grid=forwardRef(function(props,ref){var _props11;const $=dist.c(42);let as,autoCols,autoFlow,autoRows,children,columns,gap,gapX,gapY,restProps,rows;$[0]!==props?(_props11=props,{as,autoRows,autoCols,autoFlow,columns,gap,gapX,gapY,rows,children}=_props11,restProps=_objectWithoutProperties(_props11,_excluded28),_props11,$[0]=props,$[1]=as,$[2]=autoCols,$[3]=autoFlow,$[4]=autoRows,$[5]=children,$[6]=columns,$[7]=gap,$[8]=gapX,$[9]=gapY,$[10]=restProps,$[11]=rows):(as=$[1],autoCols=$[2],autoFlow=$[3],autoRows=$[4],children=$[5],columns=$[6],gap=$[7],gapX=$[8],gapY=$[9],restProps=$[10],rows=$[11]);const t0=typeof as=="string"?as:void 0;let t1;$[12]!==autoRows?(t1=_getArrayProp(autoRows),$[12]=autoRows,$[13]=t1):t1=$[13];let t2;$[14]!==autoCols?(t2=_getArrayProp(autoCols),$[14]=autoCols,$[15]=t2):t2=$[15];let t3;$[16]!==autoFlow?(t3=_getArrayProp(autoFlow),$[16]=autoFlow,$[17]=t3):t3=$[17];let t4;$[18]!==columns?(t4=_getArrayProp(columns),$[18]=columns,$[19]=t4):t4=$[19];let t5;$[20]!==gap?(t5=_getArrayProp(gap),$[20]=gap,$[21]=t5):t5=$[21];let t6;$[22]!==gapX?(t6=_getArrayProp(gapX),$[22]=gapX,$[23]=t6):t6=$[23];let t7;$[24]!==gapY?(t7=_getArrayProp(gapY),$[24]=gapY,$[25]=t7):t7=$[25];let t8;$[26]!==rows?(t8=_getArrayProp(rows),$[26]=rows,$[27]=t8):t8=$[27];let t9;return $[28]!==as||$[29]!==children||$[30]!==ref||$[31]!==restProps||$[32]!==t0||$[33]!==t1||$[34]!==t2||$[35]!==t3||$[36]!==t4||$[37]!==t5||$[38]!==t6||$[39]!==t7||$[40]!==t8?(t9=/* @__PURE__ */jsx(StyledGrid,_objectSpread(_objectSpread({"data-as":t0,"data-ui":"Grid"},restProps),{},{$autoRows:t1,$autoCols:t2,$autoFlow:t3,$columns:t4,$gap:t5,$gapX:t6,$gapY:t7,$rows:t8,forwardedAs:as,ref,children})),$[28]=as,$[29]=children,$[30]=ref,$[31]=restProps,$[32]=t0,$[33]=t1,$[34]=t2,$[35]=t3,$[36]=t4,$[37]=t5,$[38]=t6,$[39]=t7,$[40]=t8,$[41]=t9):t9=$[41],t9;});Grid.displayName="ForwardRef(Grid)";function headingBaseStyle(props){const{$accent,$muted}=props,{font}=getTheme_v2(props.theme);return css(_templateObject22||(_templateObject22=_taggedTemplateLiteral(["\n ","\n\n ","\n\n & code {\n font-family: ",";\n border-radius: 1px;\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n color: var(--card-link-color);\n outline: none;\n\n @media (hover: hover) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n &:focus {\n box-shadow:\n 0 0 0 1px var(--card-bg-color),\n 0 0 0 3px var(--card-focus-ring-color);\n }\n\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n\n & strong {\n font-weight: ",";\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])),$accent&&css(_templateObject23||(_templateObject23=_taggedTemplateLiteral(["\n color: var(--card-accent-fg-color);\n "]))),$muted&&css(_templateObject24||(_templateObject24=_taggedTemplateLiteral(["\n color: var(--card-muted-fg-color);\n "]))),font.code.family,font.heading.weights.bold);}const StyledHeading=/* @__PURE__ */styled.div.withConfig({displayName:"StyledHeading",componentId:"sc-137lwim-0"})(headingBaseStyle,responsiveTextAlignStyle,responsiveHeadingFont),Heading=forwardRef(function(props,ref){var _props12;const $=dist.c(26);let align,childrenProp,restProps,t0,t1,t2,textOverflow,weight;$[0]!==props?(_props12=props,{accent:t0,align,children:childrenProp,muted:t1,size:t2,textOverflow,weight}=_props12,restProps=_objectWithoutProperties(_props12,_excluded29),_props12,$[0]=props,$[1]=align,$[2]=childrenProp,$[3]=restProps,$[4]=t0,$[5]=t1,$[6]=t2,$[7]=textOverflow,$[8]=weight):(align=$[1],childrenProp=$[2],restProps=$[3],t0=$[4],t1=$[5],t2=$[6],textOverflow=$[7],weight=$[8]);const accent=t0===void 0?!1:t0,muted=t1===void 0?!1:t1,size2=t2===void 0?2:t2;let children=childrenProp;if(textOverflow==="ellipsis"){let t32;$[9]!==children?(t32=/* @__PURE__ */jsx(SpanWithTextOverflow,{children}),$[9]=children,$[10]=t32):t32=$[10],children=t32;}let t3;$[11]!==align?(t3=_getArrayProp(align),$[11]=align,$[12]=t3):t3=$[12];let t4;$[13]!==size2?(t4=_getArrayProp(size2),$[13]=size2,$[14]=t4):t4=$[14];let t5;$[15]!==children?(t5=/* @__PURE__ */jsx("span",{children}),$[15]=children,$[16]=t5):t5=$[16];let t6;return $[17]!==accent||$[18]!==muted||$[19]!==ref||$[20]!==restProps||$[21]!==t3||$[22]!==t4||$[23]!==t5||$[24]!==weight?(t6=/* @__PURE__ */jsx(StyledHeading,_objectSpread(_objectSpread({"data-ui":"Heading"},restProps),{},{$accent:accent,$align:t3,$muted:muted,$size:t4,$weight:weight,ref,children:t5})),$[17]=accent,$[18]=muted,$[19]=ref,$[20]=restProps,$[21]=t3,$[22]=t4,$[23]=t5,$[24]=weight,$[25]=t6):t6=$[25],t6;});Heading.displayName="ForwardRef(Heading)";function inlineBaseStyle(){return{lineHeight:"0","&&:not([hidden])":{display:"block"},"& > div":{display:"inline-block",verticalAlign:"middle"}};}function inlineSpaceStyle(props){const{media,space}=getTheme_v2(props.theme);return _responsive(media,props.$space,spaceIndex=>{const _space=rem(spaceIndex===0.5?space[1]/2:space[spaceIndex]);return{margin:"-".concat(_space," 0 0 -").concat(_space),"& > div":{padding:"".concat(_space," 0 0 ").concat(_space)}};});}const StyledInline=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledInline",componentId:"sc-1pkiy6j-0"})(inlineBaseStyle,inlineSpaceStyle),Inline=forwardRef(function(props,ref){var _props13;const $=dist.c(15);let as,childrenProp,restProps,space;$[0]!==props?(_props13=props,{as,children:childrenProp,space}=_props13,restProps=_objectWithoutProperties(_props13,_excluded30),_props13,$[0]=props,$[1]=as,$[2]=childrenProp,$[3]=restProps,$[4]=space):(as=$[1],childrenProp=$[2],restProps=$[3],space=$[4]);let t0;$[5]!==childrenProp?(t0=Children.map(childrenProp,_temp$5),$[5]=childrenProp,$[6]=t0):t0=$[6];const children=t0;let t1;$[7]!==space?(t1=_getArrayProp(space),$[7]=space,$[8]=t1):t1=$[8];const t2=ref;let t3;return $[9]!==as||$[10]!==children||$[11]!==restProps||$[12]!==t1||$[13]!==t2?(t3=/* @__PURE__ */jsx(StyledInline,_objectSpread(_objectSpread({"data-ui":"Inline"},restProps),{},{$space:t1,forwardedAs:as,ref:t2,children})),$[9]=as,$[10]=children,$[11]=restProps,$[12]=t1,$[13]=t2,$[14]=t3):t3=$[14],t3;});Inline.displayName="ForwardRef(Inline)";function _temp$5(child){return child&&/* @__PURE__ */jsx("div",{children:child});}function kbdStyle(){return css(_templateObject25||(_templateObject25=_taggedTemplateLiteral(["\n --card-bg-color: var(--card-kbd-bg-color);\n --card-border-color: var(--card-kbd-border-color);\n --card-fg-color: var(--card-kbd-fg-color);\n\n box-shadow: inset 0 0 0 1px var(--card-border-color);\n background: var(--card-bg-color);\n font: inherit;\n\n vertical-align: top;\n\n &:not([hidden]) {\n display: inline-block;\n }\n "])));}const StyledKBD=/* @__PURE__ */styled.kbd.withConfig({displayName:"StyledKBD",componentId:"sc-1w7yd8w-0"})(responsiveRadiusStyle,kbdStyle),KBD=forwardRef(function(props,ref){var _props14;const $=dist.c(19);let children,restProps,t0,t1,t2;$[0]!==props?(_props14=props,{children,fontSize:t0,padding:t1,radius:t2}=_props14,restProps=_objectWithoutProperties(_props14,_excluded31),_props14,$[0]=props,$[1]=children,$[2]=restProps,$[3]=t0,$[4]=t1,$[5]=t2):(children=$[1],restProps=$[2],t0=$[3],t1=$[4],t2=$[5]);const fontSize2=t0===void 0?0:t0,padding=t1===void 0?1:t1,radius=t2===void 0?2:t2;let t3;$[6]!==radius?(t3=_getArrayProp(radius),$[6]=radius,$[7]=t3):t3=$[7];let t4;$[8]!==children||$[9]!==fontSize2?(t4=/* @__PURE__ */jsx(Text,{as:"span",size:fontSize2,weight:"semibold",children}),$[8]=children,$[9]=fontSize2,$[10]=t4):t4=$[10];let t5;$[11]!==padding||$[12]!==t4?(t5=/* @__PURE__ */jsx(Box,{as:"span",padding,children:t4}),$[11]=padding,$[12]=t4,$[13]=t5):t5=$[13];let t6;return $[14]!==ref||$[15]!==restProps||$[16]!==t3||$[17]!==t5?(t6=/* @__PURE__ */jsx(StyledKBD,_objectSpread(_objectSpread({"data-ui":"KBD"},restProps),{},{$radius:t3,ref,children:t5})),$[14]=ref,$[15]=restProps,$[16]=t3,$[17]=t5,$[18]=t6):t6=$[18],t6;});KBD.displayName="ForwardRef(KBD)";const origin={name:"@sanity/ui/origin",fn(_ref68){var _middlewareData$shift,_middlewareData$shift2;let{middlewareData,placement,rects}=_ref68;const[side]=placement.split("-"),floatingWidth=rects.floating.width,floatingHeight=rects.floating.height,shiftX=((_middlewareData$shift=middlewareData.shift)===null||_middlewareData$shift===void 0?void 0:_middlewareData$shift.x)||0,shiftY=((_middlewareData$shift2=middlewareData.shift)===null||_middlewareData$shift2===void 0?void 0:_middlewareData$shift2.y)||0;if(floatingWidth<=0||floatingHeight<=0)return{};const isVerticalPlacement=["bottom","top"].includes(side),{originX,originY}=isVerticalPlacement?{originX:clamp(0.5-shiftX/floatingWidth,0,1),originY:side==="bottom"?0:1}:{originX:side==="left"?1:0,originY:clamp(0.5-shiftY/floatingHeight,0,1)};return{data:{originX,originY}};}};function clamp(num,min,max){return Math.min(Math.max(num,min),max);}function moveTowardsLength(movingPoint,targetPoint,amount){const width=targetPoint.x-movingPoint.x,height=targetPoint.y-movingPoint.y,distance=Math.sqrt(width*width+height*height);return moveTowardsFractional(movingPoint,targetPoint,Math.min(1,amount/distance));}function moveTowardsFractional(movingPoint,targetPoint,fraction){return{x:movingPoint.x+(targetPoint.x-movingPoint.x)*fraction,y:movingPoint.y+(targetPoint.y-movingPoint.y)*fraction};}function getRoundedCommands(points){const len=points.length,cmds=[];for(let i=0;i<len;i+=1){const point=points[i],prevPoint=points[i-1],nextPoint=points[i+1];if(prevPoint&&point.radius){const curveStart=moveTowardsLength(point,prevPoint,point.radius),curveEnd=moveTowardsLength(point,nextPoint,point.radius),startControl=moveTowardsFractional(curveStart,point,0.5),endControl=moveTowardsFractional(point,curveEnd,0.5);cmds.push(_objectSpread({type:"point"},curveStart)),cmds.push({type:"curve",curveEnd,startControl,endControl});}else cmds.push(_objectSpread({type:"point"},point));}return cmds;}function compileCommands(cmds){return cmds.map((n,idx)=>n.type==="point"?"".concat(idx===0?"M":"L"," ").concat(n.x," ").concat(n.y):n.type==="curve"?"C ".concat(n.startControl.x," ").concat(n.startControl.y," ").concat(n.endControl.x," ").concat(n.endControl.y," ").concat(n.curveEnd.x," ").concat(n.curveEnd.y):"").join(" ");}const StyledArrow=/* @__PURE__ */styled.div.withConfig({displayName:"StyledArrow",componentId:"sc-12vzy6c-0"})(_ref69=>{let{$w:w}=_ref69;return css(_templateObject26||(_templateObject26=_taggedTemplateLiteral(["\n position: absolute;\n width: ","px;\n height: ","px;\n\n :empty + & {\n display: none;\n }\n\n & > svg {\n display: block;\n line-height: 0;\n transform-origin: ","px ","px;\n }\n\n [data-placement^='top'] > & {\n bottom: -","px;\n\n & > svg {\n transform: rotate(0);\n }\n }\n\n [data-placement^='right'] > & {\n left: -","px;\n\n & > svg {\n transform: rotate(90deg);\n }\n }\n\n [data-placement^='left'] > & {\n right: -","px;\n\n & > svg {\n transform: rotate(-90deg);\n }\n }\n\n [data-placement^='bottom'] > & {\n top: -","px;\n\n & > svg {\n transform: rotate(180deg);\n }\n }\n "])),w,w,w/2,w/2,w,w,w,w);}),StrokePath=styled.path.withConfig({displayName:"StrokePath",componentId:"sc-12vzy6c-1"})(_templateObject27||(_templateObject27=_taggedTemplateLiteral(["stroke:var(--card-shadow-outline-color);"]))),ShapePath=styled.path.withConfig({displayName:"ShapePath",componentId:"sc-12vzy6c-2"})(_templateObject28||(_templateObject28=_taggedTemplateLiteral(["fill:var(--card-bg-color);"]))),Arrow=forwardRef(function(props,ref){var _props15;const $=dist.c(29);let h,restProps,t0,w;$[0]!==props?(_props15=props,{width:w,height:h,radius:t0}=_props15,restProps=_objectWithoutProperties(_props15,_excluded32),_props15,$[0]=props,$[1]=h,$[2]=restProps,$[3]=t0,$[4]=w):(h=$[1],restProps=$[2],t0=$[3],w=$[4]);const radius=t0===void 0?0:t0,{card}=useTheme_v2(),strokeWidth=card.shadow.outline,center=w/2;let t1;if($[5]!==center||$[6]!==h||$[7]!==radius||$[8]!==w){const points=[{x:0,y:0},{x:radius,y:0,radius},{x:center,y:h-1,radius},{x:w-radius,y:0,radius},{x:w,y:0}],cmds=getRoundedCommands(points);t1=compileCommands(cmds),$[5]=center,$[6]=h,$[7]=radius,$[8]=w,$[9]=t1;}else t1=$[9];const path=t1,strokePath="".concat(path),fillPath="".concat(path," M ").concat(w," -1 M 0 -1 Z"),t2="0 0 ".concat(w," ").concat(w);let t3;$[10]!==strokeWidth||$[11]!==w?(t3=/* @__PURE__ */jsx("mask",{id:"stroke-mask",children:/* @__PURE__ */jsx("rect",{x:0,y:strokeWidth,width:w,height:w,fill:"white"})}),$[10]=strokeWidth,$[11]=w,$[12]=t3):t3=$[12];const t4=strokeWidth*2;let t5;$[13]!==strokePath||$[14]!==t4?(t5=/* @__PURE__ */jsx(StrokePath,{d:strokePath,mask:"url(#stroke-mask)",strokeWidth:t4}),$[13]=strokePath,$[14]=t4,$[15]=t5):t5=$[15];let t6;$[16]!==fillPath?(t6=/* @__PURE__ */jsx(ShapePath,{d:fillPath}),$[16]=fillPath,$[17]=t6):t6=$[17];let t7;$[18]!==t2||$[19]!==t3||$[20]!==t5||$[21]!==t6||$[22]!==w?(t7=/* @__PURE__ */jsxs("svg",{width:w,height:w,viewBox:t2,children:[t3,t5,t6]}),$[18]=t2,$[19]=t3,$[20]=t5,$[21]=t6,$[22]=w,$[23]=t7):t7=$[23];let t8;return $[24]!==ref||$[25]!==restProps||$[26]!==t7||$[27]!==w?(t8=/* @__PURE__ */jsx(StyledArrow,_objectSpread(_objectSpread({},restProps),{},{$w:w,ref,children:t7})),$[24]=ref,$[25]=restProps,$[26]=t7,$[27]=w,$[28]=t8):t8=$[28],t8;});Arrow.displayName="ForwardRef(Arrow)";const BoundaryElementContext=createGlobalScopedContext("@sanity/ui/context/boundaryElement",null);function isRecord(value){return!!(value&&typeof value=="object"&&!Array.isArray(value));}const DEFAULT_VALUE={version:0,element:null};function useBoundaryElement(){const value=useContext(BoundaryElementContext);if(value&&(!isRecord(value)||value.version!==0))throw new Error("useBoundaryElement(): the context value is not compatible");return value||DEFAULT_VALUE;}function findMaxBreakpoints(media,width){const ret=[];for(let i=0;i<media.length;i+=1)media[i]>width&&ret.push(i);return ret;}function findMinBreakpoints(media,width){const ret=[];for(let i=0;i<media.length;i+=1)media[i]<=width&&ret.push(i);return ret;}const ElementQuery=forwardRef(function(props,forwardedRef){var _props16,_useElementSize$borde,_useElementSize;const $=dist.c(18),theme=useTheme_v2();let _media,children,restProps;$[0]!==props?(_props16=props,{children,media:_media}=_props16,restProps=_objectWithoutProperties(_props16,_excluded33),_props16,$[0]=props,$[1]=_media,$[2]=children,$[3]=restProps):(_media=$[1],children=$[2],restProps=$[3]);const media=_media!==null&&_media!==void 0?_media:theme.media,[element,setElement]=useState(null),width=(_useElementSize$borde=(_useElementSize=useElementSize(element))===null||_useElementSize===void 0?void 0:_useElementSize.border.width)!==null&&_useElementSize$borde!==void 0?_useElementSize$borde:window.innerWidth;let t0;if($[4]!==media||$[5]!==width){const eq=findMaxBreakpoints(media,width);t0=eq.length?eq.join(" "):void 0,$[4]=media,$[5]=width,$[6]=t0;}else t0=$[6];const max=t0;let t1;if($[7]!==media||$[8]!==width){const eq_0=findMinBreakpoints(media,width);t1=eq_0.length?eq_0.join(" "):void 0,$[7]=media,$[8]=width,$[9]=t1;}else t1=$[9];const min=t1;let t2,t3;$[10]!==element?(t2=()=>element,t3=[element],$[10]=element,$[11]=t2,$[12]=t3):(t2=$[11],t3=$[12]),useImperativeHandle(forwardedRef,t2,t3);let t4;return $[13]!==children||$[14]!==max||$[15]!==min||$[16]!==restProps?(t4=/* @__PURE__ */jsx("div",_objectSpread(_objectSpread({"data-ui":"ElementQuery"},restProps),{},{"data-eq-max":max,"data-eq-min":min,ref:setElement,children})),$[13]=children,$[14]=max,$[15]=min,$[16]=restProps,$[17]=t4):t4=$[17],t4;});ElementQuery.displayName="ForwardRef(ElementQuery)";function getLayerContext(contextValue){if(!isRecord(contextValue)||contextValue.version!==0)throw new Error("the context value is not compatible");if(!contextValue)throw new Error("components using `useLayer()` should be wrapped in a <LayerProvider>.");if(contextValue.version===0)return contextValue;throw new Error("could not get layer context");}const LayerContext=createGlobalScopedContext("@sanity/ui/context/layer",null);function LayerProvider(props){var _parent$level;const $=dist.c(21),{children,zOffset:t0}=props,zOffsetProp=t0===void 0?0:t0,parentContextValue=useContext(LayerContext);let t1;$[0]!==parentContextValue?(t1=parentContextValue&&getLayerContext(parentContextValue),$[0]=parentContextValue,$[1]=t1):t1=$[1];const parent=t1,parentRegisterChild=parent===null||parent===void 0?void 0:parent.registerChild,level=((_parent$level=parent===null||parent===void 0?void 0:parent.level)!==null&&_parent$level!==void 0?_parent$level:0)+1;let t2;$[2]!==zOffsetProp?(t2=_getArrayProp(zOffsetProp),$[2]=zOffsetProp,$[3]=t2):t2=$[3];const zOffset=t2,maxMediaIndex=zOffset.length-1,mediaIndex=Math.min(useMediaIndex(),maxMediaIndex),zIndex=parent?parent.zIndex+zOffset[mediaIndex]:zOffset[mediaIndex];let t3;$[4]===Symbol.for("react.memo_cache_sentinel")?(t3={},$[4]=t3):t3=$[4];const[,setChildLayers]=useState(t3),[size2,setSize]=useState(0),isTopLayer=size2===0;let t4;$[5]!==parentRegisterChild||$[6]!==setChildLayers?(t4=childLevel=>{const parentDispose=parentRegisterChild===null||parentRegisterChild===void 0?void 0:parentRegisterChild(childLevel);return childLevel!==void 0?setChildLayers(state=>{var _state$childLevel;const prevLen=(_state$childLevel=state[childLevel])!==null&&_state$childLevel!==void 0?_state$childLevel:0,nextState=_objectSpread(_objectSpread({},state),{},{[childLevel]:prevLen+1});return setSize(Object.keys(nextState).length),nextState;}):setSize(_temp$4),()=>{childLevel!==void 0?setChildLayers(state_0=>{const nextState_0=_objectSpread({},state_0);return nextState_0[childLevel]===1?(delete nextState_0[childLevel],setSize(Object.keys(nextState_0).length)):nextState_0[childLevel]=nextState_0[childLevel]-1,nextState_0;}):setSize(_temp2$2),parentDispose===null||parentDispose===void 0?void 0:parentDispose();};},$[5]=parentRegisterChild,$[6]=setChildLayers,$[7]=t4):t4=$[7];const registerChild=t4;let t5,t6;$[8]!==level||$[9]!==parentRegisterChild?(t5=()=>parentRegisterChild===null||parentRegisterChild===void 0?void 0:parentRegisterChild(level),t6=[level,parentRegisterChild],$[8]=level,$[9]=parentRegisterChild,$[10]=t5,$[11]=t6):(t5=$[10],t6=$[11]),useEffect$1(t5,t6);let t7;$[12]!==isTopLayer||$[13]!==level||$[14]!==registerChild||$[15]!==size2||$[16]!==zIndex?(t7={version:0,isTopLayer,level,registerChild,size:size2,zIndex},$[12]=isTopLayer,$[13]=level,$[14]=registerChild,$[15]=size2,$[16]=zIndex,$[17]=t7):t7=$[17];const value=t7;let t8;return $[18]!==children||$[19]!==value?(t8=/* @__PURE__ */jsx(LayerContext.Provider,{value,children}),$[18]=children,$[19]=value,$[20]=t8):t8=$[20],t8;}function _temp2$2(v_0){return v_0-1;}function _temp$4(v){return v+1;}LayerProvider.displayName="LayerProvider";function useLayer(){const $=dist.c(2),value=useContext(LayerContext);if(!value)throw new Error("useLayer(): missing context value");try{let t1;return $[0]!==value?(t1=getLayerContext(value),$[0]=value,$[1]=t1):t1=$[1],t1;}catch(t0){const err=t0;throw err instanceof Error?new Error("useLayer(): ".concat(err.message)):new Error("useLayer(): ".concat(err));}}const StyledLayer=/* @__PURE__ */styled.div.withConfig({displayName:"StyledLayer",componentId:"sc-16kojrv-0"})({position:"relative"}),LayerChildren=forwardRef(function(props,forwardedRef){var _props17;const $=dist.c(22);let children,onActivate,onFocus,restProps,t0;$[0]!==props?(_props17=props,{children,onActivate,onFocus,style:t0}=_props17,restProps=_objectWithoutProperties(_props17,_excluded34),_props17,$[0]=props,$[1]=children,$[2]=onActivate,$[3]=onFocus,$[4]=restProps,$[5]=t0):(children=$[1],onActivate=$[2],onFocus=$[3],restProps=$[4],t0=$[5]);const style=t0===void 0?EMPTY_RECORD:t0,{zIndex,isTopLayer}=useLayer(),lastFocusedRef=useRef$1(null),ref=useRef$1(null),isTopLayerRef=useRef$1(isTopLayer);let t1;$[6]===Symbol.for("react.memo_cache_sentinel")?(t1=()=>ref.current,$[6]=t1):t1=$[6],useImperativeHandle(forwardedRef,t1);let t2,t3;$[7]!==isTopLayer||$[8]!==onActivate?(t2=()=>{var _onActivate;isTopLayerRef.current!==isTopLayer&&isTopLayer&&(_onActivate=onActivate)!==null&&_onActivate!==void 0&&_onActivate({activeElement:lastFocusedRef.current}),isTopLayerRef.current=isTopLayer;},t3=[isTopLayer,onActivate],$[7]=isTopLayer,$[8]=onActivate,$[9]=t2,$[10]=t3):(t2=$[9],t3=$[10]),useEffect$1(t2,t3);let t4;$[11]!==isTopLayer||$[12]!==onFocus?(t4=event=>{var _onFocus;(_onFocus=onFocus)===null||_onFocus===void 0||_onFocus(event);const rootElement=ref.current,target=document.activeElement;!isTopLayer||!rootElement||!target||isHTMLElement(target)&&containsOrEqualsElement(rootElement,target)&&(lastFocusedRef.current=target);},$[11]=isTopLayer,$[12]=onFocus,$[13]=t4):t4=$[13];const handleFocus=t4;let t5;$[14]!==style||$[15]!==zIndex?(t5=_objectSpread(_objectSpread({},style),{},{zIndex}),$[14]=style,$[15]=zIndex,$[16]=t5):t5=$[16];let t6;return $[17]!==children||$[18]!==handleFocus||$[19]!==restProps||$[20]!==t5?(t6=/* @__PURE__ */jsx(StyledLayer,_objectSpread(_objectSpread({},restProps),{},{"data-ui":"Layer",onFocus:handleFocus,ref,style:t5,children})),$[17]=children,$[18]=handleFocus,$[19]=restProps,$[20]=t5,$[21]=t6):t6=$[21],t6;}),Layer=forwardRef(function(props,ref){var _props18;const $=dist.c(11);let children,restProps,t0;$[0]!==props?(_props18=props,{children,zOffset:t0}=_props18,restProps=_objectWithoutProperties(_props18,_excluded35),_props18,$[0]=props,$[1]=children,$[2]=restProps,$[3]=t0):(children=$[1],restProps=$[2],t0=$[3]);const zOffset=t0===void 0?1:t0;let t1;$[4]!==children||$[5]!==ref||$[6]!==restProps?(t1=/* @__PURE__ */jsx(LayerChildren,_objectSpread(_objectSpread({},restProps),{},{ref,children})),$[4]=children,$[5]=ref,$[6]=restProps,$[7]=t1):t1=$[7];let t2;return $[8]!==t1||$[9]!==zOffset?(t2=/* @__PURE__ */jsx(LayerProvider,{zOffset,children:t1}),$[8]=t1,$[9]=zOffset,$[10]=t2):t2=$[10],t2;});Layer.displayName="ForwardRef(Layer)";const key="@sanity/ui/context/portal",elementKey=Symbol.for("".concat(key,"/element"));globalScope[elementKey]=null;const defaultContextValue={version:0,boundaryElement:null,get element(){return typeof document>"u"?null:(globalScope[elementKey]||(globalScope[elementKey]=document.createElement("div"),globalScope[elementKey].setAttribute("data-portal",""),document.body.appendChild(globalScope[elementKey])),globalScope[elementKey]);}},PortalContext=createGlobalScopedContext(key,defaultContextValue);function usePortal(){const value=useContext(PortalContext);if(!value)throw new Error("usePortal(): missing context value");if(!isRecord(value)||value.version!==0)throw new Error("usePortal(): the context value is not compatible");return value;}function Portal(props){var _portal$elements;const $=dist.c(3),{children,__unstable_name:name}=props,portal=usePortal(),portalElement=(name?portal.elements&&portal.elements[name]:portal.element)||((_portal$elements=portal.elements)===null||_portal$elements===void 0?void 0:_portal$elements.default);if(!portalElement)return null;let t0;return $[0]!==children||$[1]!==portalElement?(t0=createPortal(children,portalElement),$[0]=children,$[1]=portalElement,$[2]=t0):t0=$[2],t0;}Portal.displayName="Portal";const StyledSrOnly=styled.div.withConfig({displayName:"StyledSrOnly",componentId:"sc-mubr0c-0"})(_templateObject29||(_templateObject29=_taggedTemplateLiteral(["display:block;width:0;height:0;position:absolute;overflow:hidden;overflow:clip;"]))),SrOnly=forwardRef(function(props,ref){const $=dist.c(4),{as,children}=props;let t0;return $[0]!==as||$[1]!==children||$[2]!==ref?(t0=/* @__PURE__ */jsx(StyledSrOnly,{"aria-hidden":!0,as,"data-ui":"SrOnly",ref,children}),$[0]=as,$[1]=children,$[2]=ref,$[3]=t0):t0=$[3],t0;});SrOnly.displayName="ForwardRef(SrOnly)";const StyledVirtualList=styled.div.withConfig({displayName:"StyledVirtualList",componentId:"sc-dlqsj4-0"})(_templateObject30||(_templateObject30=_taggedTemplateLiteral(["position:relative;"]))),ItemWrapper=styled.div.withConfig({displayName:"ItemWrapper",componentId:"sc-dlqsj4-1"})(_templateObject31||(_templateObject31=_taggedTemplateLiteral(["position:absolute;left:0;right:0;"]))),VirtualList=forwardRef(function(props,forwardedRef){var _props19;const $=dist.c(44);let getItemKey,onChange,renderItem,restProps,t0,t1,t2;$[0]!==props?(_props19=props,{as:t0,gap:t1,getItemKey,items:t2,onChange,renderItem}=_props19,restProps=_objectWithoutProperties(_props19,_excluded36),_props19,$[0]=props,$[1]=getItemKey,$[2]=onChange,$[3]=renderItem,$[4]=restProps,$[5]=t0,$[6]=t1,$[7]=t2):(getItemKey=$[1],onChange=$[2],renderItem=$[3],restProps=$[4],t0=$[5],t1=$[6],t2=$[7]);const as=t0===void 0?"div":t0,gap=t1===void 0?0:t1;let t3;$[8]!==t2?(t3=t2===void 0?[]:t2,$[8]=t2,$[9]=t3):t3=$[9];const items=t3,{space}=useTheme_v2(),ref=useRef$1(null),wrapperRef=useRef$1(null),[scrollTop,setScrollTop]=useState(0),[scrollHeight,setScrollHeight]=useState(0),[itemHeight,setItemHeight]=useState(-1);let t4;$[10]===Symbol.for("react.memo_cache_sentinel")?(t4=()=>ref.current,$[10]=t4):t4=$[10],useImperativeHandle(forwardedRef,t4);let t5;$[11]===Symbol.for("react.memo_cache_sentinel")?(t5=()=>{if(!wrapperRef.current)return;const firstElement=wrapperRef.current.firstChild;firstElement instanceof HTMLElement&&setItemHeight(firstElement.offsetHeight);},$[11]=t5):t5=$[11];let t6;$[12]!==renderItem?(t6=[renderItem],$[12]=renderItem,$[13]=t6):t6=$[13],useEffect$1(t5,t6);let t7,t8;$[14]===Symbol.for("react.memo_cache_sentinel")?(t7=()=>{if(!ref.current)return;const scrollEl=findScrollable(ref.current.parentNode);if(scrollEl){if(!(scrollEl instanceof HTMLElement))return;const handleScroll=()=>{setScrollTop(scrollEl.scrollTop);};scrollEl.addEventListener("scroll",handleScroll,{passive:!0});const ro=new _ResizeObserver(entries=>{setScrollHeight(entries[0].contentRect.height);});return ro.observe(scrollEl),handleScroll(),()=>{scrollEl.removeEventListener("scroll",handleScroll),ro.unobserve(scrollEl),ro.disconnect();};}const handleScroll_0=()=>{setScrollTop(window.scrollY);},handleResize=()=>{setScrollHeight(window.innerHeight);};return window.addEventListener("scroll",handleScroll_0,{passive:!0}),window.addEventListener("resize",handleResize),setScrollHeight(window.innerHeight),handleScroll_0(),()=>{window.removeEventListener("scroll",handleScroll_0),window.removeEventListener("resize",handleResize);};},t8=[],$[14]=t7,$[15]=t8):(t7=$[14],t8=$[15]),useEffect$1(t7,t8);const len=items.length,height=itemHeight?len*(itemHeight+space[gap])-space[gap]:0,fromIndex=height?Math.max(Math.floor(scrollTop/height*len)-2,0):0,toIndex=height?Math.ceil((scrollTop+scrollHeight)/height*len)+1:0;let t10,t9;$[16]!==fromIndex||$[17]!==gap||$[18]!==itemHeight||$[19]!==onChange||$[20]!==scrollHeight||$[21]!==scrollTop||$[22]!==space||$[23]!==toIndex?(t9=()=>{onChange&&onChange({fromIndex,gap:space[gap],itemHeight,scrollHeight,scrollTop,toIndex});},t10=[fromIndex,gap,itemHeight,onChange,scrollHeight,scrollTop,space,toIndex],$[16]=fromIndex,$[17]=gap,$[18]=itemHeight,$[19]=onChange,$[20]=scrollHeight,$[21]=scrollTop,$[22]=space,$[23]=toIndex,$[24]=t10,$[25]=t9):(t10=$[24],t9=$[25]),useEffect$1(t9,t10);let t11;$[26]!==fromIndex||$[27]!==gap||$[28]!==getItemKey||$[29]!==itemHeight||$[30]!==items||$[31]!==renderItem||$[32]!==space||$[33]!==toIndex?(t11={fromIndex,gap,itemHeight,space,toIndex,getItemKey,items,renderItem},$[26]=fromIndex,$[27]=gap,$[28]=getItemKey,$[29]=itemHeight,$[30]=items,$[31]=renderItem,$[32]=space,$[33]=toIndex,$[34]=t11):t11=$[34];const children=useChildren(t11);let t12;$[35]!==height?(t12={height},$[35]=height,$[36]=t12):t12=$[36];let t13;$[37]!==children||$[38]!==t12?(t13=/* @__PURE__ */jsx("div",{ref:wrapperRef,style:t12,children}),$[37]=children,$[38]=t12,$[39]=t13):t13=$[39];let t14;return $[40]!==as||$[41]!==restProps||$[42]!==t13?(t14=/* @__PURE__ */jsx(StyledVirtualList,_objectSpread(_objectSpread({as,"data-ui":"VirtualList"},restProps),{},{ref,children:t13})),$[40]=as,$[41]=restProps,$[42]=t13,$[43]=t14):t14=$[43],t14;});VirtualList.displayName="ForwardRef(VirtualList)";function useChildren(t0){const $=dist.c(21),{fromIndex,gap,getItemKey,itemHeight,items,renderItem,space,toIndex}=t0;if(!renderItem||items.length===0)return null;if(itemHeight===-1){let t12;$[0]!==items[0]||$[1]!==renderItem?(t12=renderItem(items[0]),$[0]=items[0],$[1]=renderItem,$[2]=t12):t12=$[2];let t2;return $[3]!==t12?(t2=[/* @__PURE__ */jsx(ItemWrapper,{children:t12},0)],$[3]=t12,$[4]=t2):t2=$[4],t2;}let t1;if($[5]!==fromIndex||$[6]!==gap||$[7]!==getItemKey||$[8]!==itemHeight||$[9]!==items||$[10]!==renderItem||$[11]!==space||$[12]!==toIndex){let t2;$[14]!==fromIndex||$[15]!==gap||$[16]!==getItemKey||$[17]!==itemHeight||$[18]!==renderItem||$[19]!==space?(t2=(item,_itemIndex)=>{const itemIndex=fromIndex+_itemIndex,node=renderItem(item),key2=getItemKey?getItemKey(item,itemIndex):itemIndex;return/* @__PURE__ */jsx(ItemWrapper,{style:{top:itemIndex*(itemHeight+space[gap])},children:node},key2);},$[14]=fromIndex,$[15]=gap,$[16]=getItemKey,$[17]=itemHeight,$[18]=renderItem,$[19]=space,$[20]=t2):t2=$[20],t1=items.slice(fromIndex,toIndex).map(t2),$[5]=fromIndex,$[6]=gap,$[7]=getItemKey,$[8]=itemHeight,$[9]=items,$[10]=renderItem,$[11]=space,$[12]=toIndex,$[13]=t1;}else t1=$[13];return t1;}function findScrollable(parentNode){let _scrollEl=parentNode;for(;_scrollEl&&!_isScrollable(_scrollEl);)_scrollEl=_scrollEl.parentNode;return _scrollEl;}function getElementRef(element){var _Object$getOwnPropert,_Object$getOwnPropert2;let getter=(_Object$getOwnPropert=Object.getOwnPropertyDescriptor(element.props,"ref"))===null||_Object$getOwnPropert===void 0?void 0:_Object$getOwnPropert.get,mayWarn=getter&&"isReactWarning"in getter&&getter.isReactWarning;return mayWarn?element.ref:(getter=(_Object$getOwnPropert2=Object.getOwnPropertyDescriptor(element,"ref"))===null||_Object$getOwnPropert2===void 0?void 0:_Object$getOwnPropert2.get,mayWarn=getter&&"isReactWarning"in getter&&getter.isReactWarning,mayWarn?element.props.ref:element.props.ref||element.ref);}const DEFAULT_POPOVER_DISTANCE=4,DEFAULT_POPOVER_PADDING=4,DEFAULT_POPOVER_ARROW_WIDTH=19,DEFAULT_POPOVER_ARROW_HEIGHT=8,DEFAULT_POPOVER_ARROW_RADIUS=2,DEFAULT_POPOVER_MARGINS=[0,0,0,0],DEFAULT_FALLBACK_PLACEMENTS$1={top:["bottom","left","right"],"top-start":["bottom-start","left-start","right-start"],"top-end":["bottom-end","left-end","right-end"],bottom:["top","left","right"],"bottom-start":["top-start","left-start","right-start"],"bottom-end":["top-end","left-end","right-end"],left:["right","top","bottom"],"left-start":["right-start","top-start","bottom-start"],"left-end":["right-end","top-end","bottom-end"],right:["left","top","bottom"],"right-start":["left-start","top-start","bottom-start"],"right-end":["left-end","top-end","bottom-end"]};function size(options){const{constrainSize,margins,matchReferenceWidth,maxWidthRef,padding=0,referenceWidthRef,setReferenceWidth,widthRef}=options;return{name:"@sanity/ui/size",async fn(args){var _maxWidthRef$current;const{elements,placement,platform,rects}=args,{floating,reference}=rects,overflow=await detectOverflow(args,{altBoundary:!0,boundary:options.boundaryElement||void 0,elementContext:"floating",padding,rootBoundary:"viewport"});let maxWidth=1/0,maxHeight=1/0;const floatingW=floating.width,floatingH=floating.height;placement.includes("top")&&(maxWidth=floatingW-(overflow.left+overflow.right),maxHeight=floatingH-overflow.top),placement.includes("right")&&(maxWidth=floatingW-overflow.right,maxHeight=floatingH-(overflow.top+overflow.bottom)),placement.includes("bottom")&&(maxWidth=floatingW-(overflow.left+overflow.right),maxHeight=floatingH-overflow.bottom),placement.includes("left")&&(maxWidth=floatingW-overflow.left,maxHeight=floatingH-(overflow.top+overflow.bottom));const availableWidth=maxWidth-margins[1]-margins[3],availableHeight=maxHeight-margins[0]-margins[2],referenceWidth=reference.width-margins[1]-margins[3];referenceWidthRef.current=referenceWidth,setReferenceWidth(referenceWidth),matchReferenceWidth?elements.floating.style.width="".concat(referenceWidth,"px"):widthRef.current!==void 0&&(elements.floating.style.width="".concat(widthRef.current,"px")),constrainSize&&(elements.floating.style.maxWidth="".concat(Math.min(availableWidth,(_maxWidthRef$current=maxWidthRef.current)!==null&&_maxWidthRef$current!==void 0?_maxWidthRef$current:1/0),"px"),elements.floating.style.maxHeight="".concat(availableHeight,"px"));const nextDimensions=await platform.getDimensions(elements.floating),targetH=nextDimensions.height,targetW=nextDimensions.width;return floatingW!==targetW||floatingH!==targetH?{reset:{rects:!0}}:{};}};}function calcCurrentWidth(params){const{container,mediaIndex,width}=params,w=width[mediaIndex],currentWidth=w===void 0?width[width.length-1]:w;return typeof currentWidth=="number"?container[currentWidth]:void 0;}function calcMaxWidth(params){const{boundaryWidth,currentWidth}=params;if(!(currentWidth===void 0&&boundaryWidth===void 0))return Math.min(currentWidth!==null&&currentWidth!==void 0?currentWidth:1/0,(boundaryWidth||1/0)-DEFAULT_POPOVER_PADDING*2);}const MotionCard$1=styled(motion.create(Card)).withConfig({displayName:"MotionCard",componentId:"sc-ihg31s-0"})(_templateObject32||(_templateObject32=_taggedTemplateLiteral(["&:not([hidden]){display:flex;}flex-direction:column;width:max-content;min-width:min-content;will-change:transform;"]))),MotionFlex=styled(motion.create(Flex)).withConfig({displayName:"MotionFlex",componentId:"sc-ihg31s-1"})(_templateObject33||(_templateObject33=_taggedTemplateLiteral(["will-change:opacity;"]))),PopoverCard=forwardRef(function(props,ref){var _props20;const $=dist.c(66);let animate,arrow2,arrowRef,arrowX,arrowY,children,marginsProp,originX,originY,overflow,padding,placement,radius,restProps,scheme,shadow,strategy,style,tone,width,xProp,yProp;$[0]!==props?(_props20=props,{__unstable_margins:marginsProp,animate,arrow:arrow2,arrowRef,arrowX,arrowY,children,padding,placement,originX,originY,overflow,radius,scheme,shadow,strategy,style,tone,width,x:xProp,y:yProp}=_props20,restProps=_objectWithoutProperties(_props20,_excluded37),_props20,$[0]=props,$[1]=animate,$[2]=arrow2,$[3]=arrowRef,$[4]=arrowX,$[5]=arrowY,$[6]=children,$[7]=marginsProp,$[8]=originX,$[9]=originY,$[10]=overflow,$[11]=padding,$[12]=placement,$[13]=radius,$[14]=restProps,$[15]=scheme,$[16]=shadow,$[17]=strategy,$[18]=style,$[19]=tone,$[20]=width,$[21]=xProp,$[22]=yProp):(animate=$[1],arrow2=$[2],arrowRef=$[3],arrowX=$[4],arrowY=$[5],children=$[6],marginsProp=$[7],originX=$[8],originY=$[9],overflow=$[10],padding=$[11],placement=$[12],radius=$[13],restProps=$[14],scheme=$[15],shadow=$[16],strategy=$[17],style=$[18],tone=$[19],width=$[20],xProp=$[21],yProp=$[22]);const{zIndex}=useLayer(),margins=marginsProp||DEFAULT_POPOVER_MARGINS,x=(xProp!==null&&xProp!==void 0?xProp:0)+margins[3],y=(yProp!==null&&yProp!==void 0?yProp:0)+margins[0],t0=animate?"transform":void 0;let t1;$[23]!==originX||$[24]!==originY||$[25]!==strategy||$[26]!==style||$[27]!==t0||$[28]!==width||$[29]!==x||$[30]!==y||$[31]!==zIndex?(t1=_objectSpread({left:x,originX,originY,position:strategy,top:y,width,zIndex,willChange:t0},style),$[23]=originX,$[24]=originY,$[25]=strategy,$[26]=style,$[27]=t0,$[28]=width,$[29]=x,$[30]=y,$[31]=zIndex,$[32]=t1):t1=$[32];const rootStyle2=t1,t2=arrowX!==null?arrowX:void 0,t3=arrowY!==null?arrowY:void 0;let t4;$[33]!==t2||$[34]!==t3?(t4={left:t2,top:t3,right:void 0,bottom:void 0},$[33]=t2,$[34]=t3,$[35]=t4):t4=$[35];const arrowStyle=t4,t5=restProps;let t6;$[36]!==animate?(t6=animate?["hidden","initial"]:void 0,$[36]=animate,$[37]=t6):t6=$[37];let t7;$[38]!==animate?(t7=animate?["visible","scaleIn"]:void 0,$[38]=animate,$[39]=t7):t7=$[39];let t8;$[40]!==animate?(t8=animate?["hidden","scaleOut"]:void 0,$[40]=animate,$[41]=t8):t8=$[41];let t9;$[42]!==children||$[43]!==padding?(t9=/* @__PURE__ */jsx(Flex,{direction:"column",flex:1,padding,children}),$[42]=children,$[43]=padding,$[44]=t9):t9=$[44];let t10;$[45]!==overflow||$[46]!==t9?(t10=/* @__PURE__ */jsx(MotionFlex,{"data-ui":"Popover__wrapper",direction:"column",flex:1,overflow,variants:POPOVER_MOTION_PROPS.children,transition:POPOVER_MOTION_PROPS.transition,children:t9}),$[45]=overflow,$[46]=t9,$[47]=t10):t10=$[47];let t11;$[48]!==arrow2||$[49]!==arrowRef||$[50]!==arrowStyle?(t11=arrow2&&/* @__PURE__ */jsx(Arrow,{ref:arrowRef,style:arrowStyle,width:DEFAULT_POPOVER_ARROW_WIDTH,height:DEFAULT_POPOVER_ARROW_HEIGHT,radius:DEFAULT_POPOVER_ARROW_RADIUS}),$[48]=arrow2,$[49]=arrowRef,$[50]=arrowStyle,$[51]=t11):t11=$[51];let t12;return $[52]!==placement||$[53]!==radius||$[54]!==ref||$[55]!==rootStyle2||$[56]!==scheme||$[57]!==shadow||$[58]!==t10||$[59]!==t11||$[60]!==t5||$[61]!==t6||$[62]!==t7||$[63]!==t8||$[64]!==tone?(t12=/* @__PURE__ */jsxs(MotionCard$1,_objectSpread(_objectSpread({"data-ui":"Popover"},t5),{},{"data-placement":placement,radius,ref,scheme,shadow,sizing:"border",style:rootStyle2,tone,variants:POPOVER_MOTION_PROPS.card,transition:POPOVER_MOTION_PROPS.transition,initial:t6,animate:t7,exit:t8,children:[t10,t11]})),$[52]=placement,$[53]=radius,$[54]=ref,$[55]=rootStyle2,$[56]=scheme,$[57]=shadow,$[58]=t10,$[59]=t11,$[60]=t5,$[61]=t6,$[62]=t7,$[63]=t8,$[64]=tone,$[65]=t12):t12=$[65],t12;});PopoverCard.displayName="ForwardRef(PopoverCard)";const ViewportOverlay=()=>{const $=dist.c(2),{zIndex}=useLayer();let t0;return $[0]!==zIndex?(t0=/* @__PURE__ */jsx("div",{style:{height:"100vh",inset:0,position:"fixed",width:"100vw",zIndex}}),$[0]=zIndex,$[1]=t0):t0=$[1],t0;},Popover=forwardRef(function(props,forwardedRef){var _props$placement,_ref70,_ref71,_useElementSize2,_middlewareData$hide,_middlewareData$arrow2,_middlewareData$arrow3,_middlewareData$Sani,_middlewareData$Sani2;const $=dist.c(126),{container,layer}=useTheme_v2(),boundaryElementContext=useBoundaryElement();let _boundaryElement,_fallbackPlacements,_floatingBoundary,_referenceBoundary,_zOffsetProp,childProp,content,disabled,matchReferenceWidth,modal,open,paddingProp,portal,referenceElement,restProps,scheme,t0,t1,t10,t11,t2,t3,t4,t5,t6,t7,t8,t9,updateRef;if($[0]!==props){const{__unstable_margins:t122,animate:t132,arrow:t142,boundaryElement:t152,children:t162,constrainSize:t172,content:t182,disabled:t192,fallbackPlacements:t202,matchReferenceWidth:t212,floatingBoundary:t222,modal:t232,onActivate,open:t242,overflow:t252,padding:t262,placement:t272,placementStrategy:t282,portal:t292,preventOverflow:t302,radius:t312,referenceBoundary:t322,referenceElement:t332,scheme:t342,shadow:t352,tone:t362,width:t372,zOffset:t382,updateRef:t392}=props,t402=_objectWithoutProperties(props,_excluded38);t0=t122,t1=t132,t2=t142,_boundaryElement=t152,childProp=t162,t3=t172,content=t182,disabled=t192,_fallbackPlacements=t202,matchReferenceWidth=t212,_floatingBoundary=t222,modal=t232,open=t242,t4=t252,paddingProp=t262,t5=t272,t6=t282,portal=t292,t7=t302,t8=t312,_referenceBoundary=t322,referenceElement=t332,scheme=t342,t9=t352,t10=t362,t11=t372,_zOffsetProp=t382,updateRef=t392,restProps=t402,$[0]=props,$[1]=_boundaryElement,$[2]=_fallbackPlacements,$[3]=_floatingBoundary,$[4]=_referenceBoundary,$[5]=_zOffsetProp,$[6]=childProp,$[7]=content,$[8]=disabled,$[9]=matchReferenceWidth,$[10]=modal,$[11]=open,$[12]=paddingProp,$[13]=portal,$[14]=referenceElement,$[15]=restProps,$[16]=scheme,$[17]=t0,$[18]=t1,$[19]=t10,$[20]=t11,$[21]=t2,$[22]=t3,$[23]=t4,$[24]=t5,$[25]=t6,$[26]=t7,$[27]=t8,$[28]=t9,$[29]=updateRef;}else _boundaryElement=$[1],_fallbackPlacements=$[2],_floatingBoundary=$[3],_referenceBoundary=$[4],_zOffsetProp=$[5],childProp=$[6],content=$[7],disabled=$[8],matchReferenceWidth=$[9],modal=$[10],open=$[11],paddingProp=$[12],portal=$[13],referenceElement=$[14],restProps=$[15],scheme=$[16],t0=$[17],t1=$[18],t10=$[19],t11=$[20],t2=$[21],t3=$[22],t4=$[23],t5=$[24],t6=$[25],t7=$[26],t8=$[27],t9=$[28],updateRef=$[29];const margins=t0===void 0?DEFAULT_POPOVER_MARGINS:t0,_animate=t1===void 0?!1:t1,arrowProp=t2===void 0?!1:t2,constrainSize=t3===void 0?!1:t3,overflow=t4===void 0?"hidden":t4,placementProp=t5===void 0?"bottom":t5,placementStrategy=t6===void 0?"flip":t6,preventOverflow=t7===void 0?!0:t7,radiusProp=t8===void 0?3:t8,shadowProp=t9===void 0?3:t9,tone=t10===void 0?"inherit":t10,widthProp=t11===void 0?"auto":t11,boundaryElement=_boundaryElement!==null&&_boundaryElement!==void 0?_boundaryElement:boundaryElementContext===null||boundaryElementContext===void 0?void 0:boundaryElementContext.element,fallbackPlacements=_fallbackPlacements!==null&&_fallbackPlacements!==void 0?_fallbackPlacements:DEFAULT_FALLBACK_PLACEMENTS$1[(_props$placement=props.placement)!==null&&_props$placement!==void 0?_props$placement:"bottom"],floatingBoundary=(_ref70=_floatingBoundary!==null&&_floatingBoundary!==void 0?_floatingBoundary:props.boundaryElement)!==null&&_ref70!==void 0?_ref70:boundaryElementContext.element,referenceBoundary=(_ref71=_referenceBoundary!==null&&_referenceBoundary!==void 0?_referenceBoundary:props.boundaryElement)!==null&&_ref71!==void 0?_ref71:boundaryElementContext.element,zOffsetProp=_zOffsetProp!==null&&_zOffsetProp!==void 0?_zOffsetProp:layer.popover.zOffset,animate=usePrefersReducedMotion()?!1:_animate,boundarySize=(_useElementSize2=useElementSize(boundaryElement))===null||_useElementSize2===void 0?void 0:_useElementSize2.border;let t12;$[30]!==paddingProp?(t12=_getArrayProp(paddingProp),$[30]=paddingProp,$[31]=t12):t12=$[31];const padding=t12;let t13;$[32]!==radiusProp?(t13=_getArrayProp(radiusProp),$[32]=radiusProp,$[33]=t13):t13=$[33];const radius=t13;let t14;$[34]!==shadowProp?(t14=_getArrayProp(shadowProp),$[34]=shadowProp,$[35]=t14):t14=$[35];const shadow=t14,widthArrayProp=_getArrayProp(widthProp);let t15;$[36]!==zOffsetProp?(t15=_getArrayProp(zOffsetProp),$[36]=zOffsetProp,$[37]=t15):t15=$[37];const zOffset=t15,ref=useRef$1(null),arrowRef=useRef$1(null);let t16;$[38]===Symbol.for("react.memo_cache_sentinel")?(t16=()=>ref.current,$[38]=t16):t16=$[38],useImperativeHandle(forwardedRef,t16);const mediaIndex=useMediaIndex(),boundaryWidth=constrainSize||preventOverflow?boundarySize===null||boundarySize===void 0?void 0:boundarySize.width:void 0,width=calcCurrentWidth({container,mediaIndex,width:widthArrayProp}),widthRef=useRef$1(width);let t17,t18;$[39]!==width?(t17=()=>{widthRef.current=width;},t18=[width],$[39]=width,$[40]=t17,$[41]=t18):(t17=$[40],t18=$[41]),useEffect$1(t17,t18);let t19;$[42]!==boundaryWidth||$[43]!==width?(t19=calcMaxWidth({boundaryWidth,currentWidth:width}),$[42]=boundaryWidth,$[43]=width,$[44]=t19):t19=$[44];const maxWidth=t19,maxWidthRef=useRef$1(maxWidth);let t20,t21;$[45]!==maxWidth?(t20=()=>{maxWidthRef.current=maxWidth;},t21=[maxWidth],$[45]=maxWidth,$[46]=t20,$[47]=t21):(t20=$[46],t21=$[47]),useEffect$1(t20,t21);const referenceWidthRef=useRef$1(void 0);let t22,t23;$[48]!==matchReferenceWidth||$[49]!==maxWidth||$[50]!==open||$[51]!==width?(t22=()=>{const floatingElement=ref.current;if(!open||!floatingElement)return;const referenceWidth=referenceWidthRef.current;matchReferenceWidth?referenceWidth!==void 0&&(floatingElement.style.width="".concat(referenceWidth,"px")):width!==void 0&&(floatingElement.style.width="".concat(width,"px")),typeof maxWidth=="number"&&(floatingElement.style.maxWidth="".concat(maxWidth,"px"));},t23=[width,matchReferenceWidth,maxWidth,open],$[48]=matchReferenceWidth,$[49]=maxWidth,$[50]=open,$[51]=width,$[52]=t22,$[53]=t23):(t22=$[52],t23=$[53]),useEffect$1(t22,t23);const[referenceWidth_0,setReferenceWidth]=useState(void 0);let t24;$[54]!==animate||$[55]!==arrowProp||$[56]!==constrainSize||$[57]!==fallbackPlacements||$[58]!==floatingBoundary||$[59]!==margins||$[60]!==matchReferenceWidth||$[61]!==placementProp||$[62]!==placementStrategy||$[63]!==preventOverflow||$[64]!==referenceBoundary?(t24={animate,arrowProp,arrowRef,constrainSize,fallbackPlacements,floatingBoundary,margins,matchReferenceWidth,maxWidthRef,placementProp,placementStrategy,preventOverflow,referenceBoundary,referenceWidthRef,rootBoundary:"viewport",setReferenceWidth,widthRef},$[54]=animate,$[55]=arrowProp,$[56]=constrainSize,$[57]=fallbackPlacements,$[58]=floatingBoundary,$[59]=margins,$[60]=matchReferenceWidth,$[61]=placementProp,$[62]=placementStrategy,$[63]=preventOverflow,$[64]=referenceBoundary,$[65]=t24):t24=$[65];const middleware=useMiddleware$1(t24);let t25;$[66]!==referenceElement?(t25=referenceElement?{reference:referenceElement}:void 0,$[66]=referenceElement,$[67]=t25):t25=$[67];let t26;$[68]!==middleware||$[69]!==placementProp||$[70]!==t25?(t26={middleware,placement:placementProp,whileElementsMounted:autoUpdate,elements:t25},$[68]=middleware,$[69]=placementProp,$[70]=t25,$[71]=t26):t26=$[71];const{x,y,middlewareData,placement,refs,strategy,update}=useFloating(t26),referenceHidden=(_middlewareData$hide=middlewareData.hide)===null||_middlewareData$hide===void 0?void 0:_middlewareData$hide.referenceHidden,arrowX=(_middlewareData$arrow2=middlewareData.arrow)===null||_middlewareData$arrow2===void 0?void 0:_middlewareData$arrow2.x,arrowY=(_middlewareData$arrow3=middlewareData.arrow)===null||_middlewareData$arrow3===void 0?void 0:_middlewareData$arrow3.y,originX=(_middlewareData$Sani=middlewareData["@sanity/ui/origin"])===null||_middlewareData$Sani===void 0?void 0:_middlewareData$Sani.originX,originY=(_middlewareData$Sani2=middlewareData["@sanity/ui/origin"])===null||_middlewareData$Sani2===void 0?void 0:_middlewareData$Sani2.originY;let t27;$[72]===Symbol.for("react.memo_cache_sentinel")?(t27=arrowEl=>{arrowRef.current=arrowEl;},$[72]=t27):t27=$[72];const setArrow=t27;let t28;$[73]!==refs?(t28=node=>{ref.current=node,refs.setFloating(node);},$[73]=refs,$[74]=t28):t28=$[74];const setFloating=t28;let t29;$[75]!==childProp?(t29=childProp?getElementRef(childProp):null,$[75]=childProp,$[76]=t29):t29=$[76];let t30;$[77]!==refs.reference.current?(t30=()=>refs.reference.current,$[77]=refs.reference.current,$[78]=t30):t30=$[78],useImperativeHandle(t29,t30);let t31;bb0:{if(referenceElement){t31=childProp;break bb0;}if(!childProp){t31=null;break bb0;}let t322;$[79]!==childProp||$[80]!==refs.setReference?(t322=cloneElement(childProp,{ref:refs.setReference}),$[79]=childProp,$[80]=refs.setReference,$[81]=t322):t322=$[81],t31=t322;}const child=t31;let t32,t33;if($[82]!==update?(t32=()=>update,t33=[update],$[82]=update,$[83]=t32,$[84]=t33):(t32=$[83],t33=$[84]),useImperativeHandle(updateRef,t32,t33),disabled){let t342;return $[85]!==childProp?(t342=childProp||/* @__PURE__ */jsx(Fragment,{}),$[85]=childProp,$[86]=t342):t342=$[86],t342;}let t34;$[87]!==modal?(t34=modal&&/* @__PURE__ */jsx(ViewportOverlay,{}),$[87]=modal,$[88]=t34):t34=$[88];const t35=matchReferenceWidth?referenceWidth_0:width;let t36;$[89]!==animate||$[90]!==arrowProp||$[91]!==arrowX||$[92]!==arrowY||$[93]!==content||$[94]!==margins||$[95]!==originX||$[96]!==originY||$[97]!==overflow||$[98]!==padding||$[99]!==placement||$[100]!==radius||$[101]!==referenceHidden||$[102]!==restProps||$[103]!==scheme||$[104]!==setFloating||$[105]!==shadow||$[106]!==strategy||$[107]!==t35||$[108]!==tone||$[109]!==x||$[110]!==y?(t36=/* @__PURE__ */jsx(PopoverCard,_objectSpread(_objectSpread({},restProps),{},{__unstable_margins:margins,animate,arrow:arrowProp,arrowRef:setArrow,arrowX,arrowY,hidden:referenceHidden,overflow,padding,placement,radius,ref:setFloating,scheme,shadow,originX,originY,strategy,tone,width:t35,x,y,children:content})),$[89]=animate,$[90]=arrowProp,$[91]=arrowX,$[92]=arrowY,$[93]=content,$[94]=margins,$[95]=originX,$[96]=originY,$[97]=overflow,$[98]=padding,$[99]=placement,$[100]=radius,$[101]=referenceHidden,$[102]=restProps,$[103]=scheme,$[104]=setFloating,$[105]=shadow,$[106]=strategy,$[107]=t35,$[108]=tone,$[109]=x,$[110]=y,$[111]=t36):t36=$[111];let t37;$[112]!==t34||$[113]!==t36||$[114]!==zOffset?(t37=/* @__PURE__ */jsxs(LayerProvider,{zOffset,children:[t34,t36]}),$[112]=t34,$[113]=t36,$[114]=zOffset,$[115]=t37):t37=$[115];const popover=t37;let t38;$[116]!==open||$[117]!==popover||$[118]!==portal?(t38=open&&(portal?/* @__PURE__ */jsx(Portal,{__unstable_name:typeof portal=="string"?portal:void 0,children:popover}):popover),$[116]=open,$[117]=popover,$[118]=portal,$[119]=t38):t38=$[119];const children=t38;let t39;$[120]!==animate||$[121]!==children?(t39=animate?/* @__PURE__ */jsx(AnimatePresence,{children}):children,$[120]=animate,$[121]=children,$[122]=t39):t39=$[122];let t40;return $[123]!==child||$[124]!==t39?(t40=/* @__PURE__ */jsxs(Fragment,{children:[t39,child]}),$[123]=child,$[124]=t39,$[125]=t40):t40=$[125],t40;});Popover.displayName="ForwardRef(Popover)";function useMiddleware$1(t0){const $=dist.c(42),{animate,arrowProp,arrowRef,constrainSize,fallbackPlacements,floatingBoundary,margins,matchReferenceWidth,maxWidthRef,placementProp,placementStrategy,preventOverflow,referenceBoundary,referenceWidthRef,rootBoundary,setReferenceWidth,widthRef}=t0;let ret;if($[0]!==animate||$[1]!==arrowProp||$[2]!==arrowRef||$[3]!==constrainSize||$[4]!==fallbackPlacements||$[5]!==floatingBoundary||$[6]!==margins||$[7]!==matchReferenceWidth||$[8]!==maxWidthRef||$[9]!==placementProp||$[10]!==placementStrategy||$[11]!==preventOverflow||$[12]!==referenceBoundary||$[13]!==referenceWidthRef||$[14]!==rootBoundary||$[15]!==setReferenceWidth||$[16]!==widthRef){if(ret=[],constrainSize||preventOverflow)if(placementStrategy==="autoPlacement"){let t12;$[18]!==fallbackPlacements||$[19]!==placementProp?(t12=autoPlacement({allowedPlacements:[placementProp].concat(fallbackPlacements)}),$[18]=fallbackPlacements,$[19]=placementProp,$[20]=t12):t12=$[20],ret.push(t12);}else{const t12=floatingBoundary||void 0;let t22;$[21]!==fallbackPlacements||$[22]!==rootBoundary||$[23]!==t12?(t22=flip({boundary:t12,fallbackPlacements,padding:DEFAULT_POPOVER_PADDING,rootBoundary}),$[21]=fallbackPlacements,$[22]=rootBoundary,$[23]=t12,$[24]=t22):t22=$[24],ret.push(t22);}let t1;if($[25]===Symbol.for("react.memo_cache_sentinel")?(t1=offset({mainAxis:DEFAULT_POPOVER_DISTANCE}),$[25]=t1):t1=$[25],ret.push(t1),constrainSize||matchReferenceWidth){const t22=floatingBoundary||void 0;let t32;$[26]!==constrainSize||$[27]!==margins||$[28]!==matchReferenceWidth||$[29]!==maxWidthRef||$[30]!==referenceWidthRef||$[31]!==setReferenceWidth||$[32]!==t22||$[33]!==widthRef?(t32=size({boundaryElement:t22,constrainSize,margins,matchReferenceWidth,maxWidthRef,padding:DEFAULT_POPOVER_PADDING,referenceWidthRef,setReferenceWidth,widthRef}),$[26]=constrainSize,$[27]=margins,$[28]=matchReferenceWidth,$[29]=maxWidthRef,$[30]=referenceWidthRef,$[31]=setReferenceWidth,$[32]=t22,$[33]=widthRef,$[34]=t32):t32=$[34],ret.push(t32);}if(preventOverflow){const t22=floatingBoundary||void 0;let t32;$[35]!==rootBoundary||$[36]!==t22?(t32=shift({boundary:t22,rootBoundary,padding:DEFAULT_POPOVER_PADDING}),$[35]=rootBoundary,$[36]=t22,$[37]=t32):t32=$[37],ret.push(t32);}if(arrowProp){let t22;$[38]!==arrowRef?(t22=arrow({element:arrowRef,padding:DEFAULT_POPOVER_PADDING}),$[38]=arrowRef,$[39]=t22):t22=$[39],ret.push(t22);}animate&&ret.push(origin);const t2=referenceBoundary||void 0;let t3;$[40]!==t2?(t3=hide({boundary:t2,padding:DEFAULT_POPOVER_PADDING,strategy:"referenceHidden"}),$[40]=t2,$[41]=t3):t3=$[41],ret.push(t3),$[0]=animate,$[1]=arrowProp,$[2]=arrowRef,$[3]=constrainSize,$[4]=fallbackPlacements,$[5]=floatingBoundary,$[6]=margins,$[7]=matchReferenceWidth,$[8]=maxWidthRef,$[9]=placementProp,$[10]=placementStrategy,$[11]=preventOverflow,$[12]=referenceBoundary,$[13]=referenceWidthRef,$[14]=rootBoundary,$[15]=setReferenceWidth,$[16]=widthRef,$[17]=ret;}else ret=$[17];return ret;}function radioBaseStyle(){return css(_templateObject34||(_templateObject34=_taggedTemplateLiteral(["\n position: relative;\n\n &:not([hidden]) {\n display: inline-block;\n }\n\n &[data-read-only] {\n outline: 1px solid red;\n }\n "])));}function inputElementStyle(props){const{color,input}=getTheme_v2(props.theme),dist=(input.radio.size-input.radio.markSize)/2;return css(_templateObject35||(_templateObject35=_taggedTemplateLiteral(["\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n height: 100%;\n width: 100%;\n outline: none;\n z-index: 1;\n padding: 0;\n margin: 0;\n border-radius: ",";\n border: none;\n\n /* enabled */\n & + span {\n display: block;\n position: relative;\n height: ",";\n width: ",";\n border-radius: ",";\n background: ",";\n box-shadow: ",";\n\n &::after {\n content: '';\n position: absolute;\n top: ",";\n left: ",";\n height: ",";\n width: ",";\n border-radius: ",";\n background: ",";\n opacity: 0;\n }\n }\n\n /* focused */\n &:not(:disabled):focus + span {\n box-shadow: ",";\n }\n\n &:not(:disabled):focus:not(:focus-visible) + span {\n box-shadow: ",";\n }\n\n &:checked + span::after {\n opacity: 1;\n }\n\n /* customValidity */\n &[data-error] + span {\n background-color: ",";\n box-shadow: ",";\n &::after {\n background: ",";\n }\n }\n\n /* read only */\n &[data-read-only] + span {\n box-shadow: 0 0 0 1px ",";\n background: ",";\n\n &::after {\n background: ",";\n }\n }\n\n /* disabled */\n &:not([data-read-only]):disabled + span {\n box-shadow: 0 0 0 1px ",";\n background: ",";\n\n &::after {\n background: ",";\n }\n }\n "])),rem(input.radio.size/2),rem(input.radio.size),rem(input.radio.size),rem(input.radio.size/2),color.input.default.enabled.bg,focusRingBorderStyle({color:color.input.default.enabled.border,width:input.border.width}),rem(dist),rem(dist),rem(input.radio.markSize),rem(input.radio.markSize),rem(input.radio.markSize/2),color.input.default.enabled.fg,focusRingStyle({border:{width:input.border.width,color:color.input.default.enabled.border},focusRing:input.radio.focusRing}),focusRingBorderStyle({color:color.input.default.enabled.border,width:input.border.width}),color.input.invalid.enabled.border,focusRingBorderStyle({width:input.border.width,color:color.input.invalid.enabled.muted.bg}),color.input.invalid.enabled.muted.bg,color.input.default.readOnly.border,color.input.default.readOnly.bg,color.input.default.readOnly.border,color.input.default.disabled.border,color.input.default.disabled.bg,color.input.default.disabled.border);}const StyledRadio=/* @__PURE__ */styled.div.withConfig({displayName:"StyledRadio",componentId:"sc-ccrwkf-0"})(radioBaseStyle),Input$4=/* @__PURE__ */styled.input.withConfig({displayName:"Input",componentId:"sc-ccrwkf-1"})(inputElementStyle),Radio=forwardRef(function(props,forwardedRef){var _props21;const $=dist.c(19);let className,customValidity,disabled,readOnly,restProps,style;$[0]!==props?(_props21=props,{className,disabled,style,customValidity,readOnly}=_props21,restProps=_objectWithoutProperties(_props21,_excluded39),_props21,$[0]=props,$[1]=className,$[2]=customValidity,$[3]=disabled,$[4]=readOnly,$[5]=restProps,$[6]=style):(className=$[1],customValidity=$[2],disabled=$[3],readOnly=$[4],restProps=$[5],style=$[6]);const ref=useRef$1(null);let t0;$[7]===Symbol.for("react.memo_cache_sentinel")?(t0=()=>ref.current,$[7]=t0):t0=$[7],useImperativeHandle(forwardedRef,t0),useCustomValidity(ref,customValidity);const t1=!disabled&&readOnly?"":void 0,t2=customValidity?"":void 0,t3=disabled||readOnly;let t4;$[8]!==readOnly||$[9]!==restProps||$[10]!==t1||$[11]!==t2||$[12]!==t3?(t4=/* @__PURE__ */jsx(Input$4,_objectSpread(_objectSpread({"data-read-only":t1,"data-error":t2},restProps),{},{disabled:t3,readOnly,ref,type:"radio"})),$[8]=readOnly,$[9]=restProps,$[10]=t1,$[11]=t2,$[12]=t3,$[13]=t4):t4=$[13];let t5;$[14]===Symbol.for("react.memo_cache_sentinel")?(t5=/* @__PURE__ */jsx("span",{}),$[14]=t5):t5=$[14];let t6;return $[15]!==className||$[16]!==style||$[17]!==t4?(t6=/* @__PURE__ */jsxs(StyledRadio,{className,"data-ui":"Radio",style,children:[t4,t5]}),$[15]=className,$[16]=style,$[17]=t4,$[18]=t6):t6=$[18],t6;});Radio.displayName="ForwardRef(Radio)";function rootStyle(){return css(_templateObject36||(_templateObject36=_taggedTemplateLiteral(["\n position: relative;\n width: -moz-available;\n width: -webkit-fill-available;\n width: stretch;\n\n &:not([hidden]) {\n display: inline-block;\n }\n "])));}function inputBaseStyle(props){const{font}=getTheme_v2(props.theme);return css(_templateObject37||(_templateObject37=_taggedTemplateLiteral(["\n -webkit-font-smoothing: antialiased;\n appearance: none;\n border: 0;\n font-family: ",";\n color: inherit;\n width: 100%;\n outline: none;\n margin: 0;\n\n &:disabled {\n opacity: 1;\n }\n "])),font.text.family);}function inputColorStyle(props){const{color,input}=getTheme_v2(props.theme);return css(_templateObject38||(_templateObject38=_taggedTemplateLiteral(["\n /* enabled */\n background-color: ",";\n color: ",";\n box-shadow: ",";\n\n /* hovered */\n @media (hover: hover) {\n &:not(:disabled):hover {\n background-color: ",";\n color: ",";\n box-shadow: ",";\n }\n }\n\n /* focused */\n &:not(:disabled):focus {\n box-shadow: ",";\n }\n\n /* read-only */\n &[data-read-only] {\n background-color: ",";\n color: ",";\n box-shadow: ",";\n }\n\n /* disabled */\n &:not([data-read-only]):disabled {\n background-color: ",";\n color: ",";\n box-shadow: ",";\n }\n "])),color.input.default.enabled.bg,color.input.default.enabled.fg,focusRingBorderStyle({color:color.input.default.enabled.border,width:input.border.width}),color.input.default.hovered.bg,color.input.default.hovered.fg,focusRingBorderStyle({color:color.input.default.hovered.border,width:input.border.width}),focusRingStyle({border:{width:input.border.width,color:color.input.default.enabled.border},focusRing:input.select.focusRing}),color.input.default.readOnly.bg,color.input.default.readOnly.fg,focusRingBorderStyle({color:color.input.default.readOnly.border,width:input.border.width}),color.input.default.disabled.bg,color.input.default.disabled.fg,focusRingBorderStyle({color:color.input.default.disabled.border,width:input.border.width}));}function textSize(size2){return{fontSize:rem(size2.fontSize),lineHeight:"".concat(rem(size2.lineHeight))};}function inputTextSizeStyle(props){const{$fontSize}=props,{font,media}=getTheme_v2(props.theme);return _responsive(media,$fontSize,sizeIndex=>textSize(font.text.sizes[sizeIndex]||font.text.sizes[2]));}function inputStyle(){return[responsiveRadiusStyle,inputBaseStyle,inputColorStyle,inputTextSizeStyle,responsiveInputPaddingIconRightStyle];}function iconBoxStyle(props){const{color}=getTheme_v2(props.theme);return css(_templateObject39||(_templateObject39=_taggedTemplateLiteral(["\n pointer-events: none;\n position: absolute;\n top: 0;\n right: 0;\n\n /* enabled */\n --card-fg-color: ",";\n\n /* hover */\n @media (hover: hover) {\n select:not(disabled):not(:read-only):hover + && {\n --card-fg-color: ",";\n }\n }\n\n /* disabled */\n select:disabled + && {\n --card-fg-color: ",";\n }\n\n /* read-only */\n select[data-read-only] + && {\n --card-fg-color: ",";\n }\n "])),color.input.default.enabled.fg,color.input.default.hovered.fg,color.input.default.disabled.fg,color.input.default.readOnly.fg);}const selectStyle={root:rootStyle,input:inputStyle,iconBox:iconBoxStyle},StyledSelect=/* @__PURE__ */styled.div.withConfig({displayName:"StyledSelect",componentId:"sc-5mxno7-0"})(selectStyle.root),Input$3=/* @__PURE__ */styled.select.withConfig({displayName:"Input",componentId:"sc-5mxno7-1"})(selectStyle.input),IconBox=/* @__PURE__ */styled(Box).withConfig({displayName:"IconBox",componentId:"sc-5mxno7-2"})(selectStyle.iconBox),Select=forwardRef(function(props,forwardedRef){var _props22;const $=dist.c(37);let children,customValidity,disabled,readOnly,restProps,t0,t1,t2,t3;$[0]!==props?(_props22=props,{children,customValidity,disabled,fontSize:t0,padding:t1,radius:t2,readOnly,space:t3}=_props22,restProps=_objectWithoutProperties(_props22,_excluded40),_props22,$[0]=props,$[1]=children,$[2]=customValidity,$[3]=disabled,$[4]=readOnly,$[5]=restProps,$[6]=t0,$[7]=t1,$[8]=t2,$[9]=t3):(children=$[1],customValidity=$[2],disabled=$[3],readOnly=$[4],restProps=$[5],t0=$[6],t1=$[7],t2=$[8],t3=$[9]);const fontSize2=t0===void 0?2:t0,padding=t1===void 0?3:t1,radius=t2===void 0?2:t2,space=t3===void 0?3:t3,ref=useRef$1(null);let t4;$[10]===Symbol.for("react.memo_cache_sentinel")?(t4=()=>ref.current,$[10]=t4):t4=$[10],useImperativeHandle(forwardedRef,t4),useCustomValidity(ref,customValidity);const t5=!disabled&&readOnly?"":void 0;let t6;$[11]!==fontSize2?(t6=_getArrayProp(fontSize2),$[11]=fontSize2,$[12]=t6):t6=$[12];let t7;$[13]!==padding?(t7=_getArrayProp(padding),$[13]=padding,$[14]=t7):t7=$[14];let t8;$[15]!==radius?(t8=_getArrayProp(radius),$[15]=radius,$[16]=t8):t8=$[16];let t9;$[17]!==space?(t9=_getArrayProp(space),$[17]=space,$[18]=t9):t9=$[18];const t10=disabled||readOnly;let t11;$[19]!==children||$[20]!==restProps||$[21]!==t10||$[22]!==t5||$[23]!==t6||$[24]!==t7||$[25]!==t8||$[26]!==t9?(t11=/* @__PURE__ */jsx(Input$3,_objectSpread(_objectSpread({"data-read-only":t5,"data-ui":"Select"},restProps),{},{$fontSize:t6,$padding:t7,$radius:t8,$space:t9,disabled:t10,ref,children})),$[19]=children,$[20]=restProps,$[21]=t10,$[22]=t5,$[23]=t6,$[24]=t7,$[25]=t8,$[26]=t9,$[27]=t11):t11=$[27];let t12;$[28]===Symbol.for("react.memo_cache_sentinel")?(t12=/* @__PURE__ */jsx(ChevronDownIcon,{}),$[28]=t12):t12=$[28];let t13;$[29]!==fontSize2?(t13=/* @__PURE__ */jsx(Text,{size:fontSize2,children:t12}),$[29]=fontSize2,$[30]=t13):t13=$[30];let t14;$[31]!==padding||$[32]!==t13?(t14=/* @__PURE__ */jsx(IconBox,{padding,children:t13}),$[31]=padding,$[32]=t13,$[33]=t14):t14=$[33];let t15;return $[34]!==t11||$[35]!==t14?(t15=/* @__PURE__ */jsxs(StyledSelect,{"data-ui":"Select",children:[t11,t14]}),$[34]=t11,$[35]=t14,$[36]=t15):t15=$[36],t15;});Select.displayName="ForwardRef(Select)";const BASE_STYLE={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"},gridTemplateColumns:"minmax(0, 1fr)",gridAutoRows:"min-content"};function stackBaseStyle(){return BASE_STYLE;}function responsiveStackSpaceStyle(props){const{media,space}=getTheme_v2(props.theme);return _responsive(media,props.$space,spaceIndex=>({gridGap:rem(space[spaceIndex])}));}const StyledStack=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledStack",componentId:"sc-8dpfq2-0"})(stackBaseStyle,responsiveStackSpaceStyle),Stack=forwardRef(function(props,ref){var _props23;const $=dist.c(12);let as,restProps,space;$[0]!==props?(_props23=props,{as,space}=_props23,restProps=_objectWithoutProperties(_props23,_excluded41),_props23,$[0]=props,$[1]=as,$[2]=restProps,$[3]=space):(as=$[1],restProps=$[2],space=$[3]);const t0=typeof as=="string"?as:void 0;let t1;$[4]!==space?(t1=_getArrayProp(space),$[4]=space,$[5]=t1):t1=$[5];let t2;return $[6]!==as||$[7]!==ref||$[8]!==restProps||$[9]!==t0||$[10]!==t1?(t2=/* @__PURE__ */jsx(StyledStack,_objectSpread(_objectSpread({"data-as":t0,"data-ui":"Stack"},restProps),{},{$space:t1,forwardedAs:as,ref})),$[6]=as,$[7]=ref,$[8]=restProps,$[9]=t0,$[10]=t1,$[11]=t2):t2=$[11],t2;});Stack.displayName="ForwardRef(Stack)";function switchBaseStyles(){return css(_templateObject40||(_templateObject40=_taggedTemplateLiteral(["\n position: relative;\n &:not([hidden]) {\n display: inline-block;\n }\n "])));}function switchInputStyles(){return css(_templateObject41||(_templateObject41=_taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0;\n height: 100%;\n width: 100%;\n outline: none;\n padding: 0;\n margin: 0;\n\n /* Place the input element above the representation element */\n z-index: 1;\n "])));}function switchRepresentationStyles(props){const{color,input}=getTheme_v2(props.theme);return css(_templateObject42||(_templateObject42=_taggedTemplateLiteral(["\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n --switch-box-shadow: none;\n\n &:not([hidden]) {\n display: block;\n }\n position: relative;\n width: ",";\n height: ",";\n border-radius: ",";\n\n /* Make sure it\u2019s not possible to interact with the wrapper element */\n pointer-events: none;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n box-shadow: var(--switch-box-shadow);\n border-radius: inherit;\n }\n\n /* Focus styles */\n input:focus + && {\n --switch-box-shadow: ",";\n }\n\n input:focus:not(:focus-visible) + && {\n --switch-box-shadow: none;\n }\n\n input:checked + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n\n @media (hover: hover) {\n input:not(:disabled):hover + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n\n input:not(:disabled):checked:hover + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n }\n\n input:not([data-read-only]):disabled + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n\n input[data-read-only]:disabled + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n\n input:checked[data-read-only]:disabled + && {\n --switch-bg-color: ",";\n --switch-fg-color: ",";\n }\n "])),color.input.default.enabled.border,color.input.default.enabled.bg,rem(input.switch.width),rem(input.switch.height),rem(input.switch.height/2),focusRingStyle({focusRing:input.switch.focusRing}),color.input.default.enabled.fg,color.input.default.enabled.bg,color.input.default.hovered.border,color.input.default.hovered.bg,color.input.default.enabled.fg,color.input.default.enabled.bg,color.input.default.disabled.border,color.input.default.disabled.bg,color.input.default.readOnly.border,color.input.default.readOnly.bg,color.input.default.readOnly.fg,color.input.default.readOnly.bg);}function switchTrackStyles(props){const{input}=getTheme_v2(props.theme);return css(_templateObject43||(_templateObject43=_taggedTemplateLiteral(["\n &:not([hidden]) {\n display: block;\n }\n background-color: var(--switch-bg-color);\n position: absolute;\n left: 0;\n top: 0;\n width: ",";\n height: ",";\n border-radius: ",";\n "])),rem(input.switch.width),rem(input.switch.height),rem(input.switch.height/2));}function switchThumbStyles(props){const{$indeterminate}=props,{input}=getTheme_v2(props.theme),trackWidth=input.switch.width,trackHeight=input.switch.height,trackPadding=input.switch.padding,size2=trackHeight-input.switch.padding*2,checkedOffset=trackWidth-trackPadding*2-size2,indeterminateOffset=trackWidth/2-size2/2-trackPadding,checked=$indeterminate!==!0&&props.$checked===!0;return css(_templateObject44||(_templateObject44=_taggedTemplateLiteral(["\n &:not([hidden]) {\n display: block;\n }\n position: absolute;\n left: ",";\n top: ",";\n height: ",";\n width: ",";\n border-radius: ",";\n transition-property: transform;\n transition-duration: ","ms;\n transition-timing-function: ",";\n background: var(--switch-fg-color);\n transform: translate3d(0, 0, 0);\n box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);\n\n ","\n\n ","\n "])),rem(trackPadding),rem(trackPadding),rem(size2),rem(size2),rem(size2/2),input.switch.transitionDurationMs,input.switch.transitionTimingFunction,checked&&css(_templateObject45||(_templateObject45=_taggedTemplateLiteral(["\n transform: translate3d(","px, 0, 0);\n "])),checkedOffset),$indeterminate&&css(_templateObject46||(_templateObject46=_taggedTemplateLiteral(["\n transform: translate3d(","px, 0, 0);\n "])),indeterminateOffset));}const StyledSwitch=/* @__PURE__ */styled.span.withConfig({displayName:"StyledSwitch",componentId:"sc-dw1foe-0"})(switchBaseStyles),Input$2=/* @__PURE__ */styled.input.withConfig({displayName:"Input",componentId:"sc-dw1foe-1"})(switchInputStyles),Representation=/* @__PURE__ */styled.span.withConfig({displayName:"Representation",componentId:"sc-dw1foe-2"})(switchRepresentationStyles),Track=/* @__PURE__ */styled.span.withConfig({displayName:"Track",componentId:"sc-dw1foe-3"})(switchTrackStyles),Thumb=/* @__PURE__ */styled.span.withConfig({displayName:"Thumb",componentId:"sc-dw1foe-4"})(switchThumbStyles),Switch=forwardRef(function(props,forwardedRef){var _props24;const $=dist.c(26);let checked,className,disabled,indeterminate,readOnly,restProps,style;$[0]!==props?(_props24=props,{checked,className,disabled,indeterminate,readOnly,style}=_props24,restProps=_objectWithoutProperties(_props24,_excluded42),_props24,$[0]=props,$[1]=checked,$[2]=className,$[3]=disabled,$[4]=indeterminate,$[5]=readOnly,$[6]=restProps,$[7]=style):(checked=$[1],className=$[2],disabled=$[3],indeterminate=$[4],readOnly=$[5],restProps=$[6],style=$[7]);const ref=useRef$1(null);let t0;$[8]===Symbol.for("react.memo_cache_sentinel")?(t0=()=>ref.current,$[8]=t0):t0=$[8],useImperativeHandle(forwardedRef,t0);let t1,t2;$[9]!==indeterminate?(t1=()=>{ref.current&&(ref.current.indeterminate=indeterminate||!1);},t2=[indeterminate],$[9]=indeterminate,$[10]=t1,$[11]=t2):(t1=$[10],t2=$[11]),useEffect$1(t1,t2);const t3=!disabled&&readOnly?"":void 0,t4=indeterminate!==!0&&checked,t5=disabled||readOnly;let t6;$[12]!==restProps||$[13]!==t3||$[14]!==t4||$[15]!==t5?(t6=/* @__PURE__ */jsx(Input$2,_objectSpread(_objectSpread({"data-read-only":t3},restProps),{},{checked:t4,disabled:t5,type:"checkbox",ref})),$[12]=restProps,$[13]=t3,$[14]=t4,$[15]=t5,$[16]=t6):t6=$[16];let t7;$[17]===Symbol.for("react.memo_cache_sentinel")?(t7=/* @__PURE__ */jsx(Track,{}),$[17]=t7):t7=$[17];let t8;$[18]!==checked||$[19]!==indeterminate?(t8=/* @__PURE__ */jsxs(Representation,{"aria-hidden":!0,"data-name":"representation",children:[t7,/* @__PURE__ */jsx(Thumb,{$checked:checked,$indeterminate:indeterminate})]}),$[18]=checked,$[19]=indeterminate,$[20]=t8):t8=$[20];let t9;return $[21]!==className||$[22]!==style||$[23]!==t6||$[24]!==t8?(t9=/* @__PURE__ */jsxs(StyledSwitch,{className,"data-ui":"Switch",style,children:[t6,t8]}),$[21]=className,$[22]=style,$[23]=t6,$[24]=t8,$[25]=t9):t9=$[25],t9;});Switch.displayName="ForwardRef(Switch)";const StyledTextArea=/* @__PURE__ */styled.span.withConfig({displayName:"StyledTextArea",componentId:"sc-1d6h1o8-0"})(textInputRootStyle),InputRoot$1=styled.span.withConfig({displayName:"InputRoot",componentId:"sc-1d6h1o8-1"})(_templateObject47||(_templateObject47=_taggedTemplateLiteral(["flex:1;min-width:0;display:block;position:relative;"]))),Input$1=/* @__PURE__ */styled.textarea.withConfig({displayName:"Input",componentId:"sc-1d6h1o8-2"})(responsiveInputPaddingStyle,textInputBaseStyle,textInputFontSizeStyle),Presentation$1=/* @__PURE__ */styled.div.withConfig({displayName:"Presentation",componentId:"sc-1d6h1o8-3"})(responsiveRadiusStyle,textInputRepresentationStyle),TextArea=forwardRef(function(props,forwardedRef){var _props25;const $=dist.c(35);let __unstable_disableFocusRing,customValidity,restProps,t0,t1,t2,t3,t4,weight;$[0]!==props?(_props25=props,{border:t0,customValidity,disabled:t1,fontSize:t2,padding:t3,radius:t4,weight,__unstable_disableFocusRing}=_props25,restProps=_objectWithoutProperties(_props25,_excluded43),_props25,$[0]=props,$[1]=__unstable_disableFocusRing,$[2]=customValidity,$[3]=restProps,$[4]=t0,$[5]=t1,$[6]=t2,$[7]=t3,$[8]=t4,$[9]=weight):(__unstable_disableFocusRing=$[1],customValidity=$[2],restProps=$[3],t0=$[4],t1=$[5],t2=$[6],t3=$[7],t4=$[8],weight=$[9]);const border2=t0===void 0?!0:t0,disabled=t1===void 0?!1:t1,fontSize2=t2===void 0?2:t2,padding=t3===void 0?3:t3,radius=t4===void 0?2:t4,ref=useRef$1(null),rootTheme=useRootTheme();let t5;$[10]===Symbol.for("react.memo_cache_sentinel")?(t5=()=>ref.current,$[10]=t5):t5=$[10],useImperativeHandle(forwardedRef,t5),useCustomValidity(ref,customValidity);const t6=rootTheme.scheme,t7=rootTheme.tone;let t8;$[11]!==fontSize2?(t8=_getArrayProp(fontSize2),$[11]=fontSize2,$[12]=t8):t8=$[12];let t9;$[13]!==padding?(t9=_getArrayProp(padding),$[13]=padding,$[14]=t9):t9=$[14];const t10=rootTheme.scheme;let t11;$[15]===Symbol.for("react.memo_cache_sentinel")?(t11=_getArrayProp(0),$[15]=t11):t11=$[15];let t12;$[16]!==disabled||$[17]!==restProps||$[18]!==rootTheme.scheme||$[19]!==rootTheme.tone||$[20]!==t8||$[21]!==t9||$[22]!==weight?(t12=/* @__PURE__ */jsx(Input$1,_objectSpread(_objectSpread({"data-as":"textarea","data-scheme":t6,"data-tone":t7},restProps),{},{$fontSize:t8,$padding:t9,$scheme:t10,$space:t11,$tone:rootTheme.tone,$weight:weight,disabled,ref})),$[16]=disabled,$[17]=restProps,$[18]=rootTheme.scheme,$[19]=rootTheme.tone,$[20]=t8,$[21]=t9,$[22]=weight,$[23]=t12):t12=$[23];let t13;$[24]!==radius?(t13=_getArrayProp(radius),$[24]=radius,$[25]=t13):t13=$[25];const t14=border2?"":void 0;let t15;$[26]!==__unstable_disableFocusRing||$[27]!==rootTheme.scheme||$[28]!==rootTheme.tone||$[29]!==t13||$[30]!==t14?(t15=/* @__PURE__ */jsx(Presentation$1,{$radius:t13,$unstableDisableFocusRing:__unstable_disableFocusRing,$scheme:rootTheme.scheme,$tone:rootTheme.tone,"data-border":t14,"data-scheme":rootTheme.scheme,"data-tone":rootTheme.tone}),$[26]=__unstable_disableFocusRing,$[27]=rootTheme.scheme,$[28]=rootTheme.tone,$[29]=t13,$[30]=t14,$[31]=t15):t15=$[31];let t16;return $[32]!==t12||$[33]!==t15?(t16=/* @__PURE__ */jsx(StyledTextArea,{"data-ui":"TextArea",children:/* @__PURE__ */jsxs(InputRoot$1,{children:[t12,t15]})}),$[32]=t12,$[33]=t15,$[34]=t16):t16=$[34],t16;});TextArea.displayName="ForwardRef(TextArea)";const CLEAR_BUTTON_BOX_STYLE={zIndex:2},StyledTextInput=/* @__PURE__ */styled(Card).attrs({forwardedAs:"span"}).withConfig({displayName:"StyledTextInput",componentId:"sc-h62wco-0"})(textInputRootStyle),InputRoot=styled.span.withConfig({displayName:"InputRoot",componentId:"sc-h62wco-1"})(_templateObject48||(_templateObject48=_taggedTemplateLiteral(["flex:1;min-width:0;display:block;position:relative;"]))),Prefix=styled(Card).attrs({forwardedAs:"span"}).withConfig({displayName:"Prefix",componentId:"sc-h62wco-2"})(_templateObject49||(_templateObject49=_taggedTemplateLiteral(["border-top-right-radius:0;border-bottom-right-radius:0;& > span{display:block;margin:-1px;}"]))),Suffix=styled(Card).attrs({forwardedAs:"span"}).withConfig({displayName:"Suffix",componentId:"sc-h62wco-3"})(_templateObject50||(_templateObject50=_taggedTemplateLiteral(["border-top-left-radius:0;border-bottom-left-radius:0;& > span{display:block;margin:-1px;}"]))),Input=/* @__PURE__ */styled.input.withConfig({displayName:"Input",componentId:"sc-h62wco-4"})(responsiveInputPaddingStyle,textInputBaseStyle,textInputFontSizeStyle),Presentation=/* @__PURE__ */styled.span.withConfig({displayName:"Presentation",componentId:"sc-h62wco-5"})(responsiveRadiusStyle,textInputRepresentationStyle),LeftBox=styled(Box).withConfig({displayName:"LeftBox",componentId:"sc-h62wco-6"})(_templateObject51||(_templateObject51=_taggedTemplateLiteral(["position:absolute;top:0;left:0;"]))),RightBox=styled(Box).withConfig({displayName:"RightBox",componentId:"sc-h62wco-7"})(_templateObject52||(_templateObject52=_taggedTemplateLiteral(["position:absolute;top:0;right:0;"]))),RightCard=styled(Card).withConfig({displayName:"RightCard",componentId:"sc-h62wco-8"})(_templateObject53||(_templateObject53=_taggedTemplateLiteral(["background-color:transparent;position:absolute;top:0;right:0;"]))),TextInputClearButton=/* @__PURE__ */styled(Button).withConfig({displayName:"TextInputClearButton",componentId:"sc-h62wco-9"})({"&:not([hidden])":{display:"block"}}),TextInput=forwardRef(function(props,forwardedRef){var _props26;const $=dist.c(92);let IconComponent,IconRightComponent,__unstable_disableFocusRing,clearButton,customValidity,onClear,prefix,readOnly,restProps,suffix,t0,t1,t2,t3,t4,t5,t6,weight;$[0]!==props?(_props26=props,{__unstable_disableFocusRing,border:t0,clearButton,disabled:t1,fontSize:t2,icon:IconComponent,iconRight:IconRightComponent,onClear,padding:t3,prefix,radius:t4,readOnly,space:t5,suffix,customValidity,type:t6,weight}=_props26,restProps=_objectWithoutProperties(_props26,_excluded44),_props26,$[0]=props,$[1]=IconComponent,$[2]=IconRightComponent,$[3]=__unstable_disableFocusRing,$[4]=clearButton,$[5]=customValidity,$[6]=onClear,$[7]=prefix,$[8]=readOnly,$[9]=restProps,$[10]=suffix,$[11]=t0,$[12]=t1,$[13]=t2,$[14]=t3,$[15]=t4,$[16]=t5,$[17]=t6,$[18]=weight):(IconComponent=$[1],IconRightComponent=$[2],__unstable_disableFocusRing=$[3],clearButton=$[4],customValidity=$[5],onClear=$[6],prefix=$[7],readOnly=$[8],restProps=$[9],suffix=$[10],t0=$[11],t1=$[12],t2=$[13],t3=$[14],t4=$[15],t5=$[16],t6=$[17],weight=$[18]);const border2=t0===void 0?!0:t0,disabled=t1===void 0?!1:t1,fontSizeProp=t2===void 0?2:t2,paddingProp=t3===void 0?3:t3,radiusProp=t4===void 0?2:t4,spaceProp=t5===void 0?3:t5,type=t6===void 0?"text":t6,ref=useRef$1(null),rootTheme=useRootTheme();let t7;$[19]!==fontSizeProp?(t7=_getArrayProp(fontSizeProp),$[19]=fontSizeProp,$[20]=t7):t7=$[20];const fontSize2=t7;let t8;$[21]!==paddingProp?(t8=_getArrayProp(paddingProp),$[21]=paddingProp,$[22]=t8):t8=$[22];const padding=t8;let t9;$[23]!==radiusProp?(t9=_getArrayProp(radiusProp),$[23]=radiusProp,$[24]=t9):t9=$[24];const radius=t9;let t10;$[25]!==spaceProp?(t10=_getArrayProp(spaceProp),$[25]=spaceProp,$[26]=t10):t10=$[26];const space=t10,$hasClearButton=!!clearButton,$hasIcon=!!IconComponent,$hasIconRight=!!IconRightComponent,$hasSuffix=!!suffix,$hasPrefix=!!prefix;let t11;$[27]===Symbol.for("react.memo_cache_sentinel")?(t11=()=>ref.current,$[27]=t11):t11=$[27],useImperativeHandle(forwardedRef,t11),useCustomValidity(ref,customValidity);const handleClearMouseDown=_temp$2$1;let t12;$[28]!==onClear?(t12=event_0=>{var _ref$current2;event_0.preventDefault(),event_0.stopPropagation(),onClear&&onClear(),(_ref$current2=ref.current)===null||_ref$current2===void 0?void 0:_ref$current2.focus();},$[28]=onClear,$[29]=t12):t12=$[29];const handleClearClick=t12;let t13;$[30]!==prefix||$[31]!==radius?(t13=prefix&&/* @__PURE__ */jsx(Prefix,{borderTop:!0,borderLeft:!0,borderBottom:!0,radius,sizing:"border",tone:"inherit",children:/* @__PURE__ */jsx("span",{children:prefix})}),$[30]=prefix,$[31]=radius,$[32]=t13):t13=$[32];const prefixNode=t13,t14=border2?"":void 0;let t15;$[33]!==IconComponent||$[34]!==fontSize2||$[35]!==padding?(t15=IconComponent&&/* @__PURE__ */jsx(LeftBox,{padding,children:/* @__PURE__ */jsxs(Text,{size:fontSize2,children:[isValidElement$1(IconComponent)&&IconComponent,reactIsExports.isValidElementType(IconComponent)&&/* @__PURE__ */jsx(IconComponent,{})]})}),$[33]=IconComponent,$[34]=fontSize2,$[35]=padding,$[36]=t15):t15=$[36];let t16;$[37]!==$hasClearButton||$[38]!==IconRightComponent||$[39]!==fontSize2||$[40]!==padding?(t16=!$hasClearButton&&IconRightComponent&&/* @__PURE__ */jsx(RightBox,{padding,children:/* @__PURE__ */jsxs(Text,{size:fontSize2,children:[isValidElement$1(IconRightComponent)&&IconRightComponent,reactIsExports.isValidElementType(IconRightComponent)&&/* @__PURE__ */jsx(IconRightComponent,{})]})}),$[37]=$hasClearButton,$[38]=IconRightComponent,$[39]=fontSize2,$[40]=padding,$[41]=t16):t16=$[41];let t17;$[42]!==$hasPrefix||$[43]!==$hasSuffix||$[44]!==__unstable_disableFocusRing||$[45]!==radius||$[46]!==rootTheme.scheme||$[47]!==rootTheme.tone||$[48]!==t14||$[49]!==t15||$[50]!==t16?(t17=/* @__PURE__ */jsxs(Presentation,{$hasPrefix,$unstableDisableFocusRing:__unstable_disableFocusRing,$hasSuffix,$radius:radius,$scheme:rootTheme.scheme,$tone:rootTheme.tone,"data-border":t14,"data-scheme":rootTheme.scheme,"data-tone":rootTheme.tone,children:[t15,t16]}),$[42]=$hasPrefix,$[43]=$hasSuffix,$[44]=__unstable_disableFocusRing,$[45]=radius,$[46]=rootTheme.scheme,$[47]=rootTheme.tone,$[48]=t14,$[49]=t15,$[50]=t16,$[51]=t17):t17=$[51];const presentationNode=t17;let t18;$[52]!==padding?(t18=padding.map(_temp2),$[52]=padding,$[53]=t18):t18=$[53];const clearButtonBoxPadding=t18;let t19;$[54]!==padding?(t19=padding.map(_temp3),$[54]=padding,$[55]=t19):t19=$[55];const clearButtonPadding=t19,clearButtonProps=typeof clearButton=="object"?clearButton:EMPTY_RECORD;let t20;$[56]!==clearButton||$[57]!==clearButtonBoxPadding||$[58]!==clearButtonPadding||$[59]!==clearButtonProps||$[60]!==customValidity||$[61]!==disabled||$[62]!==fontSize2||$[63]!==handleClearClick||$[64]!==radius||$[65]!==readOnly?(t20=!disabled&&!readOnly&&clearButton&&/* @__PURE__ */jsx(RightCard,{forwardedAs:"span",padding:clearButtonBoxPadding,style:CLEAR_BUTTON_BOX_STYLE,tone:customValidity?"critical":"inherit",children:/* @__PURE__ */jsx(TextInputClearButton,_objectSpread(_objectSpread({"aria-label":"Clear","data-qa":"clear-button",fontSize:fontSize2,icon:CloseIcon,mode:"bleed",padding:clearButtonPadding,radius},clearButtonProps),{},{onClick:handleClearClick,onMouseDown:handleClearMouseDown}))}),$[56]=clearButton,$[57]=clearButtonBoxPadding,$[58]=clearButtonPadding,$[59]=clearButtonProps,$[60]=customValidity,$[61]=disabled,$[62]=fontSize2,$[63]=handleClearClick,$[64]=radius,$[65]=readOnly,$[66]=t20):t20=$[66];const clearButtonNode=t20;let t21;$[67]!==radius||$[68]!==suffix?(t21=suffix&&/* @__PURE__ */jsx(Suffix,{borderTop:!0,borderRight:!0,borderBottom:!0,radius,sizing:"border",tone:"inherit",children:/* @__PURE__ */jsx("span",{children:suffix})}),$[67]=radius,$[68]=suffix,$[69]=t21):t21=$[69];const suffixNode=t21,t22=$hasIconRight||$hasClearButton;let t23;$[70]!==$hasIcon||$[71]!==disabled||$[72]!==fontSize2||$[73]!==padding||$[74]!==readOnly||$[75]!==restProps||$[76]!==rootTheme.scheme||$[77]!==rootTheme.tone||$[78]!==space||$[79]!==t22||$[80]!==type||$[81]!==weight?(t23=/* @__PURE__ */jsx(Input,_objectSpread(_objectSpread({"data-as":"input","data-scheme":rootTheme.scheme,"data-tone":rootTheme.tone},restProps),{},{$fontSize:fontSize2,$iconLeft:$hasIcon,$iconRight:t22,$padding:padding,$scheme:rootTheme.scheme,$space:space,$tone:rootTheme.tone,$weight:weight,disabled,readOnly,ref,type})),$[70]=$hasIcon,$[71]=disabled,$[72]=fontSize2,$[73]=padding,$[74]=readOnly,$[75]=restProps,$[76]=rootTheme.scheme,$[77]=rootTheme.tone,$[78]=space,$[79]=t22,$[80]=type,$[81]=weight,$[82]=t23):t23=$[82];let t24;$[83]!==clearButtonNode||$[84]!==presentationNode||$[85]!==t23?(t24=/* @__PURE__ */jsxs(InputRoot,{children:[t23,presentationNode,clearButtonNode]}),$[83]=clearButtonNode,$[84]=presentationNode,$[85]=t23,$[86]=t24):t24=$[86];let t25;return $[87]!==prefixNode||$[88]!==rootTheme.tone||$[89]!==suffixNode||$[90]!==t24?(t25=/* @__PURE__ */jsxs(StyledTextInput,{"data-ui":"TextInput",tone:rootTheme.tone,children:[prefixNode,t24,suffixNode]}),$[87]=prefixNode,$[88]=rootTheme.tone,$[89]=suffixNode,$[90]=t24,$[91]=t25):t25=$[91],t25;});TextInput.displayName="ForwardRef(TextInput)";function _temp$2$1(event){event.preventDefault(),event.stopPropagation();}function _temp2(v){return v===0?0:v===1||v===2?1:v-2;}function _temp3(v_0){return v_0===0||v_0===1?0:v_0===2?1:v_0-1;}function useDelayedState(initialState){const $=dist.c(3),[state,setState]=useState(initialState),delayedAction=useRef$1(void 0);let t0;$[0]===Symbol.for("react.memo_cache_sentinel")?(t0=(nextState,delay)=>{const action=()=>{setState(nextState);};if(delayedAction.current&&(clearTimeout(delayedAction.current),delayedAction.current=void 0),!delay)return action();delayedAction.current=setTimeout(action,delay);},$[0]=t0):t0=$[0];const onStateChange=t0;let t1;return $[1]!==state?(t1=[state,onStateChange],$[1]=state,$[2]=t1):t1=$[2],t1;}const DEFAULT_TOOLTIP_ARROW_WIDTH=15,DEFAULT_TOOLTIP_ARROW_HEIGHT=6,DEFAULT_TOOLTIP_ARROW_RADIUS=2,DEFAULT_TOOLTIP_DISTANCE=4,DEFAULT_TOOLTIP_PADDING=4,DEFAULT_FALLBACK_PLACEMENTS={top:["top-end","top-start","bottom","left","right"],"top-start":["top","top-end","bottom-start","left-start","right-start"],"top-end":["top","top-start","bottom-end","left-end","right-end"],bottom:["bottom-end","bottom-start","top","left","right"],"bottom-start":["bottom","bottom-end","top-start","left-start","right-start"],"bottom-end":["bottom","bottom-start","top-end","left-end","right-end"],left:["left-end","left-start","right","top","bottom"],"left-start":["left","left-end","right-start","top-start","bottom-start"],"left-end":["left","left-start","right-end","top-end","bottom-end"],right:["right-end","right-start","left","top","bottom"],"right-start":["right","right-end","left-start","top-start","bottom-start"],"right-end":["right","right-start","left-end","top-end","bottom-end"]},MotionCard=styled(motion.create(Card)).withConfig({displayName:"MotionCard",componentId:"sc-1xn138w-0"})(_templateObject54||(_templateObject54=_taggedTemplateLiteral(["will-change:transform;"]))),TooltipCard=forwardRef(function(props,ref){var _props27;const $=dist.c(48);let animate,arrow2,arrowRef,arrowX,arrowY,children,originX,originY,padding,placement,radius,restProps,scheme,shadow,style;$[0]!==props?(_props27=props,{animate,arrow:arrow2,arrowRef,arrowX,arrowY,children,originX,originY,padding,placement,radius,scheme,shadow,style}=_props27,restProps=_objectWithoutProperties(_props27,_excluded45),_props27,$[0]=props,$[1]=animate,$[2]=arrow2,$[3]=arrowRef,$[4]=arrowX,$[5]=arrowY,$[6]=children,$[7]=originX,$[8]=originY,$[9]=padding,$[10]=placement,$[11]=radius,$[12]=restProps,$[13]=scheme,$[14]=shadow,$[15]=style):(animate=$[1],arrow2=$[2],arrowRef=$[3],arrowX=$[4],arrowY=$[5],children=$[6],originX=$[7],originY=$[8],padding=$[9],placement=$[10],radius=$[11],restProps=$[12],scheme=$[13],shadow=$[14],style=$[15]);const t0=animate?"transform":void 0;let t1;$[16]!==originX||$[17]!==originY||$[18]!==style||$[19]!==t0?(t1=_objectSpread({originX,originY,willChange:t0},style),$[16]=originX,$[17]=originY,$[18]=style,$[19]=t0,$[20]=t1):t1=$[20];const rootStyle2=t1,t2=arrowX!==null?arrowX:void 0,t3=arrowY!==null?arrowY:void 0;let t4;$[21]!==t2||$[22]!==t3?(t4={left:t2,top:t3,right:void 0,bottom:void 0},$[21]=t2,$[22]=t3,$[23]=t4):t4=$[23];const arrowStyle=t4,t5=restProps;let t6;$[24]!==animate?(t6=animate?["hidden","initial"]:void 0,$[24]=animate,$[25]=t6):t6=$[25];let t7;$[26]!==animate?(t7=animate?["visible","scaleIn"]:void 0,$[26]=animate,$[27]=t7):t7=$[27];let t8;$[28]!==animate?(t8=animate?["hidden","scaleOut"]:void 0,$[28]=animate,$[29]=t8):t8=$[29];let t9;$[30]!==arrow2||$[31]!==arrowRef||$[32]!==arrowStyle?(t9=arrow2&&/* @__PURE__ */jsx(Arrow,{ref:arrowRef,style:arrowStyle,width:DEFAULT_TOOLTIP_ARROW_WIDTH,height:DEFAULT_TOOLTIP_ARROW_HEIGHT,radius:DEFAULT_TOOLTIP_ARROW_RADIUS}),$[30]=arrow2,$[31]=arrowRef,$[32]=arrowStyle,$[33]=t9):t9=$[33];let t10;return $[34]!==children||$[35]!==padding||$[36]!==placement||$[37]!==radius||$[38]!==ref||$[39]!==rootStyle2||$[40]!==scheme||$[41]!==shadow||$[42]!==t5||$[43]!==t6||$[44]!==t7||$[45]!==t8||$[46]!==t9?(t10=/* @__PURE__ */jsxs(MotionCard,_objectSpread(_objectSpread({"data-ui":"Tooltip__card"},t5),{},{"data-placement":placement,padding,radius,ref,scheme,shadow,style:rootStyle2,variants:POPOVER_MOTION_PROPS.card,transition:POPOVER_MOTION_PROPS.transition,initial:t6,animate:t7,exit:t8,children:[children,t9]})),$[34]=children,$[35]=padding,$[36]=placement,$[37]=radius,$[38]=ref,$[39]=rootStyle2,$[40]=scheme,$[41]=shadow,$[42]=t5,$[43]=t6,$[44]=t7,$[45]=t8,$[46]=t9,$[47]=t10):t10=$[47],t10;});TooltipCard.displayName="ForwardRef(TooltipCard)";const TooltipDelayGroupContext=createGlobalScopedContext("@sanity/ui/context/tooltipDelayGroup",null);function useTooltipDelayGroup(){return useContext(TooltipDelayGroupContext);}const StyledTooltip=styled(Layer).withConfig({displayName:"StyledTooltip",componentId:"sc-13f2zvh-0"})(_templateObject55||(_templateObject55=_taggedTemplateLiteral(["pointer-events:none;"]))),Tooltip=forwardRef(function(props,forwardedRef){var _props28,_props$placement2,_portal$elements2,_middlewareData$arrow4,_middlewareData$arrow5,_middlewareData$Sani3,_middlewareData$Sani4,_delay2,_delay3,_childProp,_childProp3,_childProp4,_childProp6,_childProp7,_childProp9,_childProp0,_childProp10,_childProp11,_childProp13,_childProp14,_childProp16;const $=dist.c(137),boundaryElementContext=useBoundaryElement(),{layer}=useTheme_v2();let _boundaryElement,_fallbackPlacementsProp,_zOffset,childProp,content,delay,disabled,portalProp,restProps,scheme,t0,t1,t2,t3,t4,t5;$[0]!==props?(_props28=props,{animate:t0,arrow:t1,boundaryElement:_boundaryElement,children:childProp,content,disabled,fallbackPlacements:_fallbackPlacementsProp,padding:t2,placement:t3,portal:portalProp,radius:t4,scheme,shadow:t5,zOffset:_zOffset,delay}=_props28,restProps=_objectWithoutProperties(_props28,_excluded46),_props28,$[0]=props,$[1]=_boundaryElement,$[2]=_fallbackPlacementsProp,$[3]=_zOffset,$[4]=childProp,$[5]=content,$[6]=delay,$[7]=disabled,$[8]=portalProp,$[9]=restProps,$[10]=scheme,$[11]=t0,$[12]=t1,$[13]=t2,$[14]=t3,$[15]=t4,$[16]=t5):(_boundaryElement=$[1],_fallbackPlacementsProp=$[2],_zOffset=$[3],childProp=$[4],content=$[5],delay=$[6],disabled=$[7],portalProp=$[8],restProps=$[9],scheme=$[10],t0=$[11],t1=$[12],t2=$[13],t3=$[14],t4=$[15],t5=$[16]);const _animate=t0===void 0?!1:t0,arrowProp=t1===void 0?!1:t1,padding=t2===void 0?2:t2,placementProp=t3===void 0?"bottom":t3,radius=t4===void 0?2:t4,shadow=t5===void 0?2:t5,boundaryElement=_boundaryElement!==null&&_boundaryElement!==void 0?_boundaryElement:boundaryElementContext===null||boundaryElementContext===void 0?void 0:boundaryElementContext.element,fallbackPlacementsProp=_fallbackPlacementsProp!==null&&_fallbackPlacementsProp!==void 0?_fallbackPlacementsProp:DEFAULT_FALLBACK_PLACEMENTS[(_props$placement2=props.placement)!==null&&_props$placement2!==void 0?_props$placement2:"bottom"],zOffset=_zOffset!==null&&_zOffset!==void 0?_zOffset:layer.tooltip.zOffset,animate=usePrefersReducedMotion()?!1:_animate;let t6;$[17]!==fallbackPlacementsProp?(t6=_getArrayProp(fallbackPlacementsProp),$[17]=fallbackPlacementsProp,$[18]=t6):t6=$[18];const fallbackPlacements=t6,ref=useRef$1(null),[referenceElement,setReferenceElement]=useState(null),arrowRef=useRef$1(null),[tooltipMaxWidth,setTooltipMaxWidth]=useState(0);let t7;$[19]===Symbol.for("react.memo_cache_sentinel")?(t7=()=>ref.current,$[19]=t7):t7=$[19],useImperativeHandle(forwardedRef,t7);const portal=usePortal(),portalElement=typeof portalProp=="string"?((_portal$elements2=portal.elements)===null||_portal$elements2===void 0?void 0:_portal$elements2[portalProp])||null:portal.element;let t8;$[20]!==animate||$[21]!==arrowProp||$[22]!==boundaryElement||$[23]!==fallbackPlacements?(t8={animate,arrowProp,arrowRef,boundaryElement,fallbackPlacements,rootBoundary:"viewport"},$[20]=animate,$[21]=arrowProp,$[22]=boundaryElement,$[23]=fallbackPlacements,$[24]=t8):t8=$[24];const middleware=useMiddleware(t8);let t9;$[25]!==referenceElement?(t9={reference:referenceElement},$[25]=referenceElement,$[26]=t9):t9=$[26];let t10;$[27]!==middleware||$[28]!==placementProp||$[29]!==t9?(t10={middleware,placement:placementProp,whileElementsMounted:autoUpdate,elements:t9},$[27]=middleware,$[28]=placementProp,$[29]=t9,$[30]=t10):t10=$[30];const{floatingStyles,placement,middlewareData,refs,update}=useFloating(t10),arrowX=(_middlewareData$arrow4=middlewareData.arrow)===null||_middlewareData$arrow4===void 0?void 0:_middlewareData$arrow4.x,arrowY=(_middlewareData$arrow5=middlewareData.arrow)===null||_middlewareData$arrow5===void 0?void 0:_middlewareData$arrow5.y,originX=(_middlewareData$Sani3=middlewareData["@sanity/ui/origin"])===null||_middlewareData$Sani3===void 0?void 0:_middlewareData$Sani3.originX,originY=(_middlewareData$Sani4=middlewareData["@sanity/ui/origin"])===null||_middlewareData$Sani4===void 0?void 0:_middlewareData$Sani4.originY,tooltipId=useId(),[isOpen,setIsOpen]=useDelayedState(!1),delayGroupContext=useTooltipDelayGroup();let t11;$[31]!==delayGroupContext?(t11=delayGroupContext||{},$[31]=delayGroupContext,$[32]=t11):t11=$[32];const{setIsGroupActive,setOpenTooltipId}=t11,showTooltip=isOpen||(delayGroupContext===null||delayGroupContext===void 0?void 0:delayGroupContext.openTooltipId)===tooltipId,isInsideGroup=delayGroupContext!==null,openDelayProp=typeof delay=="number"?delay:((_delay2=delay)===null||_delay2===void 0?void 0:_delay2.open)||0,closeDelayProp=typeof delay=="number"?delay:((_delay3=delay)===null||_delay3===void 0?void 0:_delay3.close)||0,openDelay=isInsideGroup?delayGroupContext.openDelay:openDelayProp,closeDelay=isInsideGroup?delayGroupContext.closeDelay:closeDelayProp;let t12;$[33]!==closeDelay||$[34]!==isInsideGroup||$[35]!==openDelay||$[36]!==setIsGroupActive||$[37]!==setIsOpen||$[38]!==setOpenTooltipId||$[39]!==tooltipId?(t12=(open,immediate)=>{if(isInsideGroup){if(open){const groupedOpenDelay=immediate?0:openDelay;setIsGroupActive!==null&&setIsGroupActive!==void 0&&setIsGroupActive(open,groupedOpenDelay),setOpenTooltipId===null||setOpenTooltipId===void 0?void 0:setOpenTooltipId(tooltipId,groupedOpenDelay);}else{const groupDeactivateDelay=closeDelay>200?closeDelay:200;setIsGroupActive!==null&&setIsGroupActive!==void 0&&setIsGroupActive(open,groupDeactivateDelay),setOpenTooltipId===null||setOpenTooltipId===void 0?void 0:setOpenTooltipId(null,immediate?0:closeDelay);}}else setIsOpen(open,immediate?0:open?openDelay:closeDelay);},$[33]=closeDelay,$[34]=isInsideGroup,$[35]=openDelay,$[36]=setIsGroupActive,$[37]=setIsOpen,$[38]=setOpenTooltipId,$[39]=tooltipId,$[40]=t12):t12=$[40];const handleIsOpenChange=t12;let t13;$[41]!==((_childProp=childProp)===null||_childProp===void 0?void 0:_childProp.props)||$[42]!==handleIsOpenChange?(t13=e=>{var _childProp2,_childProp2$onBlur;handleIsOpenChange(!1),(_childProp2=childProp)===null||_childProp2===void 0||(_childProp2=_childProp2.props)===null||_childProp2===void 0||(_childProp2$onBlur=_childProp2.onBlur)===null||_childProp2$onBlur===void 0?void 0:_childProp2$onBlur.call(_childProp2,e);},$[41]=(_childProp3=childProp)===null||_childProp3===void 0?void 0:_childProp3.props,$[42]=handleIsOpenChange,$[43]=t13):t13=$[43];const handleBlur=t13;let t14;$[44]!==((_childProp4=childProp)===null||_childProp4===void 0?void 0:_childProp4.props)||$[45]!==handleIsOpenChange?(t14=e_0=>{var _childProp5,_childProp5$props$onC,_childProp5$props;handleIsOpenChange(!1,!0),(_childProp5=childProp)===null||_childProp5===void 0||(_childProp5$props$onC=(_childProp5$props=_childProp5.props).onClick)===null||_childProp5$props$onC===void 0?void 0:_childProp5$props$onC.call(_childProp5$props,e_0);},$[44]=(_childProp6=childProp)===null||_childProp6===void 0?void 0:_childProp6.props,$[45]=handleIsOpenChange,$[46]=t14):t14=$[46];const handleClick=t14;let t15;$[47]!==((_childProp7=childProp)===null||_childProp7===void 0?void 0:_childProp7.props)||$[48]!==handleIsOpenChange?(t15=e_1=>{var _childProp8,_childProp8$props$onC,_childProp8$props;handleIsOpenChange(!1,!0),(_childProp8=childProp)===null||_childProp8===void 0||(_childProp8$props$onC=(_childProp8$props=_childProp8.props).onContextMenu)===null||_childProp8$props$onC===void 0?void 0:_childProp8$props$onC.call(_childProp8$props,e_1);},$[47]=(_childProp9=childProp)===null||_childProp9===void 0?void 0:_childProp9.props,$[48]=handleIsOpenChange,$[49]=t15):t15=$[49];const handleContextMenu=t15;let t16;$[50]!==((_childProp0=childProp)===null||_childProp0===void 0?void 0:_childProp0.props)||$[51]!==handleIsOpenChange?(t16=e_2=>{var _childProp1,_childProp1$onFocus;handleIsOpenChange(!0),(_childProp1=childProp)===null||_childProp1===void 0||(_childProp1=_childProp1.props)===null||_childProp1===void 0||(_childProp1$onFocus=_childProp1.onFocus)===null||_childProp1$onFocus===void 0?void 0:_childProp1$onFocus.call(_childProp1,e_2);},$[50]=(_childProp10=childProp)===null||_childProp10===void 0?void 0:_childProp10.props,$[51]=handleIsOpenChange,$[52]=t16):t16=$[52];const handleFocus=t16;let t17;$[53]!==((_childProp11=childProp)===null||_childProp11===void 0?void 0:_childProp11.props)||$[54]!==handleIsOpenChange?(t17=e_3=>{var _childProp12,_childProp12$onMouseE;handleIsOpenChange(!0),(_childProp12=childProp)===null||_childProp12===void 0||(_childProp12=_childProp12.props)===null||_childProp12===void 0||(_childProp12$onMouseE=_childProp12.onMouseEnter)===null||_childProp12$onMouseE===void 0?void 0:_childProp12$onMouseE.call(_childProp12,e_3);},$[53]=(_childProp13=childProp)===null||_childProp13===void 0?void 0:_childProp13.props,$[54]=handleIsOpenChange,$[55]=t17):t17=$[55];const handleMouseEnter=t17;let t18;$[56]!==((_childProp14=childProp)===null||_childProp14===void 0?void 0:_childProp14.props)||$[57]!==handleIsOpenChange?(t18=e_4=>{var _childProp15,_childProp15$onMouseL;handleIsOpenChange(!1),(_childProp15=childProp)===null||_childProp15===void 0||(_childProp15=_childProp15.props)===null||_childProp15===void 0||(_childProp15$onMouseL=_childProp15.onMouseLeave)===null||_childProp15$onMouseL===void 0?void 0:_childProp15$onMouseL.call(_childProp15,e_4);},$[56]=(_childProp16=childProp)===null||_childProp16===void 0?void 0:_childProp16.props,$[57]=handleIsOpenChange,$[58]=t18):t18=$[58];const handleMouseLeave=t18;let t19;$[59]!==handleIsOpenChange||$[60]!==isInsideGroup||$[61]!==referenceElement||$[62]!==showTooltip?(t19={handleIsOpenChange,referenceElement,showTooltip,isInsideGroup},$[59]=handleIsOpenChange,$[60]=isInsideGroup,$[61]=referenceElement,$[62]=showTooltip,$[63]=t19):t19=$[63],useCloseOnMouseLeave(t19);let t20,t21;$[64]!==disabled||$[65]!==handleIsOpenChange||$[66]!==showTooltip?(t20=()=>{disabled&&showTooltip&&handleIsOpenChange(!1);},t21=[disabled,handleIsOpenChange,showTooltip],$[64]=disabled,$[65]=handleIsOpenChange,$[66]=showTooltip,$[67]=t20,$[68]=t21):(t20=$[67],t21=$[68]),useEffect$1(t20,t21);let t22,t23;$[69]!==content||$[70]!==handleIsOpenChange||$[71]!==showTooltip?(t22=()=>{!content&&showTooltip&&handleIsOpenChange(!1);},t23=[content,handleIsOpenChange,showTooltip],$[69]=content,$[70]=handleIsOpenChange,$[71]=showTooltip,$[72]=t22,$[73]=t23):(t22=$[72],t23=$[73]),useEffect$1(t22,t23);let t24,t25;$[74]!==handleIsOpenChange||$[75]!==showTooltip?(t24=()=>{if(!showTooltip)return;const handleWindowKeyDown=function(event){event.key==="Escape"&&handleIsOpenChange(!1,!0);};return window.addEventListener("keydown",handleWindowKeyDown),()=>{window.removeEventListener("keydown",handleWindowKeyDown);};},t25=[handleIsOpenChange,showTooltip],$[74]=handleIsOpenChange,$[75]=showTooltip,$[76]=t24,$[77]=t25):(t24=$[76],t25=$[77]),useEffect$1(t24,t25);let t26;$[78]!==boundaryElement||$[79]!==(portalElement===null||portalElement===void 0?void 0:portalElement.offsetWidth)?(t26=()=>{const availableWidths=[...(boundaryElement?[boundaryElement.offsetWidth]:[]),(portalElement===null||portalElement===void 0?void 0:portalElement.offsetWidth)||document.body.offsetWidth];setTooltipMaxWidth(Math.min(...availableWidths)-DEFAULT_TOOLTIP_PADDING*2);},$[78]=boundaryElement,$[79]=portalElement===null||portalElement===void 0?void 0:portalElement.offsetWidth,$[80]=t26):t26=$[80];let t27;$[81]!==boundaryElement||$[82]!==portalElement?(t27=[boundaryElement,portalElement],$[81]=boundaryElement,$[82]=portalElement,$[83]=t27):t27=$[83],useLayoutEffect(t26,t27);let t28;$[84]!==update?(t28=arrowEl=>{arrowRef.current=arrowEl,update();},$[84]=update,$[85]=t28):t28=$[85];const setArrow=t28;let t29;$[86]!==refs?(t29=node=>{ref.current=node,refs.setFloating(node);},$[86]=refs,$[87]=t29):t29=$[87];const setFloating=t29;let t30;bb0:{if(!childProp){t30=null;break bb0;}let t312;$[88]!==childProp||$[89]!==handleBlur||$[90]!==handleClick||$[91]!==handleContextMenu||$[92]!==handleFocus||$[93]!==handleMouseEnter||$[94]!==handleMouseLeave?(t312=cloneElement(childProp,{onBlur:handleBlur,onFocus:handleFocus,onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,onClick:handleClick,onContextMenu:handleContextMenu,ref:setReferenceElement}),$[88]=childProp,$[89]=handleBlur,$[90]=handleClick,$[91]=handleContextMenu,$[92]=handleFocus,$[93]=handleMouseEnter,$[94]=handleMouseLeave,$[95]=t312):t312=$[95],t30=t312;}const child=t30;let t31;$[96]!==childProp?(t31=childProp?getElementRef(childProp):null,$[96]=childProp,$[97]=t31):t31=$[97];let t32,t33;if($[98]!==referenceElement?(t32=()=>referenceElement,t33=[referenceElement],$[98]=referenceElement,$[99]=t32,$[100]=t33):(t32=$[99],t33=$[100]),useImperativeHandle(t31,t32,t33),!child){let t342;return $[101]===Symbol.for("react.memo_cache_sentinel")?(t342=/* @__PURE__ */jsx(Fragment,{}),$[101]=t342):t342=$[101],t342;}if(disabled)return child;const t34=tooltipMaxWidth>0?"".concat(tooltipMaxWidth,"px"):void 0;let t35;$[102]!==floatingStyles||$[103]!==t34?(t35=_objectSpread(_objectSpread({},floatingStyles),{},{maxWidth:t34}),$[102]=floatingStyles,$[103]=t34,$[104]=t35):t35=$[104];let t36;$[105]!==animate||$[106]!==arrowProp||$[107]!==arrowX||$[108]!==arrowY||$[109]!==content||$[110]!==originX||$[111]!==originY||$[112]!==padding||$[113]!==placement||$[114]!==radius||$[115]!==restProps||$[116]!==scheme||$[117]!==setArrow||$[118]!==setFloating||$[119]!==shadow?(t36=/* @__PURE__ */jsx(TooltipCard,_objectSpread(_objectSpread({},restProps),{},{animate,arrow:arrowProp,arrowRef:setArrow,arrowX,arrowY,originX,originY,padding,placement,radius,ref:setFloating,scheme,shadow,children:content})),$[105]=animate,$[106]=arrowProp,$[107]=arrowX,$[108]=arrowY,$[109]=content,$[110]=originX,$[111]=originY,$[112]=padding,$[113]=placement,$[114]=radius,$[115]=restProps,$[116]=scheme,$[117]=setArrow,$[118]=setFloating,$[119]=shadow,$[120]=t36):t36=$[120];let t37;$[121]!==restProps||$[122]!==setFloating||$[123]!==t35||$[124]!==t36||$[125]!==zOffset?(t37=/* @__PURE__ */jsx(StyledTooltip,_objectSpread(_objectSpread({"data-ui":"Tooltip"},restProps),{},{ref:setFloating,style:t35,zOffset,children:t36})),$[121]=restProps,$[122]=setFloating,$[123]=t35,$[124]=t36,$[125]=zOffset,$[126]=t37):t37=$[126];const tooltip=t37;let t38;$[127]!==portalProp||$[128]!==showTooltip||$[129]!==tooltip?(t38=showTooltip&&(portalProp?/* @__PURE__ */jsx(Portal,{__unstable_name:typeof portalProp=="string"?portalProp:void 0,children:tooltip}):tooltip),$[127]=portalProp,$[128]=showTooltip,$[129]=tooltip,$[130]=t38):t38=$[130];const children=t38;let t39;$[131]!==animate||$[132]!==children?(t39=animate?/* @__PURE__ */jsx(AnimatePresence,{children}):children,$[131]=animate,$[132]=children,$[133]=t39):t39=$[133];let t40;return $[134]!==child||$[135]!==t39?(t40=/* @__PURE__ */jsxs(Fragment,{children:[t39,child]}),$[134]=child,$[135]=t39,$[136]=t40):t40=$[136],t40;});Tooltip.displayName="ForwardRef(Tooltip)";function useMiddleware(t0){const $=dist.c(17),{animate,arrowProp,arrowRef,boundaryElement,fallbackPlacements,rootBoundary}=t0;let ret;if($[0]!==animate||$[1]!==arrowProp||$[2]!==arrowRef||$[3]!==boundaryElement||$[4]!==fallbackPlacements||$[5]!==rootBoundary){ret=[];const t1=boundaryElement||void 0;let t2;$[7]!==fallbackPlacements||$[8]!==rootBoundary||$[9]!==t1?(t2=flip({boundary:t1,fallbackPlacements,padding:DEFAULT_TOOLTIP_PADDING,rootBoundary}),$[7]=fallbackPlacements,$[8]=rootBoundary,$[9]=t1,$[10]=t2):t2=$[10],ret.push(t2);let t3;$[11]===Symbol.for("react.memo_cache_sentinel")?(t3=offset({mainAxis:DEFAULT_TOOLTIP_DISTANCE}),$[11]=t3):t3=$[11],ret.push(t3);const t4=boundaryElement||void 0;let t5;if($[12]!==rootBoundary||$[13]!==t4?(t5=shift({boundary:t4,rootBoundary,padding:DEFAULT_TOOLTIP_PADDING}),$[12]=rootBoundary,$[13]=t4,$[14]=t5):t5=$[14],ret.push(t5),arrowProp){let t6;$[15]!==arrowRef?(t6=arrow({element:arrowRef,padding:DEFAULT_TOOLTIP_PADDING}),$[15]=arrowRef,$[16]=t6):t6=$[16],ret.push(t6);}animate&&ret.push(origin),$[0]=animate,$[1]=arrowProp,$[2]=arrowRef,$[3]=boundaryElement,$[4]=fallbackPlacements,$[5]=rootBoundary,$[6]=ret;}else ret=$[6];return ret;}function useCloseOnMouseLeave(t0){const $=dist.c(10),{handleIsOpenChange,referenceElement,showTooltip,isInsideGroup}=t0;let t1;$[0]!==handleIsOpenChange||$[1]!==referenceElement?(t1=(target,teardown)=>{referenceElement&&(referenceElement===target||target instanceof Node&&referenceElement.contains(target)||(handleIsOpenChange(!1),teardown()));},$[0]=handleIsOpenChange,$[1]=referenceElement,$[2]=t1):t1=$[2];const onMouseMove=useEffectEvent(t1);let t2;$[3]!==isInsideGroup||$[4]!==onMouseMove||$[5]!==showTooltip?(t2=()=>{if(!showTooltip||isInsideGroup)return;const handleMouseMove=event=>{onMouseMove(event.target,()=>window.removeEventListener("mousemove",handleMouseMove));};return window.addEventListener("mousemove",handleMouseMove),()=>window.removeEventListener("mousemove",handleMouseMove);},$[3]=isInsideGroup,$[4]=onMouseMove,$[5]=showTooltip,$[6]=t2):t2=$[6];let t3;$[7]!==isInsideGroup||$[8]!==showTooltip?(t3=[isInsideGroup,showTooltip],$[7]=isInsideGroup,$[8]=showTooltip,$[9]=t3):t3=$[9],useEffect$1(t2,t3);}const StyledHotkeys=styled.kbd.withConfig({displayName:"StyledHotkeys",componentId:"sc-b37mge-0"})(_templateObject56||(_templateObject56=_taggedTemplateLiteral(["font:inherit;padding:1px;&:not([hidden]){display:block;}"]))),Key=styled(KBD).withConfig({displayName:"Key",componentId:"sc-b37mge-1"})(_templateObject57||(_templateObject57=_taggedTemplateLiteral(["&:not([hidden]){display:block;}"]))),Hotkeys=forwardRef(function(props,ref){var _props29;const $=dist.c(26);let fontSize2,keys,padding,radius,restProps,t0;$[0]!==props?(_props29=props,{fontSize:fontSize2,keys,padding,radius,space:t0}=_props29,restProps=_objectWithoutProperties(_props29,_excluded47),_props29,$[0]=props,$[1]=fontSize2,$[2]=keys,$[3]=padding,$[4]=radius,$[5]=restProps,$[6]=t0):(fontSize2=$[1],keys=$[2],padding=$[3],radius=$[4],restProps=$[5],t0=$[6]);const spaceProp=t0===void 0?0.5:t0;let t1;$[7]!==spaceProp?(t1=_getArrayProp(spaceProp),$[7]=spaceProp,$[8]=t1):t1=$[8];const space=t1;if(!keys||keys.length===0){let t22;return $[9]===Symbol.for("react.memo_cache_sentinel")?(t22=/* @__PURE__ */jsx(Fragment,{}),$[9]=t22):t22=$[9],t22;}let t2;if($[10]!==fontSize2||$[11]!==keys||$[12]!==padding||$[13]!==radius){let t32;$[15]!==fontSize2||$[16]!==padding||$[17]!==radius?(t32=(key2,i)=>/* @__PURE__ */jsx(Key,{fontSize:fontSize2,padding,radius,children:key2},i),$[15]=fontSize2,$[16]=padding,$[17]=radius,$[18]=t32):t32=$[18],t2=keys.map(t32),$[10]=fontSize2,$[11]=keys,$[12]=padding,$[13]=radius,$[14]=t2;}else t2=$[14];let t3;$[19]!==space||$[20]!==t2?(t3=/* @__PURE__ */jsx(Inline,{as:"span",space,children:t2}),$[19]=space,$[20]=t2,$[21]=t3):t3=$[21];let t4;return $[22]!==ref||$[23]!==restProps||$[24]!==t3?(t4=/* @__PURE__ */jsx(StyledHotkeys,_objectSpread(_objectSpread({"data-ui":"Hotkeys"},restProps),{},{ref,children:t3})),$[22]=ref,$[23]=restProps,$[24]=t3,$[25]=t4):t4=$[25],t4;});Hotkeys.displayName="ForwardRef(Hotkeys)";const MenuContext=createGlobalScopedContext("@sanity/ui/context/menu",null);function _isFocusable(element){return isHTMLAnchorElement(element)&&element.getAttribute("data-disabled")!=="true"||isHTMLButtonElement(element)&&!element.disabled;}function _getFocusableElements(elements){return elements.filter(_isFocusable);}function _getDOMPath(rootElement,el){const path=[];let e=el;for(;e!==rootElement;){const parentElement=e.parentElement;if(!parentElement)return path;const index=Array.from(parentElement.childNodes).indexOf(e);if(path.unshift(index),parentElement===rootElement)return path;e=parentElement;}return path;}const EMPTY_PATH=[];function _sortElements(rootElement,elements){if(!rootElement)return;const map=/* @__PURE__ */new WeakMap();for(const el of elements)map.set(el,_getDOMPath(rootElement,el));const _sort=(a,b)=>{const _a=map.get(a)||EMPTY_PATH,_b=map.get(b)||EMPTY_PATH,len=Math.max(_a.length,_b.length);for(let i=0;i<len;i+=1){const aIndex=_a[i]||-1,bIndex=_b[i]||-1;if(aIndex!==bIndex)return aIndex-bIndex;}return 0;};elements.sort(_sort);}function useMenuController(props){const $=dist.c(21),{onKeyDown,originElement,shouldFocus,rootElementRef}=props;let t0;$[0]===Symbol.for("react.memo_cache_sentinel")?(t0=[],$[0]=t0):t0=$[0];const elementsRef=useRef$1(t0),[activeIndex,_setActiveIndex]=useState(-1),activeIndexRef=useRef$1(activeIndex),[activeElement,setActiveElement]=useState(null);let t1;$[1]===Symbol.for("react.memo_cache_sentinel")?(t1=nextActiveIndex=>{_setActiveIndex(nextActiveIndex),activeIndexRef.current=nextActiveIndex,setActiveElement(elementsRef.current[nextActiveIndex]||null);},$[1]=t1):t1=$[1];const setActiveIndex=t1;let t2;$[2]!==rootElementRef?(t2=(element,selected)=>{if(!element)return _temp$1;if(elementsRef.current.indexOf(element)===-1&&(elementsRef.current.push(element),_sortElements(rootElementRef.current,elementsRef.current)),selected){const selectedIndex=elementsRef.current.indexOf(element);setActiveIndex(selectedIndex);}return()=>{const idx=elementsRef.current.indexOf(element);idx>-1&&elementsRef.current.splice(idx,1);};},$[2]=rootElementRef,$[3]=t2):t2=$[3];const mount=t2;let t3;$[4]!==onKeyDown||$[5]!==originElement?(t3=event=>{if(event.key==="Tab"){originElement&&originElement.focus();return;}if(event.key==="Home"){event.preventDefault(),event.stopPropagation();const el=_getFocusableElements(elementsRef.current)[0];if(!el)return;const currentIndex=elementsRef.current.indexOf(el);setActiveIndex(currentIndex);return;}if(event.key==="End"){event.preventDefault(),event.stopPropagation();const focusableElements_0=_getFocusableElements(elementsRef.current),el_0=focusableElements_0[focusableElements_0.length-1];if(!el_0)return;const currentIndex_0=elementsRef.current.indexOf(el_0);setActiveIndex(currentIndex_0);return;}if(event.key==="ArrowUp"){event.preventDefault(),event.stopPropagation();const focusableElements_1=_getFocusableElements(elementsRef.current),focusableLen=focusableElements_1.length;if(focusableLen===0)return;const focusedElement=elementsRef.current[activeIndexRef.current];let focusedIndex=focusableElements_1.indexOf(focusedElement);focusedIndex=(focusedIndex-1+focusableLen)%focusableLen;const el_1=focusableElements_1[focusedIndex],currentIndex_1=elementsRef.current.indexOf(el_1);setActiveIndex(currentIndex_1);return;}if(event.key==="ArrowDown"){event.preventDefault(),event.stopPropagation();const focusableElements_2=_getFocusableElements(elementsRef.current),focusableLen_0=focusableElements_2.length;if(focusableLen_0===0)return;const focusedElement_0=elementsRef.current[activeIndexRef.current];let focusedIndex_0=focusableElements_2.indexOf(focusedElement_0);focusedIndex_0=(focusedIndex_0+1)%focusableLen_0;const el_2=focusableElements_2[focusedIndex_0],currentIndex_2=elementsRef.current.indexOf(el_2);setActiveIndex(currentIndex_2);return;}onKeyDown&&onKeyDown(event);},$[4]=onKeyDown,$[5]=originElement,$[6]=t3):t3=$[6];const handleKeyDown=t3;let t4;$[7]===Symbol.for("react.memo_cache_sentinel")?(t4=event_0=>{const element_0=event_0.currentTarget,currentIndex_3=elementsRef.current.indexOf(element_0);setActiveIndex(currentIndex_3);},$[7]=t4):t4=$[7];const handleItemMouseEnter=t4;let t5;$[8]!==rootElementRef?(t5=()=>{var _rootElementRef$curre;setActiveIndex(-2),(_rootElementRef$curre=rootElementRef.current)===null||_rootElementRef$curre===void 0?void 0:_rootElementRef$curre.focus();},$[8]=rootElementRef,$[9]=t5):t5=$[9];const handleItemMouseLeave=t5;let t6,t7;$[10]!==activeIndex||$[11]!==rootElementRef||$[12]!==shouldFocus?(t6=()=>{if(!rootElementRef.current)return;const rafId=requestAnimationFrame(()=>{var _ref72;if(activeIndex===-1){if(shouldFocus==="first"){const el_3=_getFocusableElements(elementsRef.current)[0];if(el_3){const currentIndex_4=elementsRef.current.indexOf(el_3);setActiveIndex(currentIndex_4);}}if(shouldFocus==="last"){const focusableElements_4=_getFocusableElements(elementsRef.current),el_4=focusableElements_4[focusableElements_4.length-1];if(el_4){const currentIndex_5=elementsRef.current.indexOf(el_4);setActiveIndex(currentIndex_5);}}return;}(_ref72=elementsRef.current[activeIndex]||null)===null||_ref72===void 0||_ref72.focus();});return()=>cancelAnimationFrame(rafId);},t7=[activeIndex,rootElementRef,setActiveIndex,shouldFocus],$[10]=activeIndex,$[11]=rootElementRef,$[12]=shouldFocus,$[13]=t6,$[14]=t7):(t6=$[13],t7=$[14]),useEffect$1(t6,t7);let t8;return $[15]!==activeElement||$[16]!==activeIndex||$[17]!==handleItemMouseLeave||$[18]!==handleKeyDown||$[19]!==mount?(t8={activeElement,activeIndex,handleItemMouseEnter,handleItemMouseLeave,handleKeyDown,mount},$[15]=activeElement,$[16]=activeIndex,$[17]=handleItemMouseLeave,$[18]=handleKeyDown,$[19]=mount,$[20]=t8):t8=$[20],t8;}function _temp$1(){}const StyledMenu=styled(Box).withConfig({displayName:"StyledMenu",componentId:"sc-xt0tnv-0"})(_templateObject58||(_templateObject58=_taggedTemplateLiteral(["outline:none;overflow:auto;"]))),Menu=forwardRef(function(props,forwardedRef){const $=dist.c(49);let _shouldFocus,children,onClickOutside,onEscape,onItemClick,onItemSelect,onKeyDown,originElement,registerElement,restProps,t0,t1;if($[0]!==props){const{children:t22,focusFirst,focusLast,onClickOutside:t32,onEscape:t42,onItemClick:t52,onItemSelect:t62,onKeyDown:t72,originElement:t82,padding:t92,registerElement:t102,shouldFocus:t112,space:t122}=props,t13=_objectWithoutProperties(props,_excluded48);children=t22,onClickOutside=t32,onEscape=t42,onItemClick=t52,onItemSelect=t62,onKeyDown=t72,originElement=t82,t0=t92,registerElement=t102,_shouldFocus=t112,t1=t122,restProps=t13,$[0]=props,$[1]=_shouldFocus,$[2]=children,$[3]=onClickOutside,$[4]=onEscape,$[5]=onItemClick,$[6]=onItemSelect,$[7]=onKeyDown,$[8]=originElement,$[9]=registerElement,$[10]=restProps,$[11]=t0,$[12]=t1;}else _shouldFocus=$[1],children=$[2],onClickOutside=$[3],onEscape=$[4],onItemClick=$[5],onItemSelect=$[6],onKeyDown=$[7],originElement=$[8],registerElement=$[9],restProps=$[10],t0=$[11],t1=$[12];const padding=t0===void 0?1:t0,space=t1===void 0?1:t1,shouldFocus=_shouldFocus!==null&&_shouldFocus!==void 0?_shouldFocus:props.focusFirst&&"first"||props.focusLast&&"last"||null,ref=useRef$1(null);let t2;$[13]===Symbol.for("react.memo_cache_sentinel")?(t2=()=>ref.current,$[13]=t2):t2=$[13],useImperativeHandle(forwardedRef,t2);const{isTopLayer}=useLayer();let t3;$[14]!==onKeyDown||$[15]!==originElement||$[16]!==shouldFocus?(t3={onKeyDown,originElement,shouldFocus,rootElementRef:ref},$[14]=onKeyDown,$[15]=originElement,$[16]=shouldFocus,$[17]=t3):t3=$[17];const{activeElement,activeIndex,handleItemMouseEnter,handleItemMouseLeave,handleKeyDown,mount}=useMenuController(t3),unregisterElementRef=useRef$1(null);let t4;$[18]!==registerElement?(t4=el=>{unregisterElementRef.current&&(unregisterElementRef.current(),unregisterElementRef.current=null),ref.current=el,ref.current&&registerElement&&(unregisterElementRef.current=registerElement(ref.current));},$[18]=registerElement,$[19]=t4):t4=$[19];const handleRefChange=t4;let t5,t6;$[20]!==activeIndex||$[21]!==onItemSelect?(t5=()=>{onItemSelect&&onItemSelect(activeIndex);},t6=[activeIndex,onItemSelect],$[20]=activeIndex,$[21]=onItemSelect,$[22]=t5,$[23]=t6):(t5=$[22],t6=$[23]),useEffect$1(t5,t6);let t7;$[24]===Symbol.for("react.memo_cache_sentinel")?(t7=()=>[ref.current],$[24]=t7):t7=$[24],useClickOutsideEvent(isTopLayer&&onClickOutside,t7);let t8;$[25]!==isTopLayer||$[26]!==onEscape?(t8=event=>{isTopLayer&&event.key==="Escape"&&(event.stopPropagation(),onEscape&&onEscape());},$[25]=isTopLayer,$[26]=onEscape,$[27]=t8):t8=$[27],useGlobalKeyDown(t8);let t9;$[28]!==activeElement||$[29]!==handleItemMouseEnter||$[30]!==handleItemMouseLeave||$[31]!==mount||$[32]!==onClickOutside||$[33]!==onEscape||$[34]!==onItemClick||$[35]!==registerElement?(t9={version:2,activeElement,mount,onClickOutside,onEscape,onItemClick,onItemMouseEnter:handleItemMouseEnter,onItemMouseLeave:handleItemMouseLeave,registerElement},$[28]=activeElement,$[29]=handleItemMouseEnter,$[30]=handleItemMouseLeave,$[31]=mount,$[32]=onClickOutside,$[33]=onEscape,$[34]=onItemClick,$[35]=registerElement,$[36]=t9):t9=$[36];const value=t9;let t10;$[37]!==children||$[38]!==space?(t10=/* @__PURE__ */jsx(Stack,{space,children}),$[37]=children,$[38]=space,$[39]=t10):t10=$[39];let t11;$[40]!==handleKeyDown||$[41]!==handleRefChange||$[42]!==padding||$[43]!==restProps||$[44]!==t10?(t11=/* @__PURE__ */jsx(StyledMenu,_objectSpread(_objectSpread({"data-ui":"Menu"},restProps),{},{onKeyDown:handleKeyDown,padding,ref:handleRefChange,role:"menu",tabIndex:-1,children:t10})),$[40]=handleKeyDown,$[41]=handleRefChange,$[42]=padding,$[43]=restProps,$[44]=t10,$[45]=t11):t11=$[45];let t12;return $[46]!==t11||$[47]!==value?(t12=/* @__PURE__ */jsx(MenuContext.Provider,{value,children:t11}),$[46]=t11,$[47]=value,$[48]=t12):t12=$[48],t12;});Menu.displayName="ForwardRef(Menu)";const MenuDivider=styled.hr.withConfig({displayName:"MenuDivider",componentId:"sc-uhoxwu-0"})(_templateObject59||(_templateObject59=_taggedTemplateLiteral(["height:1px;border:0;background:var(--card-hairline-soft-color);margin:0;"])));MenuDivider.displayName="MenuDivider";function selectableBaseStyle(){return css(_templateObject60||(_templateObject60=_taggedTemplateLiteral(["\n background-color: inherit;\n color: inherit;\n\n &[data-as='button'] {\n -webkit-font-smoothing: inherit;\n appearance: none;\n outline: none;\n font: inherit;\n text-align: inherit;\n border: 0;\n width: -moz-available;\n width: -webkit-fill-available;\n width: stretch;\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n text-decoration: none;\n }\n "])));}function selectableColorStyle(props){var _style$card2;const{$tone}=props,{color,style}=getTheme_v2(props.theme),tone=color.selectable[$tone];return css(_templateObject61||(_templateObject61=_taggedTemplateLiteral(["\n ","\n\n background-color: var(--card-bg-color);\n color: var(--card-fg-color);\n outline: none;\n\n /* &:is(button) */\n &[data-as='button'] {\n &:disabled {\n ","\n }\n\n &:not(:disabled) {\n &[aria-pressed='true'] {\n ","\n }\n\n &[data-selected],\n &[aria-selected='true'] > & {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-selected]) {\n &[data-hovered],\n &:hover {\n ","\n }\n\n &:active {\n ","\n }\n }\n }\n }\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n &[data-disabled] {\n ","\n }\n\n &:not([data-disabled]) {\n &[data-pressed] {\n ","\n }\n\n &[data-selected] {\n ","\n }\n\n @media (hover: hover) {\n &:not([data-selected]) {\n &[data-hovered],\n &:hover {\n ","\n }\n &:active {\n ","\n }\n }\n }\n }\n }\n\n ","\n "])),_cardColorStyle(color,tone.enabled),_cardColorStyle(color,tone.disabled),_cardColorStyle(color,tone.pressed),_cardColorStyle(color,tone.selected),_cardColorStyle(color,tone.hovered),_cardColorStyle(color,tone.pressed),_cardColorStyle(color,tone.disabled),_cardColorStyle(color,tone.pressed),_cardColorStyle(color,tone.selected),_cardColorStyle(color,tone.hovered),_cardColorStyle(color,tone.pressed),style===null||style===void 0||(_style$card2=style.card)===null||_style$card2===void 0?void 0:_style$card2.root);}const Selectable=/* @__PURE__ */styled(Box).withConfig({displayName:"Selectable",componentId:"sc-1w01ang-0"})(responsiveRadiusStyle,selectableBaseStyle,selectableColorStyle);Selectable.displayName="Selectable";function useMenu(){const value=useContext(MenuContext);if(!value)throw new Error("useMenu(): missing context value");if(!isRecord(value)||value.version!==2)throw new Error("useMenu(): the context value is not compatible");return value;}const MenuItem=forwardRef(function(props,forwardedRef){var _props30;const $=dist.c(75);let IconComponent,IconRightComponent,children,disabled,hotkeys,onClick,paddingBottom,paddingLeft,paddingRight,paddingTop,paddingX,paddingY,pressed,restProps,selectedProp,t0,t1,t2,t3,t4,t5,text;$[0]!==props?(_props30=props,{as:t0,children,disabled,fontSize:t1,hotkeys,icon:IconComponent,iconRight:IconRightComponent,onClick,padding:t2,paddingX,paddingY,paddingTop,paddingRight,paddingBottom,paddingLeft,pressed,radius:t3,selected:selectedProp,space:t4,text,tone:t5}=_props30,restProps=_objectWithoutProperties(_props30,_excluded49),_props30,$[0]=props,$[1]=IconComponent,$[2]=IconRightComponent,$[3]=children,$[4]=disabled,$[5]=hotkeys,$[6]=onClick,$[7]=paddingBottom,$[8]=paddingLeft,$[9]=paddingRight,$[10]=paddingTop,$[11]=paddingX,$[12]=paddingY,$[13]=pressed,$[14]=restProps,$[15]=selectedProp,$[16]=t0,$[17]=t1,$[18]=t2,$[19]=t3,$[20]=t4,$[21]=t5,$[22]=text):(IconComponent=$[1],IconRightComponent=$[2],children=$[3],disabled=$[4],hotkeys=$[5],onClick=$[6],paddingBottom=$[7],paddingLeft=$[8],paddingRight=$[9],paddingTop=$[10],paddingX=$[11],paddingY=$[12],pressed=$[13],restProps=$[14],selectedProp=$[15],t0=$[16],t1=$[17],t2=$[18],t3=$[19],t4=$[20],t5=$[21],text=$[22]);const as=t0===void 0?"button":t0,fontSize2=t1===void 0?1:t1,padding=t2===void 0?3:t2,radius=t3===void 0?2:t3,space=t4===void 0?3:t4,tone=t5===void 0?"default":t5,{scheme}=useRootTheme(),menu=useMenu(),{activeElement,mount,onItemClick,onItemMouseEnter:_onItemMouseEnter,onItemMouseLeave:_onItemMouseLeave}=menu,onItemMouseEnter=_onItemMouseEnter!==null&&_onItemMouseEnter!==void 0?_onItemMouseEnter:menu.onItemMouseEnter,onItemMouseLeave=_onItemMouseLeave!==null&&_onItemMouseLeave!==void 0?_onItemMouseLeave:menu.onItemMouseLeave,[rootElement,setRootElement]=useState(null),active=!!activeElement&&activeElement===rootElement,ref=useRef$1(null);let t6;$[23]===Symbol.for("react.memo_cache_sentinel")?(t6=()=>ref.current,$[23]=t6):t6=$[23],useImperativeHandle(forwardedRef,t6);let t7,t8;$[24]!==mount||$[25]!==rootElement||$[26]!==selectedProp?(t7=()=>mount(rootElement,selectedProp),t8=[mount,rootElement,selectedProp],$[24]=mount,$[25]=rootElement,$[26]=selectedProp,$[27]=t7,$[28]=t8):(t7=$[27],t8=$[28]),useEffect$1(t7,t8);let t9;$[29]!==disabled||$[30]!==onClick||$[31]!==onItemClick?(t9=event=>{disabled||(onClick&&onClick(event),onItemClick&&onItemClick());},$[29]=disabled,$[30]=onClick,$[31]=onItemClick,$[32]=t9):t9=$[32];const handleClick=t9;let t10;$[33]!==padding||$[34]!==paddingBottom||$[35]!==paddingLeft||$[36]!==paddingRight||$[37]!==paddingTop||$[38]!==paddingX||$[39]!==paddingY?(t10={padding,paddingX,paddingY,paddingTop,paddingRight,paddingBottom,paddingLeft},$[33]=padding,$[34]=paddingBottom,$[35]=paddingLeft,$[36]=paddingRight,$[37]=paddingTop,$[38]=paddingX,$[39]=paddingY,$[40]=t10):t10=$[40];const paddingProps=t10;let t11;$[41]!==fontSize2?(t11=_getArrayProp(fontSize2).map(_temp),$[41]=fontSize2,$[42]=t11):t11=$[42];const hotkeysFontSize=t11;let t12;$[43]===Symbol.for("react.memo_cache_sentinel")?(t12=el=>{ref.current=el,setRootElement(el);},$[43]=t12):t12=$[43];const setRef=t12,t13=as!=="button"&&pressed?"":void 0,t14=active?"":void 0,t15=disabled?"":void 0;let t16;$[44]!==radius?(t16=_getArrayProp(radius),$[44]=radius,$[45]=t16):t16=$[45];let t17;$[46]===Symbol.for("react.memo_cache_sentinel")?(t17=_getArrayProp(0),$[46]=t17):t17=$[46];const t18=disabled?"default":tone,t19=as==="button"?"button":void 0;let t20;$[47]!==IconComponent||$[48]!==IconRightComponent||$[49]!==fontSize2||$[50]!==hotkeys||$[51]!==hotkeysFontSize||$[52]!==paddingProps||$[53]!==space||$[54]!==text?(t20=(IconComponent||text||IconRightComponent)&&/* @__PURE__ */jsxs(Flex,_objectSpread(_objectSpread({as:"span",gap:space,align:"center"},paddingProps),{},{children:[IconComponent&&/* @__PURE__ */jsxs(Text,{size:fontSize2,children:[isValidElement$1(IconComponent)&&IconComponent,reactIsExports.isValidElementType(IconComponent)&&/* @__PURE__ */jsx(IconComponent,{})]}),text&&/* @__PURE__ */jsx(Box,{flex:1,children:/* @__PURE__ */jsx(Text,{size:fontSize2,textOverflow:"ellipsis",weight:"medium",children:text})}),hotkeys&&/* @__PURE__ */jsx(Hotkeys,{fontSize:hotkeysFontSize,keys:hotkeys,style:{marginTop:-4,marginBottom:-4}}),IconRightComponent&&/* @__PURE__ */jsxs(Text,{size:fontSize2,children:[isValidElement$1(IconRightComponent)&&IconRightComponent,reactIsExports.isValidElementType(IconRightComponent)&&/* @__PURE__ */jsx(IconRightComponent,{})]})]})),$[47]=IconComponent,$[48]=IconRightComponent,$[49]=fontSize2,$[50]=hotkeys,$[51]=hotkeysFontSize,$[52]=paddingProps,$[53]=space,$[54]=text,$[55]=t20):t20=$[55];let t21;$[56]!==children||$[57]!==paddingProps?(t21=children&&/* @__PURE__ */jsx(Box,_objectSpread(_objectSpread({as:"span"},paddingProps),{},{children})),$[56]=children,$[57]=paddingProps,$[58]=t21):t21=$[58];let t22;return $[59]!==as||$[60]!==disabled||$[61]!==handleClick||$[62]!==onItemMouseEnter||$[63]!==onItemMouseLeave||$[64]!==restProps||$[65]!==scheme||$[66]!==t13||$[67]!==t14||$[68]!==t15||$[69]!==t16||$[70]!==t18||$[71]!==t19||$[72]!==t20||$[73]!==t21?(t22=/* @__PURE__ */jsxs(Selectable,_objectSpread(_objectSpread({"data-ui":"MenuItem",role:"menuitem"},restProps),{},{"data-pressed":t13,"data-selected":t14,"data-disabled":t15,forwardedAs:as,$radius:t16,$padding:t17,$tone:t18,$scheme:scheme,disabled,onClick:handleClick,onMouseEnter:onItemMouseEnter,onMouseLeave:onItemMouseLeave,ref:setRef,tabIndex:-1,type:t19,children:[t20,t21]})),$[59]=as,$[60]=disabled,$[61]=handleClick,$[62]=onItemMouseEnter,$[63]=onItemMouseLeave,$[64]=restProps,$[65]=scheme,$[66]=t13,$[67]=t14,$[68]=t15,$[69]=t16,$[70]=t18,$[71]=t19,$[72]=t20,$[73]=t21,$[74]=t22):t22=$[74],t22;});MenuItem.displayName="ForwardRef(MenuItem)";function _temp(s){return s-1;}const CustomButton=styled(Button).withConfig({displayName:"CustomButton",componentId:"sc-1kns779-0"})(_templateObject62||(_templateObject62=_taggedTemplateLiteral(["max-width:100%;"]))),Tab=forwardRef(function(props,forwardedRef){var _props31;const $=dist.c(30);let focused,icon,id,label,onClick,onFocus,restProps,selected,t0,t1;$[0]!==props?(_props31=props,{icon,id,focused,fontSize:t0,label,onClick,onFocus,padding:t1,selected}=_props31,restProps=_objectWithoutProperties(_props31,_excluded50),_props31,$[0]=props,$[1]=focused,$[2]=icon,$[3]=id,$[4]=label,$[5]=onClick,$[6]=onFocus,$[7]=restProps,$[8]=selected,$[9]=t0,$[10]=t1):(focused=$[1],icon=$[2],id=$[3],label=$[4],onClick=$[5],onFocus=$[6],restProps=$[7],selected=$[8],t0=$[9],t1=$[10]);const fontSize2=t0===void 0?1:t0,padding=t1===void 0?2:t1,ref=useRef$1(null),focusedRef=useRef$1(!1);let t2;$[11]===Symbol.for("react.memo_cache_sentinel")?(t2=()=>ref.current,$[11]=t2):t2=$[11],useImperativeHandle(forwardedRef,t2);let t3;$[12]===Symbol.for("react.memo_cache_sentinel")?(t3=()=>{focusedRef.current=!1;},$[12]=t3):t3=$[12];const handleBlur=t3;let t4;$[13]!==onFocus?(t4=event=>{focusedRef.current=!0,onFocus&&onFocus(event);},$[13]=onFocus,$[14]=t4):t4=$[14];const handleFocus=t4;let t5,t6;$[15]!==focused?(t5=()=>{focused&&!focusedRef.current&&(ref.current&&ref.current.focus(),focusedRef.current=!0);},t6=[focused],$[15]=focused,$[16]=t5,$[17]=t6):(t5=$[16],t6=$[17]),useEffect$1(t5,t6);const t7=selected?"true":"false",t8=selected?0:-1;let t9;return $[18]!==fontSize2||$[19]!==handleFocus||$[20]!==icon||$[21]!==id||$[22]!==label||$[23]!==onClick||$[24]!==padding||$[25]!==restProps||$[26]!==selected||$[27]!==t7||$[28]!==t8?(t9=/* @__PURE__ */jsx(CustomButton,_objectSpread(_objectSpread({"data-ui":"Tab"},restProps),{},{"aria-selected":t7,fontSize:fontSize2,icon,id,mode:"bleed",onClick,onBlur:handleBlur,onFocus:handleFocus,padding,ref,role:"tab",selected,tabIndex:t8,text:label,type:"button"})),$[18]=fontSize2,$[19]=handleFocus,$[20]=icon,$[21]=id,$[22]=label,$[23]=onClick,$[24]=padding,$[25]=restProps,$[26]=selected,$[27]=t7,$[28]=t8,$[29]=t9):t9=$[29],t9;});Tab.displayName="ForwardRef(Tab)";const CustomInline=styled(Inline).withConfig({displayName:"CustomInline",componentId:"sc-5cm04m-0"})(_templateObject63||(_templateObject63=_taggedTemplateLiteral(["& > div{display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;}"]))),TabList=forwardRef(function(props,ref){var _props32;const $=dist.c(15);let childrenProp,restProps;$[0]!==props?(_props32=props,{children:childrenProp}=_props32,restProps=_objectWithoutProperties(_props32,_excluded51),_props32,$[0]=props,$[1]=childrenProp,$[2]=restProps):(childrenProp=$[1],restProps=$[2]);const[focusedIndex,setFocusedIndex]=useState(-1);let t0;if($[3]!==childrenProp||$[4]!==focusedIndex){const children=Children.toArray(childrenProp).filter(isValidElement$1);let t12;$[6]!==focusedIndex?(t12=(child,childIndex)=>cloneElement(child,{focused:focusedIndex===childIndex,key:childIndex,onFocus:()=>setFocusedIndex(childIndex)}),$[6]=focusedIndex,$[7]=t12):t12=$[7],t0=children.map(t12),$[3]=childrenProp,$[4]=focusedIndex,$[5]=t0;}else t0=$[5];const tabs=t0,numTabs=tabs.length;let t1;$[8]!==numTabs?(t1=event=>{event.key==="ArrowLeft"&&setFocusedIndex(prevIndex=>(prevIndex+numTabs-1)%numTabs),event.key==="ArrowRight"&&setFocusedIndex(prevIndex_0=>(prevIndex_0+1)%numTabs);},$[8]=numTabs,$[9]=t1):t1=$[9];const handleKeyDown=t1;let t2;return $[10]!==handleKeyDown||$[11]!==ref||$[12]!==restProps||$[13]!==tabs?(t2=/* @__PURE__ */jsx(CustomInline,_objectSpread(_objectSpread({"data-ui":"TabList"},restProps),{},{onKeyDown:handleKeyDown,ref,role:"tablist",children:tabs})),$[10]=handleKeyDown,$[11]=ref,$[12]=restProps,$[13]=tabs,$[14]=t2):t2=$[14],t2;});TabList.displayName="ForwardRef(TabList)";function _raf(fn){const frameId=requestAnimationFrame(fn);return()=>{cancelAnimationFrame(frameId);};}function _hasFocus(element){return!!document.activeElement&&element.contains(document.activeElement);}function isFocusable(element){return element.tabIndex>0||element.tabIndex===0&&element.getAttribute("tabIndex")!==null?!0:isHTMLAnchorElement(element)?!!element.href&&element.rel!=="ignore":isHTMLInputElement(element)?element.type!=="hidden"&&element.type!=="file"&&!element.disabled:isHTMLButtonElement(element)||isHTMLSelectElement(element)||isHTMLTextAreaElement(element)?!element.disabled:!1;}function attemptFocus(element){if(!isFocusable(element))return!1;try{element.focus();}catch(_unused3){}return document.activeElement===element;}function focusFirstDescendant(element){for(let i=0;i<element.childNodes.length;i++){const child=element.childNodes[i];if(isHTMLElement(child)&&(attemptFocus(child)||focusFirstDescendant(child)))return!0;}return!1;}function focusLastDescendant(element){for(let i=element.childNodes.length-1;i>=0;i--){const child=element.childNodes[i];if(isHTMLElement(child)&&(attemptFocus(child)||focusLastDescendant(child)))return!0;}return!1;}const StyledAutocomplete=styled.div.withConfig({displayName:"StyledAutocomplete",componentId:"sc-1igauft-0"})(_templateObject64||(_templateObject64=_taggedTemplateLiteral(["line-height:0;"]))),ListBox=styled(Box).withConfig({displayName:"ListBox",componentId:"sc-1igauft-1"})(_templateObject65||(_templateObject65=_taggedTemplateLiteral(["& > ul{list-style:none;padding:0;margin:0;}"]))),rotate=keyframes$1(_templateObject66||(_templateObject66=_taggedTemplateLiteral(["\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n"]))),AnimatedSpinnerIcon=styled(SpinnerIcon).withConfig({displayName:"AnimatedSpinnerIcon",componentId:"sc-1igauft-2"})(_templateObject67||(_templateObject67=_taggedTemplateLiteral(["animation:"," 500ms linear infinite;"])),rotate);function AutocompleteOption(props){const $=dist.c(11),{children,id,onSelect,selected,value}=props;let t0;$[0]!==onSelect||$[1]!==value?(t0=()=>{setTimeout(()=>{onSelect(value);},0);},$[0]=onSelect,$[1]=value,$[2]=t0):t0=$[2];const handleClick=t0;let t1;$[3]!==handleClick?(t1=event=>{event.key==="Enter"&&!_isEnterToClickElement(event.currentTarget)&&handleClick();},$[3]=handleClick,$[4]=t1):t1=$[4];const handleKeyDown=t1;let t2;return $[5]!==children||$[6]!==handleClick||$[7]!==handleKeyDown||$[8]!==id||$[9]!==selected?(t2=/* @__PURE__ */jsx("li",{"aria-selected":selected,"data-ui":"AutocompleteOption",id,role:"option",onClick:handleClick,onKeyDown:handleKeyDown,children}),$[5]=children,$[6]=handleClick,$[7]=handleKeyDown,$[8]=id,$[9]=selected,$[10]=t2):t2=$[10],t2;}function autocompleteReducer(state,msg){return msg.type==="input/change"?_objectSpread(_objectSpread({},state),{},{activeValue:null,focused:!0,query:msg.query}):msg.type==="input/focus"?_objectSpread(_objectSpread({},state),{},{focused:!0}):msg.type==="root/blur"?_objectSpread(_objectSpread({},state),{},{focused:!1,query:null}):msg.type==="root/clear"?_objectSpread(_objectSpread({},state),{},{activeValue:null,query:null,value:null}):msg.type==="root/escape"?_objectSpread(_objectSpread({},state),{},{focused:!1,query:null}):msg.type==="root/open"?_objectSpread(_objectSpread({},state),{},{query:state.query||msg.query}):msg.type==="root/setActiveValue"?_objectSpread(_objectSpread({},state),{},{activeValue:msg.value,listFocused:msg.listFocused||state.listFocused}):msg.type==="root/setListFocused"?_objectSpread(_objectSpread({},state),{},{listFocused:msg.listFocused}):msg.type==="value/change"?_objectSpread(_objectSpread({},state),{},{activeValue:msg.value,query:null,value:msg.value}):state;}const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS=["Control","Shift","Alt","Enter","Home","End","PageUp","PageDown","Meta","Tab","CapsLock"],AUTOCOMPLETE_POPOVER_PLACEMENT="bottom-start",AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS=["bottom-start","top-start"],DEFAULT_RENDER_VALUE=(value,option)=>option?option.value:value,DEFAULT_FILTER_OPTION=(query,option)=>option.value.toLowerCase().indexOf(query.toLowerCase())>-1,InnerAutocomplete=forwardRef(function(props,forwardedRef){var _props33;const $=dist.c(181);let customValidity,disabled,filterOptionProp,icon,id,loading,onBlur,onChange,onFocus,onQueryChange,onSelect,openButton,openOnFocus,optionsProp,prefix,readOnly,relatedElements,renderOptionProp,renderPopover,restProps,suffix,t0,t1,t2,t3,t4,t5,t6,valueProp;$[0]!==props?(_props33=props,{border:t0,customValidity,disabled,filterOption:filterOptionProp,fontSize:t1,icon,id,listBox:t2,loading,onBlur,onChange,onFocus,onQueryChange,onSelect,openButton,openOnFocus,options:optionsProp,padding:t3,popover:t4,prefix,radius:t5,readOnly,relatedElements,renderOption:renderOptionProp,renderPopover,renderValue:t6,suffix,value:valueProp}=_props33,restProps=_objectWithoutProperties(_props33,_excluded52),_props33,$[0]=props,$[1]=customValidity,$[2]=disabled,$[3]=filterOptionProp,$[4]=icon,$[5]=id,$[6]=loading,$[7]=onBlur,$[8]=onChange,$[9]=onFocus,$[10]=onQueryChange,$[11]=onSelect,$[12]=openButton,$[13]=openOnFocus,$[14]=optionsProp,$[15]=prefix,$[16]=readOnly,$[17]=relatedElements,$[18]=renderOptionProp,$[19]=renderPopover,$[20]=restProps,$[21]=suffix,$[22]=t0,$[23]=t1,$[24]=t2,$[25]=t3,$[26]=t4,$[27]=t5,$[28]=t6,$[29]=valueProp):(customValidity=$[1],disabled=$[2],filterOptionProp=$[3],icon=$[4],id=$[5],loading=$[6],onBlur=$[7],onChange=$[8],onFocus=$[9],onQueryChange=$[10],onSelect=$[11],openButton=$[12],openOnFocus=$[13],optionsProp=$[14],prefix=$[15],readOnly=$[16],relatedElements=$[17],renderOptionProp=$[18],renderPopover=$[19],restProps=$[20],suffix=$[21],t0=$[22],t1=$[23],t2=$[24],t3=$[25],t4=$[26],t5=$[27],t6=$[28],valueProp=$[29]);const border=t0===void 0?!0:t0,fontSize=t1===void 0?2:t1,listBox=t2===void 0?EMPTY_RECORD:t2,paddingProp=t3===void 0?3:t3,popover=t4===void 0?EMPTY_RECORD:t4,radius=t5===void 0?2:t5,renderValue=t6===void 0?DEFAULT_RENDER_VALUE:t6,t7=valueProp||null,t8=valueProp||null;let t9;$[30]!==t7||$[31]!==t8?(t9={activeValue:t7,focused:!1,listFocused:!1,query:null,value:t8},$[30]=t7,$[31]=t8,$[32]=t9):t9=$[32];const[state,dispatch]=useReducer(autocompleteReducer,t9),{activeValue,focused,listFocused,query,value}=state;let t10;$[33]!==fontSize||$[34]!==paddingProp?(t10=t112=>{const{value:value_0}=t112;return/* @__PURE__ */jsx(Card,{"data-as":"button",padding:paddingProp,radius:2,tone:"inherit",children:/* @__PURE__ */jsx(Text,{size:fontSize,textOverflow:"ellipsis",children:value_0})});},$[33]=fontSize,$[34]=paddingProp,$[35]=t10):t10=$[35];const renderOption=typeof renderOptionProp=="function"?renderOptionProp:t10,filterOption=typeof filterOptionProp=="function"?filterOptionProp:DEFAULT_FILTER_OPTION,rootElementRef=useRef$1(null),resultsPopoverElementRef=useRef$1(null),inputElementRef=useRef$1(null),listBoxElementRef=useRef$1(null),[inputElement,_setInputElement]=useState(null);let t11;$[36]===Symbol.for("react.memo_cache_sentinel")?(t11=node=>{startTransition(()=>_setInputElement(node));},$[36]=t11):t11=$[36];const setInputElement=t11,listFocusedRef=useRef$1(!1),valueRef=useRef$1(value),valuePropRef=useRef$1(valueProp),popoverMouseWithinRef=useRef$1(!1);let t12,t13;$[37]!==inputElement?(t12=()=>inputElement,t13=[inputElement],$[37]=inputElement,$[38]=t12,$[39]=t13):(t12=$[38],t13=$[39]),useImperativeHandle(inputElementRef,t12,t13);let t14,t15;$[40]!==inputElement?(t14=()=>inputElement,t15=[inputElement],$[40]=inputElement,$[41]=t14,$[42]=t15):(t14=$[41],t15=$[42]),useImperativeHandle(forwardedRef,t14,t15);const listBoxId="".concat(id,"-listbox"),options=Array.isArray(optionsProp)?optionsProp:EMPTY_ARRAY,padding=_getArrayProp(paddingProp);let t16;$[43]!==options||$[44]!==value?(t16=value!==null?options.find(o=>o.value===value):void 0,$[43]=options,$[44]=value,$[45]=t16):t16=$[45];const currentOption=t16;let t17;if($[46]!==filterOption||$[47]!==options||$[48]!==query){let t182;$[50]!==filterOption||$[51]!==query?(t182=option=>query?filterOption(query,option):!0,$[50]=filterOption,$[51]=query,$[52]=t182):t182=$[52],t17=options.filter(t182),$[46]=filterOption,$[47]=options,$[48]=query,$[49]=t17;}else t17=$[49];const filteredOptions=t17,filteredOptionsLen=filteredOptions.length,activeItemId=activeValue?"".concat(id,"-option-").concat(activeValue):void 0,expanded=query!==null&&loading||focused&&query!==null;let t18;$[53]!==onBlur||$[54]!==onQueryChange||$[55]!==relatedElements?(t18=event=>{setTimeout(()=>{if(popoverMouseWithinRef.current)return;const elements=(relatedElements||[]).concat(rootElementRef.current?[rootElementRef.current]:[],resultsPopoverElementRef.current?[resultsPopoverElementRef.current]:[]);let focusInside=!1;if(document.activeElement){for(const e of elements)if(e===document.activeElement||e.contains(document.activeElement)){focusInside=!0;break;}}focusInside===!1&&(dispatch({type:"root/blur"}),popoverMouseWithinRef.current=!1,onQueryChange&&onQueryChange(null),onBlur&&onBlur(event));},0);},$[53]=onBlur,$[54]=onQueryChange,$[55]=relatedElements,$[56]=t18):t18=$[56];const handleRootBlur=t18;let t19;$[57]===Symbol.for("react.memo_cache_sentinel")?(t19=event_0=>{const listBoxElement=listBoxElementRef.current,focusedElement=event_0.target instanceof HTMLElement?event_0.target:null,listFocused_0=(listBoxElement===null||listBoxElement===void 0?void 0:listBoxElement.contains(focusedElement))||!1;listFocused_0!==listFocusedRef.current&&(listFocusedRef.current=listFocused_0,dispatch({type:"root/setListFocused",listFocused:listFocused_0}));},$[57]=t19):t19=$[57];const handleRootFocus=t19;let t20;$[58]!==onChange||$[59]!==onQueryChange||$[60]!==onSelect?(t20=v=>{var _inputElementRef$curr;dispatch({type:"value/change",value:v}),popoverMouseWithinRef.current=!1,onSelect&&onSelect(v),valueRef.current=v,onChange&&onChange(v),onQueryChange&&onQueryChange(null),(_inputElementRef$curr=inputElementRef.current)===null||_inputElementRef$curr===void 0?void 0:_inputElementRef$curr.focus();},$[58]=onChange,$[59]=onQueryChange,$[60]=onSelect,$[61]=t20):t20=$[61];const handleOptionSelect=t20;let t21;$[62]!==activeValue||$[63]!==filteredOptions||$[64]!==filteredOptionsLen||$[65]!==onQueryChange?(t21=event_1=>{if(event_1.key==="ArrowDown"){if(event_1.preventDefault(),!filteredOptionsLen)return;const activeOption=filteredOptions.find(o_0=>o_0.value===activeValue),activeIndex=activeOption?filteredOptions.indexOf(activeOption):-1,nextActiveOption=filteredOptions[(activeIndex+1)%filteredOptionsLen];nextActiveOption&&dispatch({type:"root/setActiveValue",value:nextActiveOption.value,listFocused:!0});return;}if(event_1.key==="ArrowUp"){if(event_1.preventDefault(),!filteredOptionsLen)return;const activeOption_0=filteredOptions.find(o_1=>o_1.value===activeValue),activeIndex_0=activeOption_0?filteredOptions.indexOf(activeOption_0):-1,nextActiveOption_0=filteredOptions[activeIndex_0===-1?filteredOptionsLen-1:(filteredOptionsLen+activeIndex_0-1)%filteredOptionsLen];nextActiveOption_0&&dispatch({type:"root/setActiveValue",value:nextActiveOption_0.value,listFocused:!0});return;}if(event_1.key==="Escape"){var _inputElementRef$curr2;dispatch({type:"root/escape"}),popoverMouseWithinRef.current=!1,onQueryChange&&onQueryChange(null),(_inputElementRef$curr2=inputElementRef.current)===null||_inputElementRef$curr2===void 0?void 0:_inputElementRef$curr2.focus();return;}const target=event_1.target,listEl=listBoxElementRef.current;if((listEl===target||listEl!==null&&listEl!==void 0&&listEl.contains(target))&&!AUTOCOMPLETE_LISTBOX_IGNORE_KEYS.includes(event_1.key)){var _inputElementRef$curr3;(_inputElementRef$curr3=inputElementRef.current)===null||_inputElementRef$curr3===void 0||_inputElementRef$curr3.focus();return;}},$[62]=activeValue,$[63]=filteredOptions,$[64]=filteredOptionsLen,$[65]=onQueryChange,$[66]=t21):t21=$[66];const handleRootKeyDown=t21;let t22;$[67]!==onQueryChange?(t22=event_2=>{const nextQuery=event_2.currentTarget.value;dispatch({type:"input/change",query:nextQuery}),onQueryChange&&onQueryChange(nextQuery);},$[67]=onQueryChange,$[68]=t22):t22=$[68];const handleInputChange=t22;let t23;$[69]!==currentOption||$[70]!==renderValue||$[71]!==value?(t23=()=>{dispatch({type:"root/open",query:value?renderValue(value,currentOption):""});},$[69]=currentOption,$[70]=renderValue,$[71]=value,$[72]=t23):t23=$[72];const dispatchOpen=t23;let t24;$[73]!==dispatchOpen||$[74]!==focused||$[75]!==onFocus||$[76]!==openOnFocus?(t24=event_3=>{focused||(dispatch({type:"input/focus"}),onFocus&&onFocus(event_3),openOnFocus&&dispatchOpen());},$[73]=dispatchOpen,$[74]=focused,$[75]=onFocus,$[76]=openOnFocus,$[77]=t24):t24=$[77];const handleInputFocus=t24;let t25;$[78]===Symbol.for("react.memo_cache_sentinel")?(t25=()=>{popoverMouseWithinRef.current=!0;},$[78]=t25):t25=$[78];const handlePopoverMouseEnter=t25;let t26;$[79]===Symbol.for("react.memo_cache_sentinel")?(t26=()=>{popoverMouseWithinRef.current=!1;},$[79]=t26):t26=$[79];const handlePopoverMouseLeave=t26;let t27;$[80]!==onChange||$[81]!==onQueryChange?(t27=()=>{var _inputElementRef$curr4;dispatch({type:"root/clear"}),valueRef.current="",onChange&&onChange(""),onQueryChange&&onQueryChange(null),(_inputElementRef$curr4=inputElementRef.current)===null||_inputElementRef$curr4===void 0?void 0:_inputElementRef$curr4.focus();},$[80]=onChange,$[81]=onQueryChange,$[82]=t27):t27=$[82];const handleClearButtonClick=t27;let t28;$[83]===Symbol.for("react.memo_cache_sentinel")?(t28=()=>{dispatch({type:"input/focus"});},$[83]=t28):t28=$[83];const handleClearButtonFocus=t28;let t29,t30;$[84]!==valueProp?(t29=()=>{if(valueProp!==valuePropRef.current){valuePropRef.current=valueProp,valueProp!==void 0&&(dispatch({type:"value/change",value:valueProp}),valueRef.current=valueProp);return;}valueProp!==valueRef.current&&(valueRef.current=valueProp||null,dispatch({type:"value/change",value:valueProp||null}));},t30=[valueProp],$[84]=valueProp,$[85]=t29,$[86]=t30):(t29=$[85],t30=$[86]),useEffect$1(t29,t30);let t31,t32;$[87]!==focused?(t31=()=>{!focused&&valueRef.current&&dispatch({type:"root/setActiveValue",value:valueRef.current});},t32=[focused],$[87]=focused,$[88]=t31,$[89]=t32):(t31=$[88],t32=$[89]),useEffect$1(t31,t32);let t33,t34;$[90]!==activeValue||$[91]!==filteredOptions?(t33=()=>{const listElement=listBoxElementRef.current;if(!listElement)return;const activeOption_1=filteredOptions.find(o_2=>o_2.value===activeValue);if(activeOption_1){const activeIndex_1=filteredOptions.indexOf(activeOption_1),activeItemElement=listElement.childNodes[activeIndex_1];if(activeItemElement){if(_hasFocus(activeItemElement))return;focusFirstDescendant(activeItemElement);}}},t34=[activeValue,filteredOptions],$[90]=activeValue,$[91]=filteredOptions,$[92]=t33,$[93]=t34):(t33=$[92],t34=$[93]),useEffect$1(t33,t34);let t35;bb0:{if(!loading&&!disabled&&value){let t362;$[94]===Symbol.for("react.memo_cache_sentinel")?(t362={"aria-label":"Clear",onFocus:handleClearButtonFocus},$[94]=t362):t362=$[94],t35=t362;break bb0;}t35=void 0;}const clearButton=t35,openButtonBoxPadding=padding.map(_temp$3),openButtonPadding=padding.map(_temp2$1),openButtonProps=typeof openButton=="object"?openButton:EMPTY_RECORD;let t36;$[95]!==dispatchOpen||$[96]!==openButtonProps?(t36=event_4=>{dispatchOpen(),openButtonProps.onClick&&openButtonProps.onClick(event_4),_raf(()=>{var _inputElementRef$curr5;return(_inputElementRef$curr5=inputElementRef.current)===null||_inputElementRef$curr5===void 0?void 0:_inputElementRef$curr5.focus();});},$[95]=dispatchOpen,$[96]=openButtonProps,$[97]=t36):t36=$[97];const handleOpenClick=t36;let t37;$[98]!==disabled||$[99]!==expanded||$[100]!==fontSize||$[101]!==handleOpenClick||$[102]!==openButton||$[103]!==openButtonBoxPadding||$[104]!==openButtonPadding||$[105]!==openButtonProps||$[106]!==readOnly?(t37=!disabled&&!readOnly&&openButton?/* @__PURE__ */jsx(Box,{"aria-hidden":expanded,padding:openButtonBoxPadding,children:/* @__PURE__ */jsx(Button,_objectSpread(_objectSpread({"aria-label":"Open",disabled:expanded,fontSize,icon:ChevronDownIcon,mode:"bleed",padding:openButtonPadding},openButtonProps),{},{onClick:handleOpenClick}))}):void 0,$[98]=disabled,$[99]=expanded,$[100]=fontSize,$[101]=handleOpenClick,$[102]=openButton,$[103]=openButtonBoxPadding,$[104]=openButtonPadding,$[105]=openButtonProps,$[106]=readOnly,$[107]=t37):t37=$[107];const openButtonNode=t37;let t38;bb1:{if(query===null){if(value!==null){let t392;$[108]!==currentOption||$[109]!==renderValue||$[110]!==value?(t392=renderValue(value,currentOption),$[108]=currentOption,$[109]=renderValue,$[110]=value,$[111]=t392):t392=$[111],t38=t392;break bb1;}t38="";break bb1;}t38=query;}const inputValue=t38;let t39;$[112]!==listFocused?(t39=event_5=>{var _inputElementRef$curr6;event_5.key==="Tab"&&listFocused&&((_inputElementRef$curr6=inputElementRef.current)===null||_inputElementRef$curr6===void 0?void 0:_inputElementRef$curr6.focus());},$[112]=listFocused,$[113]=t39):t39=$[113];const handleListBoxKeyDown=t39;let t40;bb2:{if(filteredOptions.length===0){t40=null;break bb2;}let t412;if($[114]!==activeValue||$[115]!==currentOption||$[116]!==filteredOptions||$[117]!==handleOptionSelect||$[118]!==id||$[119]!==listFocused||$[120]!==loading||$[121]!==renderOption){let t423;$[123]!==activeValue||$[124]!==currentOption||$[125]!==handleOptionSelect||$[126]!==id||$[127]!==listFocused||$[128]!==loading||$[129]!==renderOption?(t423=option_0=>{const active=activeValue!==null?option_0.value===activeValue:currentOption===option_0;return/* @__PURE__ */jsx(AutocompleteOption,{id:"".concat(id,"-option-").concat(option_0.value),onSelect:handleOptionSelect,selected:active,value:option_0.value,children:cloneElement(renderOption(option_0),{disabled:loading,selected:active,tabIndex:listFocused&&active?0:-1})},option_0.value);},$[123]=activeValue,$[124]=currentOption,$[125]=handleOptionSelect,$[126]=id,$[127]=listFocused,$[128]=loading,$[129]=renderOption,$[130]=t423):t423=$[130],t412=filteredOptions.map(t423),$[114]=activeValue,$[115]=currentOption,$[116]=filteredOptions,$[117]=handleOptionSelect,$[118]=id,$[119]=listFocused,$[120]=loading,$[121]=renderOption,$[122]=t412;}else t412=$[122];let t422;$[131]!==listBoxId||$[132]!==t412?(t422=/* @__PURE__ */jsx(Stack,{as:"ul","aria-multiselectable":!1,"data-ui":"AutoComplete__resultsList",id:listBoxId,ref:listBoxElementRef,role:"listbox",space:1,children:t412}),$[131]=listBoxId,$[132]=t412,$[133]=t422):t422=$[133];let t432;$[134]!==handleListBoxKeyDown||$[135]!==listBox||$[136]!==t422?(t432=/* @__PURE__ */jsx(ListBox,_objectSpread(_objectSpread({"data-ui":"AutoComplete__results",onKeyDown:handleListBoxKeyDown,padding:1},listBox),{},{tabIndex:-1,children:t422})),$[134]=handleListBoxKeyDown,$[135]=listBox,$[136]=t422,$[137]=t432):t432=$[137],t40=t432;}const content2=t40;let t41;bb3:{if(renderPopover){const t423=!expanded;let t432;$[138]!==content2||$[139]!==handlePopoverMouseEnter||$[140]!==handlePopoverMouseLeave||$[141]!==inputElement||$[142]!==renderPopover||$[143]!==t423?(t432=/* @__PURE__ */jsx(RenderPopover,{content:content2,hidden:t423,inputElement,onMouseEnter:handlePopoverMouseEnter,onMouseLeave:handlePopoverMouseLeave,resultsPopoverElementRef,renderPopover}),$[138]=content2,$[139]=handlePopoverMouseEnter,$[140]=handlePopoverMouseLeave,$[141]=inputElement,$[142]=renderPopover,$[143]=t423,$[144]=t432):t432=$[144],t41=t432;break bb3;}if(filteredOptionsLen===0){t41=null;break bb3;}let t422;$[145]!==content2||$[146]!==expanded||$[147]!==handlePopoverMouseEnter||$[148]!==handlePopoverMouseLeave||$[149]!==inputElement||$[150]!==popover||$[151]!==radius?(t422=/* @__PURE__ */jsx(Popover,_objectSpread({arrow:!1,constrainSize:!0,content:content2,fallbackPlacements:AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS,matchReferenceWidth:!0,onMouseEnter:handlePopoverMouseEnter,onMouseLeave:handlePopoverMouseLeave,open:expanded,overflow:"auto",placement:AUTOCOMPLETE_POPOVER_PLACEMENT,portal:!0,radius,ref:resultsPopoverElementRef,referenceElement:inputElement},popover)),$[145]=content2,$[146]=expanded,$[147]=handlePopoverMouseEnter,$[148]=handlePopoverMouseLeave,$[149]=inputElement,$[150]=popover,$[151]=radius,$[152]=t422):t422=$[152],t41=t422;}const results=t41,t42=loading&&AnimatedSpinnerIcon,t43=suffix||openButtonNode;let t44;$[153]!==activeItemId||$[154]!==border||$[155]!==clearButton||$[156]!==customValidity||$[157]!==disabled||$[158]!==expanded||$[159]!==fontSize||$[160]!==handleClearButtonClick||$[161]!==handleInputChange||$[162]!==handleInputFocus||$[163]!==icon||$[164]!==id||$[165]!==inputValue||$[166]!==listBoxId||$[167]!==padding||$[168]!==prefix||$[169]!==radius||$[170]!==readOnly||$[171]!==restProps||$[172]!==t42||$[173]!==t43?(t44=/* @__PURE__ */jsx(TextInput,_objectSpread(_objectSpread({},restProps),{},{"aria-activedescendant":activeItemId,"aria-autocomplete":"list","aria-expanded":expanded,"aria-owns":listBoxId,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",border,clearButton,customValidity,disabled,fontSize,icon,iconRight:t42,id,inputMode:"search",onChange:handleInputChange,onClear:handleClearButtonClick,onFocus:handleInputFocus,padding,prefix,radius,readOnly,ref:setInputElement,role:"combobox",spellCheck:!1,suffix:t43,value:inputValue})),$[153]=activeItemId,$[154]=border,$[155]=clearButton,$[156]=customValidity,$[157]=disabled,$[158]=expanded,$[159]=fontSize,$[160]=handleClearButtonClick,$[161]=handleInputChange,$[162]=handleInputFocus,$[163]=icon,$[164]=id,$[165]=inputValue,$[166]=listBoxId,$[167]=padding,$[168]=prefix,$[169]=radius,$[170]=readOnly,$[171]=restProps,$[172]=t42,$[173]=t43,$[174]=t44):t44=$[174];let t45;return $[175]!==handleRootBlur||$[176]!==handleRootFocus||$[177]!==handleRootKeyDown||$[178]!==results||$[179]!==t44?(t45=/* @__PURE__ */jsxs(StyledAutocomplete,{"data-ui":"Autocomplete",onBlur:handleRootBlur,onFocus:handleRootFocus,onKeyDown:handleRootKeyDown,ref:rootElementRef,children:[t44,results]}),$[175]=handleRootBlur,$[176]=handleRootFocus,$[177]=handleRootKeyDown,$[178]=results,$[179]=t44,$[180]=t45):t45=$[180],t45;});function RenderPopover(_ref73){let{renderPopover,content:content2,hidden,inputElement,onMouseEnter,onMouseLeave,resultsPopoverElementRef}=_ref73;return renderPopover({content:content2,hidden,inputElement,onMouseEnter,onMouseLeave},resultsPopoverElementRef);}InnerAutocomplete.displayName="ForwardRef(Autocomplete)";function _temp$3(v_0){return v_0===0?0:v_0===1||v_0===2?1:v_0-2;}function _temp2$1(v_1){return Math.max(v_1-1,0);}const StyledBreadcrumbs=styled.ol.withConfig({displayName:"StyledBreadcrumbs",componentId:"sc-1es8h8q-0"})(_templateObject68||(_templateObject68=_taggedTemplateLiteral(["margin:0;padding:0;display:flex;list-style:none;align-items:center;white-space:nowrap;line-height:0;"]))),ExpandButton=styled(Button).withConfig({displayName:"ExpandButton",componentId:"sc-1es8h8q-1"})(_templateObject69||(_templateObject69=_taggedTemplateLiteral(["appearance:none;margin:-4px;"]))),Breadcrumbs=forwardRef(function(props,ref){var _props34;const $=dist.c(29);let children,maxLength,restProps,separator,t0;$[0]!==props?(_props34=props,{children,maxLength,separator,space:t0}=_props34,restProps=_objectWithoutProperties(_props34,_excluded53),_props34,$[0]=props,$[1]=children,$[2]=maxLength,$[3]=restProps,$[4]=separator,$[5]=t0):(children=$[1],maxLength=$[2],restProps=$[3],separator=$[4],t0=$[5]);const spaceRaw=t0===void 0?2:t0;let t1;$[6]!==spaceRaw?(t1=_getArrayProp(spaceRaw),$[6]=spaceRaw,$[7]=t1):t1=$[7];const space=t1,[open,setOpen]=useState(!1),expandElementRef=useRef$1(null),popoverElementRef=useRef$1(null);let t2;$[8]===Symbol.for("react.memo_cache_sentinel")?(t2=()=>setOpen(!1),$[8]=t2):t2=$[8];const collapse=t2;let t3;$[9]===Symbol.for("react.memo_cache_sentinel")?(t3=()=>setOpen(!0),$[9]=t3):t3=$[9];const expand=t3;let t4;$[10]===Symbol.for("react.memo_cache_sentinel")?(t4=()=>[expandElementRef.current,popoverElementRef.current],$[10]=t4):t4=$[10],useClickOutsideEvent(collapse,t4);let t5;$[11]!==children?(t5=Children.toArray(children).filter(isValidElement$1),$[11]=children,$[12]=t5):t5=$[12];const rawItems=t5;let t6;$[13]!==maxLength||$[14]!==open||$[15]!==rawItems||$[16]!==space?(t6={collapse,expand,expandElementRef,maxLength,open,popoverElementRef,rawItems,space},$[13]=maxLength,$[14]=open,$[15]=rawItems,$[16]=space,$[17]=t6):t6=$[17];const items=useItems(t6);let t7;if($[18]!==items||$[19]!==separator||$[20]!==space){let t82;$[22]!==separator||$[23]!==space?(t82=(item,itemIndex)=>/* @__PURE__ */jsxs(Fragment$1,{children:[itemIndex>0&&/* @__PURE__ */jsx(Box,{"aria-hidden":!0,as:"li",paddingX:space,children:separator||/* @__PURE__ */jsx(Text,{muted:!0,children:"/"})}),/* @__PURE__ */jsx(Box,{as:"li",children:item})]},itemIndex),$[22]=separator,$[23]=space,$[24]=t82):t82=$[24],t7=items.map(t82),$[18]=items,$[19]=separator,$[20]=space,$[21]=t7;}else t7=$[21];let t8;return $[25]!==ref||$[26]!==restProps||$[27]!==t7?(t8=/* @__PURE__ */jsx(StyledBreadcrumbs,_objectSpread(_objectSpread({"data-ui":"Breadcrumbs"},restProps),{},{ref,children:t7})),$[25]=ref,$[26]=restProps,$[27]=t7,$[28]=t8):t8=$[28],t8;});Breadcrumbs.displayName="ForwardRef(Breadcrumbs)";function useItems(t0){const $=dist.c(28),{collapse,expand,expandElementRef,maxLength,open,popoverElementRef,rawItems,space}=t0,len=rawItems.length;if(maxLength&&len>maxLength){const beforeLength=Math.ceil(maxLength/2),afterLength=Math.floor(maxLength/2);let t1;if($[0]!==afterLength||$[1]!==beforeLength||$[2]!==collapse||$[3]!==expand||$[4]!==expandElementRef||$[5]!==len||$[6]!==open||$[7]!==popoverElementRef||$[8]!==rawItems||$[9]!==space){const t2=rawItems.slice(0,beforeLength-1);let t3;$[11]!==afterLength||$[12]!==beforeLength||$[13]!==len||$[14]!==rawItems?(t3=rawItems.slice(beforeLength-1,len-afterLength),$[11]=afterLength,$[12]=beforeLength,$[13]=len,$[14]=rawItems,$[15]=t3):t3=$[15];let t4;$[16]!==space||$[17]!==t3?(t4=/* @__PURE__ */jsx(Stack,{as:"ol",overflow:"auto",padding:space,space,children:t3}),$[16]=space,$[17]=t3,$[18]=t4):t4=$[18];const t5=open?collapse:expand;let t6;$[19]!==expandElementRef||$[20]!==open||$[21]!==t5?(t6=/* @__PURE__ */jsx(ExpandButton,{fontSize:1,mode:"bleed",onClick:t5,padding:1,ref:expandElementRef,selected:open,text:"\u2026"}),$[19]=expandElementRef,$[20]=open,$[21]=t5,$[22]=t6):t6=$[22];let t7;$[23]!==open||$[24]!==popoverElementRef||$[25]!==t4||$[26]!==t6?(t7=/* @__PURE__ */jsx(Popover,{constrainSize:!0,content:t4,open,placement:"top",portal:!0,ref:popoverElementRef,children:t6},"button"),$[23]=open,$[24]=popoverElementRef,$[25]=t4,$[26]=t6,$[27]=t7):t7=$[27],t1=[...t2,t7,...rawItems.slice(len-afterLength)],$[0]=afterLength,$[1]=beforeLength,$[2]=collapse,$[3]=expand,$[4]=expandElementRef,$[5]=len,$[6]=open,$[7]=popoverElementRef,$[8]=rawItems,$[9]=space,$[10]=t1;}else t1=$[10];return t1;}return rawItems;}function dialogStyle(_ref74){let{theme}=_ref74;const{color}=getTheme_v2(theme);return{"&:not([hidden])":{display:"flex"},top:0,left:0,right:0,bottom:0,alignItems:"center",justifyContent:"center",outline:"none",background:color.backdrop};}function responsiveDialogPositionStyle(props){const{media}=getTheme_v2(props.theme);return _responsive(media,props.$position,position=>({"&&":{position}}));}function animationDialogStyle(props){return props.$animate?css(_templateObject70||(_templateObject70=_taggedTemplateLiteral(["\n @keyframes zoomIn {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n animation: fadeIn 200ms ease-out;\n // Animates the dialog card.\n & > [data-ui='DialogCard'] {\n animation: zoomIn 200ms ease-out;\n }\n "]))):css(_templateObject71||(_templateObject71=_taggedTemplateLiteral([""])));}const DialogContext=createGlobalScopedContext("@sanity/ui/context/dialog",{version:0});function useDialog(){return useContext(DialogContext);}function isTargetWithinScope(boundaryElement,portalElement,target){return!boundaryElement||!portalElement?!0:containsOrEqualsElement(boundaryElement,target)||containsOrEqualsElement(portalElement,target);}const StyledDialog=/* @__PURE__ */styled(Layer).withConfig({displayName:"StyledDialog",componentId:"sc-4n4xb3-0"})(responsivePaddingStyle,dialogStyle,responsiveDialogPositionStyle,animationDialogStyle),DialogContainer=styled(Container).withConfig({displayName:"DialogContainer",componentId:"sc-4n4xb3-1"})(_templateObject72||(_templateObject72=_taggedTemplateLiteral(["&:not([hidden]){display:flex;}width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;"]))),DialogCardRoot=styled(Card).withConfig({displayName:"DialogCardRoot",componentId:"sc-4n4xb3-2"})(_templateObject73||(_templateObject73=_taggedTemplateLiteral(["&:not([hidden]){display:flex;}width:100%;min-height:0;max-height:100%;overflow:hidden;overflow:clip;"]))),DialogLayout=styled(Flex).withConfig({displayName:"DialogLayout",componentId:"sc-4n4xb3-3"})(_templateObject74||(_templateObject74=_taggedTemplateLiteral(["flex:1;min-height:0;width:100%;"]))),DialogHeader=styled(Box).withConfig({displayName:"DialogHeader",componentId:"sc-4n4xb3-4"})(_templateObject75||(_templateObject75=_taggedTemplateLiteral(["position:relative;z-index:2;"]))),DialogContent=styled(Box).withConfig({displayName:"DialogContent",componentId:"sc-4n4xb3-5"})(_templateObject76||(_templateObject76=_taggedTemplateLiteral(["position:relative;z-index:1;overflow:auto;outline:none;"]))),DialogFooter=styled(Box).withConfig({displayName:"DialogFooter",componentId:"sc-4n4xb3-6"})(_templateObject77||(_templateObject77=_taggedTemplateLiteral(["position:relative;z-index:3;"]))),DialogCard=forwardRef(function(props,forwardedRef){var _portal$elements3;const $=dist.c(44),{__unstable_autoFocus:autoFocus,__unstable_hideCloseButton:hideCloseButton,children,contentRef:forwardedContentRef,footer,header,id,onClickOutside,onClose,portal:portalProp,radius:radiusProp,scheme,shadow:shadowProp,width:widthProp}=props,portal=usePortal(),portalElement=portalProp?((_portal$elements3=portal.elements)===null||_portal$elements3===void 0?void 0:_portal$elements3[portalProp])||null:portal.element,boundaryElement=useBoundaryElement().element;let t0;$[0]!==radiusProp?(t0=_getArrayProp(radiusProp),$[0]=radiusProp,$[1]=t0):t0=$[1];const radius=t0;let t1;$[2]!==shadowProp?(t1=_getArrayProp(shadowProp),$[2]=shadowProp,$[3]=t1):t1=$[3];const shadow=t1;let t2;$[4]!==widthProp?(t2=_getArrayProp(widthProp),$[4]=widthProp,$[5]=t2):t2=$[5];const width=t2,ref=useRef$1(null),contentRef=useRef$1(null),layer=useLayer(),{isTopLayer}=layer,labelId="".concat(id,"_label"),showCloseButton=!!onClose&&hideCloseButton===!1,showHeader=!!header||showCloseButton;let t3;$[6]===Symbol.for("react.memo_cache_sentinel")?(t3=()=>ref.current,$[6]=t3):t3=$[6],useImperativeHandle(forwardedRef,t3);let t4;$[7]===Symbol.for("react.memo_cache_sentinel")?(t4=()=>contentRef.current,$[7]=t4):t4=$[7],useImperativeHandle(forwardedContentRef,t4);let t5,t6;$[8]!==autoFocus?(t5=()=>{autoFocus&&ref.current&&focusFirstDescendant(ref.current);},t6=[autoFocus,ref],$[8]=autoFocus,$[9]=t5,$[10]=t6):(t5=$[9],t6=$[10]),useEffect$1(t5,t6);let t7;$[11]!==boundaryElement||$[12]!==isTopLayer||$[13]!==onClose||$[14]!==portalElement?(t7=event=>{if(!isTopLayer||!onClose)return;const target=document.activeElement;target&&!isTargetWithinScope(boundaryElement,portalElement,target)||event.key==="Escape"&&(event.preventDefault(),event.stopPropagation(),onClose());},$[11]=boundaryElement,$[12]=isTopLayer,$[13]=onClose,$[14]=portalElement,$[15]=t7):t7=$[15],useGlobalKeyDown(t7);let t8;$[16]!==boundaryElement||$[17]!==isTopLayer||$[18]!==onClickOutside||$[19]!==portalElement?(t8=isTopLayer&&onClickOutside&&(event_0=>{const target_0=event_0.target;target_0&&!isTargetWithinScope(boundaryElement,portalElement,target_0)||onClickOutside();}),$[16]=boundaryElement,$[17]=isTopLayer,$[18]=onClickOutside,$[19]=portalElement,$[20]=t8):t8=$[20];let t9;$[21]===Symbol.for("react.memo_cache_sentinel")?(t9=()=>[ref.current],$[21]=t9):t9=$[21],useClickOutsideEvent(t8,t9);let t10;$[22]!==header||$[23]!==labelId||$[24]!==onClose||$[25]!==showCloseButton||$[26]!==showHeader?(t10=showHeader&&/* @__PURE__ */jsx(DialogHeader,{children:/* @__PURE__ */jsxs(Flex,{align:"flex-start",padding:3,children:[/* @__PURE__ */jsx(Box,{flex:1,padding:2,children:header&&/* @__PURE__ */jsx(Text,{id:labelId,size:1,weight:"semibold",children:header})}),showCloseButton&&/* @__PURE__ */jsx(Box,{flex:"none",children:/* @__PURE__ */jsx(Button,{"aria-label":"Close dialog",disabled:!onClose,icon:CloseIcon,mode:"bleed",onClick:onClose,padding:2})})]})}),$[22]=header,$[23]=labelId,$[24]=onClose,$[25]=showCloseButton,$[26]=showHeader,$[27]=t10):t10=$[27];let t11;$[28]!==children?(t11=/* @__PURE__ */jsx(DialogContent,{flex:1,ref:contentRef,tabIndex:-1,children}),$[28]=children,$[29]=t11):t11=$[29];let t12;$[30]!==footer?(t12=footer&&/* @__PURE__ */jsx(DialogFooter,{children:footer}),$[30]=footer,$[31]=t12):t12=$[31];let t13;$[32]!==t10||$[33]!==t11||$[34]!==t12?(t13=/* @__PURE__ */jsxs(DialogLayout,{direction:"column",children:[t10,t11,t12]}),$[32]=t10,$[33]=t11,$[34]=t12,$[35]=t13):t13=$[35];let t14;$[36]!==radius||$[37]!==scheme||$[38]!==shadow||$[39]!==t13?(t14=/* @__PURE__ */jsx(DialogCardRoot,{radius,ref,scheme,shadow,children:t13}),$[36]=radius,$[37]=scheme,$[38]=shadow,$[39]=t13,$[40]=t14):t14=$[40];let t15;return $[41]!==t14||$[42]!==width?(t15=/* @__PURE__ */jsx(DialogContainer,{"data-ui":"DialogCard",width,children:t14}),$[41]=t14,$[42]=width,$[43]=t15):t15=$[43],t15;});DialogCard.displayName="ForwardRef(DialogCard)";const Dialog=forwardRef(function(props,ref){var _props35,_portal$elements4;const $=dist.c(70),dialog=useDialog(),{layer}=useTheme_v2();let _positionProp,_zOffsetProp,children,contentRef,footer,header,id,onActivate,onClickOutside,onClose,onFocus,portalProp,restProps,scheme,t0,t1,t2,t3,t4,t5,t6;$[0]!==props?(_props35=props,{__unstable_autoFocus:t0,__unstable_hideCloseButton:t1,cardRadius:t2,cardShadow:t3,children,contentRef,footer,header,id,onActivate,onClickOutside,onClose,onFocus,padding:t4,portal:portalProp,position:_positionProp,scheme,width:t5,zOffset:_zOffsetProp,animate:t6}=_props35,restProps=_objectWithoutProperties(_props35,_excluded54),_props35,$[0]=props,$[1]=_positionProp,$[2]=_zOffsetProp,$[3]=children,$[4]=contentRef,$[5]=footer,$[6]=header,$[7]=id,$[8]=onActivate,$[9]=onClickOutside,$[10]=onClose,$[11]=onFocus,$[12]=portalProp,$[13]=restProps,$[14]=scheme,$[15]=t0,$[16]=t1,$[17]=t2,$[18]=t3,$[19]=t4,$[20]=t5,$[21]=t6):(_positionProp=$[1],_zOffsetProp=$[2],children=$[3],contentRef=$[4],footer=$[5],header=$[6],id=$[7],onActivate=$[8],onClickOutside=$[9],onClose=$[10],onFocus=$[11],portalProp=$[12],restProps=$[13],scheme=$[14],t0=$[15],t1=$[16],t2=$[17],t3=$[18],t4=$[19],t5=$[20],t6=$[21]);const autoFocus=t0===void 0?!0:t0,hideCloseButton=t1===void 0?!1:t1,cardRadiusProp=t2===void 0?4:t2,cardShadow=t3===void 0?3:t3,paddingProp=t4===void 0?3:t4,widthProp=t5===void 0?0:t5,_animate=t6===void 0?!1:t6,positionProp=_positionProp!==null&&_positionProp!==void 0?_positionProp:dialog.position||"fixed",zOffsetProp=_zOffsetProp!==null&&_zOffsetProp!==void 0?_zOffsetProp:dialog.zOffset||layer.dialog.zOffset,animate=usePrefersReducedMotion()?!1:_animate,portal=usePortal(),portalElement=portalProp?((_portal$elements4=portal.elements)===null||_portal$elements4===void 0?void 0:_portal$elements4[portalProp])||null:portal.element,boundaryElement=useBoundaryElement().element;let t7;$[22]!==cardRadiusProp?(t7=_getArrayProp(cardRadiusProp),$[22]=cardRadiusProp,$[23]=t7):t7=$[23];const cardRadius=t7;let t8;$[24]!==paddingProp?(t8=_getArrayProp(paddingProp),$[24]=paddingProp,$[25]=t8):t8=$[25];const padding=t8;let t9;$[26]!==positionProp?(t9=_getArrayProp(positionProp),$[26]=positionProp,$[27]=t9):t9=$[27];const position=t9;let t10;$[28]!==widthProp?(t10=_getArrayProp(widthProp),$[28]=widthProp,$[29]=t10):t10=$[29];const width=t10;let t11;$[30]!==zOffsetProp?(t11=_getArrayProp(zOffsetProp),$[30]=zOffsetProp,$[31]=t11):t11=$[31];const zOffset=t11,preDivRef=useRef$1(null),postDivRef=useRef$1(null),cardRef=useRef$1(null),focusedElementRef=useRef$1(null);let t12;$[32]!==onFocus?(t12=event=>{var _onFocus2;(_onFocus2=onFocus)===null||_onFocus2===void 0||_onFocus2(event);const target=event.target,cardElement=cardRef.current;if(cardElement&&target===preDivRef.current){focusLastDescendant(cardElement);return;}if(cardElement&&target===postDivRef.current){focusFirstDescendant(cardElement);return;}isHTMLElement(event.target)&&(focusedElementRef.current=event.target);},$[32]=onFocus,$[33]=t12):t12=$[33];const handleFocus=t12,labelId="".concat(id,"_label"),rootClickTimeoutRef=useRef$1(void 0);let t13;$[34]!==boundaryElement||$[35]!==portalElement?(t13=()=>{rootClickTimeoutRef.current&&clearTimeout(rootClickTimeoutRef.current),rootClickTimeoutRef.current=setTimeout(()=>{const activeElement=document.activeElement;if(activeElement&&!isTargetWithinScope(boundaryElement,portalElement,activeElement)){const target_0=focusedElementRef.current;if(!target_0||!document.body.contains(target_0)){const cardElement_0=cardRef.current;cardElement_0&&focusFirstDescendant(cardElement_0);return;}target_0.focus();}},0);},$[34]=boundaryElement,$[35]=portalElement,$[36]=t13):t13=$[36];const handleRootClick=t13;let t14;$[37]===Symbol.for("react.memo_cache_sentinel")?(t14=/* @__PURE__ */jsx("div",{ref:preDivRef,tabIndex:0}),$[37]=t14):t14=$[37];let t15;$[38]!==autoFocus||$[39]!==cardRadius||$[40]!==cardShadow||$[41]!==children||$[42]!==contentRef||$[43]!==footer||$[44]!==header||$[45]!==hideCloseButton||$[46]!==id||$[47]!==onClickOutside||$[48]!==onClose||$[49]!==portalProp||$[50]!==scheme||$[51]!==width?(t15=/* @__PURE__ */jsx(DialogCard,{__unstable_autoFocus:autoFocus,__unstable_hideCloseButton:hideCloseButton,contentRef,footer,header,id,onClickOutside,onClose,portal:portalProp,radius:cardRadius,ref:cardRef,scheme,shadow:cardShadow,width,children}),$[38]=autoFocus,$[39]=cardRadius,$[40]=cardShadow,$[41]=children,$[42]=contentRef,$[43]=footer,$[44]=header,$[45]=hideCloseButton,$[46]=id,$[47]=onClickOutside,$[48]=onClose,$[49]=portalProp,$[50]=scheme,$[51]=width,$[52]=t15):t15=$[52];let t16;$[53]===Symbol.for("react.memo_cache_sentinel")?(t16=/* @__PURE__ */jsx("div",{ref:postDivRef,tabIndex:0}),$[53]=t16):t16=$[53];let t17;$[54]!==animate||$[55]!==handleFocus||$[56]!==handleRootClick||$[57]!==id||$[58]!==labelId||$[59]!==onActivate||$[60]!==padding||$[61]!==position||$[62]!==ref||$[63]!==restProps||$[64]!==t15||$[65]!==zOffset?(t17=/* @__PURE__ */jsxs(StyledDialog,_objectSpread(_objectSpread({},restProps),{},{$animate:animate,$padding:padding,$position:position,"aria-labelledby":labelId,"aria-modal":!0,"data-ui":"Dialog",id,onActivate,onClick:handleRootClick,onFocus:handleFocus,ref,role:"dialog",zOffset,children:[t14,t15,t16]})),$[54]=animate,$[55]=handleFocus,$[56]=handleRootClick,$[57]=id,$[58]=labelId,$[59]=onActivate,$[60]=padding,$[61]=position,$[62]=ref,$[63]=restProps,$[64]=t15,$[65]=zOffset,$[66]=t17):t17=$[66];let t18;return $[67]!==portalProp||$[68]!==t17?(t18=/* @__PURE__ */jsx(Portal,{__unstable_name:portalProp,children:t17}),$[67]=portalProp,$[68]=t17,$[69]=t18):t18=$[69],t18;});Dialog.displayName="ForwardRef(Dialog)";const MenuButton=forwardRef(function(props,forwardedRef){var _buttonProp$props$sel;const $=dist.c(62),{__unstable_disableRestoreFocusOnClose:t0,boundaryElement:deprecated_boundaryElement,button:buttonProp,id,menu:menuProp,onClose,onOpen,placement:deprecated_placement,popoverScheme:deprecated_popoverScheme,portal:t1,popover,popoverRadius:deprecated_popoverRadius,preventOverflow:deprecated_preventOverflow}=props,disableRestoreFocusOnClose=t0===void 0?!1:t0,deprecated_portal=t1===void 0?!0:t1,[open,setOpen]=useState(!1),[shouldFocus,setShouldFocus]=useState(null),[buttonElement,setButtonElement]=useState(null);let t2;$[0]===Symbol.for("react.memo_cache_sentinel")?(t2=[],$[0]=t2):t2=$[0];const[menuElements,setChildMenuElements]=useState(t2),openRef=useRef$1(open);let t3,t4;$[1]!==onOpen||$[2]!==open?(t3=()=>{onOpen&&open&&!openRef.current&&onOpen();},t4=[onOpen,open],$[1]=onOpen,$[2]=open,$[3]=t3,$[4]=t4):(t3=$[3],t4=$[4]),useEffect$1(t3,t4);let t5,t6;$[5]!==onClose||$[6]!==open?(t5=()=>{onClose&&!open&&openRef.current&&onClose();},t6=[onClose,open],$[5]=onClose,$[6]=open,$[7]=t5,$[8]=t6):(t5=$[7],t6=$[8]),useEffect$1(t5,t6);let t7,t8;$[9]!==open?(t7=()=>{openRef.current=open;},t8=[open],$[9]=open,$[10]=t7,$[11]=t8):(t7=$[10],t8=$[11]),useEffect$1(t7,t8);let t9;$[12]===Symbol.for("react.memo_cache_sentinel")?(t9=()=>{setOpen(_temp$2),setShouldFocus(null);},$[12]=t9):t9=$[12];const handleButtonClick=t9;let t10;$[13]!==open?(t10=event=>{open&&event.preventDefault();},$[13]=open,$[14]=t10):t10=$[14];const handleMouseDown=t10;let t11;$[15]===Symbol.for("react.memo_cache_sentinel")?(t11=event_0=>{if(event_0.key==="ArrowDown"||event_0.key==="Enter"||event_0.key===" "){event_0.preventDefault(),setOpen(!0),setShouldFocus("first");return;}if(event_0.key==="ArrowUp"){event_0.preventDefault(),setOpen(!0),setShouldFocus("last");return;}},$[15]=t11):t11=$[15];const handleButtonKeyDown=t11;let t12;$[16]!==buttonElement||$[17]!==menuElements?(t12=event_1=>{const target=event_1.target;if(target instanceof Node&&!(buttonElement&&(target===buttonElement||buttonElement.contains(target)))){for(const el of menuElements)if(target===el||el.contains(target))return;setOpen(!1);}},$[16]=buttonElement,$[17]=menuElements,$[18]=t12):t12=$[18];const handleMenuClickOutside=t12;let t13;$[19]!==buttonElement||$[20]!==disableRestoreFocusOnClose?(t13=()=>{setOpen(!1),!disableRestoreFocusOnClose&&buttonElement&&buttonElement.focus();},$[19]=buttonElement,$[20]=disableRestoreFocusOnClose,$[21]=t13):t13=$[21];const handleMenuEscape=t13;let t14;$[22]!==menuElements?(t14=event_2=>{const target_0=event_2.relatedTarget;if(target_0 instanceof Node){for(const el_0 of menuElements)if(el_0===target_0||el_0.contains(target_0))return;setOpen(!1);}},$[22]=menuElements,$[23]=t14):t14=$[23];const handleBlur=t14;let t15;$[24]!==buttonElement||$[25]!==disableRestoreFocusOnClose?(t15=()=>{setOpen(!1),!disableRestoreFocusOnClose&&buttonElement&&buttonElement.focus();},$[24]=buttonElement,$[25]=disableRestoreFocusOnClose,$[26]=t15):t15=$[26];const handleItemClick=t15;let t16;$[27]===Symbol.for("react.memo_cache_sentinel")?(t16=el_1=>(setChildMenuElements(els=>els.concat([el_1])),()=>setChildMenuElements(els_0=>els_0.filter(_el=>_el!==el_1))),$[27]=t16):t16=$[27];const registerElement=t16;let t17;$[28]!==buttonElement||$[29]!==handleBlur||$[30]!==handleItemClick||$[31]!==handleMenuClickOutside||$[32]!==handleMenuEscape||$[33]!==id||$[34]!==menuProp||$[35]!==shouldFocus?(t17=menuProp&&cloneElement(menuProp,{"aria-labelledby":id,onBlurCapture:handleBlur,onClickOutside:handleMenuClickOutside,onEscape:handleMenuEscape,onItemClick:handleItemClick,originElement:buttonElement,registerElement,shouldFocus}),$[28]=buttonElement,$[29]=handleBlur,$[30]=handleItemClick,$[31]=handleMenuClickOutside,$[32]=handleMenuEscape,$[33]=id,$[34]=menuProp,$[35]=shouldFocus,$[36]=t17):t17=$[36];const menu=t17;let t18;$[37]!==buttonProp||$[38]!==handleMouseDown||$[39]!==id||$[40]!==open?(t18=buttonProp&&cloneElement(buttonProp,{"data-ui":"MenuButton",id,onClick:handleButtonClick,onKeyDown:handleButtonKeyDown,onMouseDown:handleMouseDown,"aria-haspopup":!0,"aria-expanded":open,ref:setButtonElement,selected:(_buttonProp$props$sel=buttonProp.props.selected)!==null&&_buttonProp$props$sel!==void 0?_buttonProp$props$sel:open}),$[37]=buttonProp,$[38]=handleMouseDown,$[39]=id,$[40]=open,$[41]=t18):t18=$[41];const button=t18;let t19,t20;$[42]!==buttonElement?(t19=()=>buttonElement,t20=[buttonElement],$[42]=buttonElement,$[43]=t19,$[44]=t20):(t19=$[43],t20=$[44]),useImperativeHandle(forwardedRef,t19,t20);let t21;$[45]!==popover?(t21=popover||{},$[45]=popover,$[46]=t21):t21=$[46];let t22;$[47]!==deprecated_boundaryElement||$[48]!==deprecated_placement||$[49]!==deprecated_popoverRadius||$[50]!==deprecated_popoverScheme||$[51]!==deprecated_portal||$[52]!==deprecated_preventOverflow||$[53]!==t21?(t22=_objectSpread({boundaryElement:deprecated_boundaryElement,overflow:"auto",placement:deprecated_placement,portal:deprecated_portal,preventOverflow:deprecated_preventOverflow,radius:deprecated_popoverRadius,scheme:deprecated_popoverScheme},t21),$[47]=deprecated_boundaryElement,$[48]=deprecated_placement,$[49]=deprecated_popoverRadius,$[50]=deprecated_popoverScheme,$[51]=deprecated_portal,$[52]=deprecated_preventOverflow,$[53]=t21,$[54]=t22):t22=$[54];const popoverProps=t22;let t23;$[55]!==button?(t23=button||/* @__PURE__ */jsx(Fragment,{}),$[55]=button,$[56]=t23):t23=$[56];let t24;return $[57]!==menu||$[58]!==open||$[59]!==popoverProps||$[60]!==t23?(t24=/* @__PURE__ */jsx(Popover,_objectSpread(_objectSpread({"data-ui":"MenuButton__popover"},popoverProps),{},{content:menu,open,children:t23})),$[57]=menu,$[58]=open,$[59]=popoverProps,$[60]=t23,$[61]=t24):t24=$[61],t24;});MenuButton.displayName="ForwardRef(MenuButton)";function _temp$2(v){return!v;}const keyframe=keyframes$1(_templateObject78||(_templateObject78=_taggedTemplateLiteral(["\n 0% {\n background-position: 100%;\n }\n 100% {\n background-position: -100%;\n }\n"]))),animation=css(_templateObject79||(_templateObject79=_taggedTemplateLiteral(["\n background-image: linear-gradient(\n to right,\n var(--card-skeleton-color-from),\n var(--card-skeleton-color-to),\n var(--card-skeleton-color-from),\n var(--card-skeleton-color-from),\n var(--card-skeleton-color-from)\n );\n background-position: 100%;\n background-size: 200% 100%;\n background-attachment: fixed;\n animation-name: ",";\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n animation-duration: 2000ms;\n"])),keyframe),skeletonStyle=css(_templateObject80||(_templateObject80=_taggedTemplateLiteral(["\n opacity: ",";\n transition: opacity 200ms ease-in;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n ","\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n background-color: var(--card-skeleton-color-from);\n }\n"])),_ref75=>{let{$visible}=_ref75;return $visible?1:0;},_ref76=>{let{$animated}=_ref76;return $animated?animation:css(_templateObject81||(_templateObject81=_taggedTemplateLiteral(["\n background-color: var(--card-skeleton-color-from);\n "])));}),StyledSkeleton$1=/* @__PURE__ */styled(Box).withConfig({displayName:"StyledSkeleton",componentId:"sc-ebtpni-0"})(responsiveRadiusStyle,skeletonStyle),Skeleton=forwardRef(function(props,ref){var _props36;const $=dist.c(16);let delay,radius,restProps,t0;$[0]!==props?(_props36=props,{animated:t0,delay,radius}=_props36,restProps=_objectWithoutProperties(_props36,_excluded55),_props36,$[0]=props,$[1]=delay,$[2]=radius,$[3]=restProps,$[4]=t0):(delay=$[1],radius=$[2],restProps=$[3],t0=$[4]);const animated=t0===void 0?!1:t0,[visible,setVisible]=useState(!delay);let t1,t2;$[5]!==delay?(t1=()=>{if(!delay)return;const timeout=setTimeout(()=>{setVisible(!0);},delay);return()=>{clearTimeout(timeout);};},t2=[delay],$[5]=delay,$[6]=t1,$[7]=t2):(t1=$[6],t2=$[7]),useEffect$1(t1,t2);let t3;$[8]!==radius?(t3=_getArrayProp(radius),$[8]=radius,$[9]=t3):t3=$[9];const t4=delay?visible:!0;let t5;return $[10]!==animated||$[11]!==ref||$[12]!==restProps||$[13]!==t3||$[14]!==t4?(t5=/* @__PURE__ */jsx(StyledSkeleton$1,_objectSpread(_objectSpread({},restProps),{},{$animated:animated,$radius:t3,$visible:t4,ref})),$[10]=animated,$[11]=ref,$[12]=restProps,$[13]=t3,$[14]=t4,$[15]=t5):t5=$[15],t5;});Skeleton.displayName="ForwardRef(Skeleton)";const StyledSkeleton=/* @__PURE__ */styled(Skeleton).withConfig({displayName:"StyledSkeleton",componentId:"sc-2p7a1v-0"})(props=>{const{$size,$style}=props,{font,media}=getTheme_v2(props.theme),fontStyle=font[$style];return _responsive(media,$size,sizeIndex=>{const fontSize=fontStyle.sizes[sizeIndex];return{height:fontSize.lineHeight-fontSize.ascenderHeight-fontSize.descenderHeight};});}),TextSkeleton=forwardRef(function(props,ref){var _props37;const $=dist.c(9);let restProps,t0;$[0]!==props?(_props37=props,{size:t0}=_props37,restProps=_objectWithoutProperties(_props37,_excluded56),_props37,$[0]=props,$[1]=restProps,$[2]=t0):(restProps=$[1],t0=$[2]);const size=t0===void 0?2:t0;let t1;$[3]!==size?(t1=_getArrayProp(size),$[3]=size,$[4]=t1):t1=$[4];const $size=t1;let t2;return $[5]!==$size||$[6]!==ref||$[7]!==restProps?(t2=/* @__PURE__ */jsx(StyledSkeleton,_objectSpread(_objectSpread({},restProps),{},{$size,ref,$style:"text"})),$[5]=$size,$[6]=ref,$[7]=restProps,$[8]=t2):t2=$[8],t2;});TextSkeleton.displayName="ForwardRef(TextSkeleton)";const LabelSkeleton=forwardRef(function(props,ref){var _props38;const $=dist.c(9);let restProps,t0;$[0]!==props?(_props38=props,{size:t0}=_props38,restProps=_objectWithoutProperties(_props38,_excluded57),_props38,$[0]=props,$[1]=restProps,$[2]=t0):(restProps=$[1],t0=$[2]);const size=t0===void 0?2:t0;let t1;$[3]!==size?(t1=_getArrayProp(size),$[3]=size,$[4]=t1):t1=$[4];const $size=t1;let t2;return $[5]!==$size||$[6]!==ref||$[7]!==restProps?(t2=/* @__PURE__ */jsx(StyledSkeleton,_objectSpread(_objectSpread({},restProps),{},{$size,ref,$style:"label"})),$[5]=$size,$[6]=ref,$[7]=restProps,$[8]=t2):t2=$[8],t2;});LabelSkeleton.displayName="ForwardRef(LabelSkeleton)";const HeadingSkeleton=forwardRef(function(props,ref){var _props39;const $=dist.c(9);let restProps,t0;$[0]!==props?(_props39=props,{size:t0}=_props39,restProps=_objectWithoutProperties(_props39,_excluded58),_props39,$[0]=props,$[1]=restProps,$[2]=t0):(restProps=$[1],t0=$[2]);const size=t0===void 0?2:t0;let t1;$[3]!==size?(t1=_getArrayProp(size),$[3]=size,$[4]=t1):t1=$[4];const $size=t1;let t2;return $[5]!==$size||$[6]!==ref||$[7]!==restProps?(t2=/* @__PURE__ */jsx(StyledSkeleton,_objectSpread(_objectSpread({},restProps),{},{$size,ref,$style:"heading"})),$[5]=$size,$[6]=ref,$[7]=restProps,$[8]=t2):t2=$[8],t2;});HeadingSkeleton.displayName="ForwardRef(HeadingSkeleton)";const CodeSkeleton=forwardRef(function(props,ref){var _props40;const $=dist.c(9);let restProps,t0;$[0]!==props?(_props40=props,{size:t0}=_props40,restProps=_objectWithoutProperties(_props40,_excluded59),_props40,$[0]=props,$[1]=restProps,$[2]=t0):(restProps=$[1],t0=$[2]);const size=t0===void 0?2:t0;let t1;$[3]!==size?(t1=_getArrayProp(size),$[3]=size,$[4]=t1):t1=$[4];const $size=t1;let t2;return $[5]!==$size||$[6]!==ref||$[7]!==restProps?(t2=/* @__PURE__ */jsx(StyledSkeleton,_objectSpread(_objectSpread({},restProps),{},{$size,ref,$style:"code"})),$[5]=$size,$[6]=ref,$[7]=restProps,$[8]=t2):t2=$[8],t2;});CodeSkeleton.displayName="ForwardRef(CodeSkeleton)";const TabPanel=forwardRef(function(props,ref){var _props41;const $=dist.c(9);let flex,restProps;$[0]!==props?(_props41=props,{flex}=_props41,restProps=_objectWithoutProperties(_props41,_excluded60),_props41,$[0]=props,$[1]=flex,$[2]=restProps):(flex=$[1],restProps=$[2]);const t0=props.tabIndex===void 0?0:props.tabIndex;let t1;return $[3]!==flex||$[4]!==props.children||$[5]!==ref||$[6]!==restProps||$[7]!==t0?(t1=/* @__PURE__ */jsx(Box,_objectSpread(_objectSpread({"data-ui":"TabPanel"},restProps),{},{flex,ref,role:"tabpanel",tabIndex:t0,children:props.children})),$[3]=flex,$[4]=props.children,$[5]=ref,$[6]=restProps,$[7]=t0,$[8]=t1):t1=$[8],t1;});TabPanel.displayName="ForwardRef(TabPanel)";const LOADING_BAR_HEIGHT=2;styled(Flex).withConfig({displayName:"TextBox",componentId:"sc-1rr7rxo-0"})(_templateObject82||(_templateObject82=_taggedTemplateLiteral(["overflow-x:auto;"])));const StyledToast=styled(Card).withConfig({displayName:"StyledToast",componentId:"sc-1rr7rxo-1"})(_templateObject83||(_templateObject83=_taggedTemplateLiteral(["pointer-events:all;width:100%;position:relative;overflow:hidden;overflow:clip;&[data-has-duration]{padding-bottom:calc(","px / 2);}"])),LOADING_BAR_HEIGHT),LoadingBar=styled.div.withConfig({displayName:"LoadingBar",componentId:"sc-1rr7rxo-2"})(_templateObject84||(_templateObject84=_taggedTemplateLiteral(["display:flex;position:absolute;bottom:0px;top:0px;left:0px;right:0px;pointer-events:none;z-index:-1;overflow:hidden;overflow:clip;background:transparent;align-items:flex-end;will-change:opacity;"])));styled(Card).withConfig({displayName:"LoadingBarMask",componentId:"sc-1rr7rxo-3"})(_templateObject85||(_templateObject85=_taggedTemplateLiteral(["position:absolute;top:0;left:-","px;right:-","px;bottom:","px;z-index:1;"])),LOADING_BAR_HEIGHT,LOADING_BAR_HEIGHT,LOADING_BAR_HEIGHT);const LoadingBarProgress=styled(Card).withConfig({displayName:"LoadingBarProgress",componentId:"sc-1rr7rxo-4"})(_templateObject86||(_templateObject86=_taggedTemplateLiteral(["display:block;height:100%;width:100%;transform-origin:0% 50%;background-color:",";"])),props=>{const{color}=getTheme_v2(props.theme);return color.button.default[props.tone].enabled.bg;});motion.create(StyledToast);motion.create(Flex);motion.create(Text);motion.create(LoadingBar);motion.create(LoadingBarProgress);createGlobalScopedContext("@sanity/ui/context/toast",null);styled(Grid).withConfig({displayName:"StyledLayer",componentId:"sc-1tbwn58-0"})(_templateObject87||(_templateObject87=_taggedTemplateLiteral(["box-sizing:border-box;position:fixed;right:0;bottom:0;list-style:none;pointer-events:none;max-width:420px;width:100%;"])));function _findPrevItemElement(state,itemElements,focusedElement){const idx=itemElements.indexOf(focusedElement),els=itemElements.slice(0,idx),len=els.length;for(let i=len-1;i>=0;i-=1){const itemKey=els[i].getAttribute("data-tree-key");if(!itemKey)continue;const segments=itemKey.split("/");segments.pop();const p=[];let expanded=!0;for(let j=0;j<segments.length;j+=1){var _state$k;p.push(segments[j]);const k=p.join("/");if(!((_state$k=state[k])!==null&&_state$k!==void 0&&_state$k.expanded)){expanded=!1;break;}}if(expanded)return els[i];}return null;}function _findNextItemElement(state,itemElements,focusedElement){const idx=itemElements.indexOf(focusedElement),els=itemElements.slice(idx),len=itemElements.length;for(let i=1;i<len;i+=1){if(!els[i])continue;const itemKey=els[i].getAttribute("data-tree-key");if(!itemKey)continue;const segments=itemKey.split("/");segments.pop();const p=[];let expanded=!0;for(let j=0;j<segments.length;j+=1){var _state$k2;p.push(segments[j]);const k=p.join("/");if(!((_state$k2=state[k])!==null&&_state$k2!==void 0&&_state$k2.expanded)){expanded=!1;break;}}if(expanded)return els[i];}return null;}function _focusItemElement(el){if(el.getAttribute("role")==="treeitem"&&el.focus(),el.getAttribute("role")==="none"){const firstChild=el.firstChild;firstChild&&firstChild instanceof HTMLElement&&firstChild.focus();}}const TreeContext=createGlobalScopedContext("@sanity/ui/context/tree",null),Tree=forwardRef(function(props,forwardedRef){var _props42;const $=dist.c(37);let children,onFocus,restProps,t0;$[0]!==props?(_props42=props,{children,space:t0,onFocus}=_props42,restProps=_objectWithoutProperties(_props42,_excluded61),_props42,$[0]=props,$[1]=children,$[2]=onFocus,$[3]=restProps,$[4]=t0):(children=$[1],onFocus=$[2],restProps=$[3],t0=$[4]);const space=t0===void 0?1:t0,ref=useRef$1(null),[focusedElement,setFocusedElement]=useState(null),focusedElementRef=useRef$1(focusedElement);let t1;$[5]===Symbol.for("react.memo_cache_sentinel")?(t1=[],$[5]=t1):t1=$[5];const path=t1;let t2;$[6]===Symbol.for("react.memo_cache_sentinel")?(t2=[],$[6]=t2):t2=$[6];const[itemElements,setItemElements]=useState(t2);let t3;$[7]===Symbol.for("react.memo_cache_sentinel")?(t3={},$[7]=t3):t3=$[7];const[state,setState]=useState(t3),stateRef=useRef$1(state);let t4;$[8]===Symbol.for("react.memo_cache_sentinel")?(t4=()=>ref.current,$[8]=t4):t4=$[8],useImperativeHandle(forwardedRef,t4);let t5,t6;$[9]!==focusedElement?(t5=()=>{focusedElementRef.current=focusedElement;},t6=[focusedElement],$[9]=focusedElement,$[10]=t5,$[11]=t6):(t5=$[10],t6=$[11]),useEffect$1(t5,t6);let t7,t8;$[12]!==state?(t7=()=>{stateRef.current=state;},t8=[state],$[12]=state,$[13]=t7,$[14]=t8):(t7=$[13],t8=$[14]),useEffect$1(t7,t8);let t9;$[15]===Symbol.for("react.memo_cache_sentinel")?(t9=(element,path_0,expanded,selected)=>(setState(s=>_objectSpread(_objectSpread({},s),{},{[path_0]:{element,expanded}})),selected&&setFocusedElement(element),()=>{setState(s_0=>{const newState=_objectSpread({},s_0);return delete newState[path_0],newState;});}),$[15]=t9):t9=$[15];const registerItem=t9;let t10;$[16]===Symbol.for("react.memo_cache_sentinel")?(t10=(path_1,expanded_0)=>{setState(s_1=>{const itemState=s_1[path_1];return itemState?_objectSpread(_objectSpread({},s_1),{},{[path_1]:_objectSpread(_objectSpread({},itemState),{},{expanded:expanded_0})}):s_1;});},$[16]=t10):t10=$[16];const setExpanded=t10,t11=focusedElement||itemElements[0]||null;let t12;$[17]!==space||$[18]!==state||$[19]!==t11?(t12={version:0,focusedElement:t11,level:0,path,registerItem,setExpanded,setFocusedElement,space,state},$[17]=space,$[18]=state,$[19]=t11,$[20]=t12):t12=$[20];const contextValue=t12;let t13;$[21]!==itemElements?(t13=event=>{if(focusedElementRef.current){if(event.key==="ArrowDown"){event.preventDefault();const nextEl=_findNextItemElement(stateRef.current,itemElements,focusedElementRef.current);nextEl&&(_focusItemElement(nextEl),setFocusedElement(nextEl));return;}if(event.key==="ArrowUp"){event.preventDefault();const prevEl=_findPrevItemElement(stateRef.current,itemElements,focusedElementRef.current);prevEl&&(_focusItemElement(prevEl),setFocusedElement(prevEl));return;}if(event.key==="ArrowLeft"){event.preventDefault();const itemKey=focusedElementRef.current.getAttribute("data-tree-key");if(!itemKey)return;const itemState_0=stateRef.current[itemKey];if(!itemState_0)return;if(itemState_0.expanded)setState(s_2=>{const itemState_1=s_2[itemKey];return itemState_1?_objectSpread(_objectSpread({},s_2),{},{[itemKey]:_objectSpread(_objectSpread({},itemState_1),{},{expanded:!1})}):s_2;});else{const itemPath=itemKey.split("/");itemPath.pop();const parentKey=itemPath.join("/"),parentState=parentKey&&stateRef.current[parentKey];parentState&&(parentState.element.focus(),setFocusedElement(parentState.element));}return;}if(event.key==="ArrowRight"){var _stateRef$current$foc;event.preventDefault();const focusedKey=focusedElementRef.current.getAttribute("data-tree-key");if(!focusedKey)return;((_stateRef$current$foc=stateRef.current[focusedKey])===null||_stateRef$current$foc===void 0?void 0:_stateRef$current$foc.expanded)||setState(s_3=>{const itemState_2=s_3[focusedKey];return itemState_2?_objectSpread(_objectSpread({},s_3),{},{[focusedKey]:_objectSpread(_objectSpread({},itemState_2),{},{expanded:!0})}):s_3;});return;}}},$[21]=itemElements,$[22]=t13):t13=$[22];const handleKeyDown=t13;let t14;$[23]!==onFocus?(t14=event_0=>{var _onFocus3;setFocusedElement(event_0.target),(_onFocus3=onFocus)===null||_onFocus3===void 0?void 0:_onFocus3(event_0);},$[23]=onFocus,$[24]=t14):t14=$[24];const handleFocus=t14;let t15;$[25]===Symbol.for("react.memo_cache_sentinel")?(t15=()=>{if(!ref.current)return;const _itemElements=Array.from(ref.current.querySelectorAll('[data-ui="TreeItem"]'));setItemElements(_itemElements);},$[25]=t15):t15=$[25];let t16;$[26]!==children?(t16=[children],$[26]=children,$[27]=t16):t16=$[27],useEffect$1(t15,t16);let t17;$[28]!==children||$[29]!==handleFocus||$[30]!==handleKeyDown||$[31]!==restProps||$[32]!==space?(t17=/* @__PURE__ */jsx(Stack,_objectSpread(_objectSpread({as:"ul","data-ui":"Tree"},restProps),{},{onFocus:handleFocus,onKeyDown:handleKeyDown,ref,role:"tree",space,children})),$[28]=children,$[29]=handleFocus,$[30]=handleKeyDown,$[31]=restProps,$[32]=space,$[33]=t17):t17=$[33];let t18;return $[34]!==contextValue||$[35]!==t17?(t18=/* @__PURE__ */jsx(TreeContext.Provider,{value:contextValue,children:t17}),$[34]=contextValue,$[35]=t17,$[36]=t18):t18=$[36],t18;});Tree.displayName="ForwardRef(Tree)";styled(Text).withConfig({displayName:"ToggleArrowText",componentId:"sc-iiskig-2"})(_templateObject88||(_templateObject88=_taggedTemplateLiteral(["& > svg{transition:transform 100ms;}"])));const listenOptions={includeResult:false,includePreviousRevision:false,visibility:"query",events:["welcome","mutation","reconnect"]};function useClient(){return useClient$1({apiVersion:"2023-02-01"});}const isSchemaMulti=type=>{return type.jsonType!=="object";};const isSchemaReference=type=>{return"to"in type||"of"in type&&type.of[0]&&"to"in type.of[0];};const filterUniqueTags=function(){let tags=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];return tags.flat(Infinity).filter((firstTag,index)=>{const firstTagStringified=JSON.stringify({label:firstTag.label,value:firstTag.value});return index===tags.flat(Infinity).findIndex(secondTag=>{return JSON.stringify({label:secondTag.label,value:secondTag.value})===firstTagStringified;});});};const get=(object,path,defaultValue)=>{if(!object)return defaultValue;let props=false;let prop;if(Array.isArray(path))props=path.slice(0);if(typeof path==="string")props=path.split(".");if(!Array.isArray(props))throw new Error("path must be an array or a string");let obj=object;while(props.length){prop=props.shift();if(!prop)return defaultValue;if(!obj)return defaultValue;if(obj===null||typeof obj!=="object"||Array.isArray(obj))return defaultValue;if(!(prop in obj))return defaultValue;obj=obj[prop];}return obj;};function prototypeCheck(prop){if(prop==="__proto__"||prop==="constructor"||prop==="prototype")return false;return true;}const setAtPath=(object,path,value)=>{let props=false;if(Array.isArray(path))props=path.slice(0);if(typeof path==="string")props=path.split(".");if(!Array.isArray(props))throw new Error("path must be an array or a string");const lastProp=props.pop();if(!lastProp)return false;if(!prototypeCheck(lastProp))throw new Error("setting of prototype values not supported");let thisProp;let obj=object;while(thisProp=props.shift()){if(!prototypeCheck(thisProp))throw new Error("setting of prototype values not supported");if(!thisProp)return false;if(!(thisProp in obj))obj[thisProp]={};obj=obj[thisProp];if(!obj||typeof obj!=="object")return false;}obj[lastProp]=value;return true;};function isPlainObject(value){return typeof value==="object"&&value!==null&&value.constructor===Object&&Object.prototype.toString.call(value)==="[object Object]";}var __defProp$2=Object.defineProperty;var __getOwnPropSymbols$2=Object.getOwnPropertySymbols;var __hasOwnProp$2=Object.prototype.hasOwnProperty;var __propIsEnum$2=Object.prototype.propertyIsEnumerable;var __defNormalProp$2=(obj,key,value)=>key in obj?__defProp$2(obj,key,{enumerable:true,configurable:true,writable:true,value}):obj[key]=value;var __spreadValues$2=(a,b)=>{for(var prop in b||(b={}))if(__hasOwnProp$2.call(b,prop))__defNormalProp$2(a,prop,b[prop]);if(__getOwnPropSymbols$2)for(var prop of __getOwnPropSymbols$2(b)){if(__propIsEnum$2.call(b,prop))__defNormalProp$2(a,prop,b[prop]);}return a;};const useLoading=_ref77=>{let{initialLoadingOptions={},initialState=true}=_ref77;const[loadingOptions,setLoadingOptions]=React__default.useState(initialLoadingOptions);const[isLoading,setIsLoading]=React__default.useState(initialState);React__default.useEffect(()=>{let loaded=false;if(Object.keys(loadingOptions).length){for(const option in loadingOptions){if(loadingOptions[option])loaded=true;}}setIsLoading(loaded);},[loadingOptions]);const setLoadOption=React__default.useCallback(properties=>{setLoadingOptions(oldValue=>{return __spreadValues$2(__spreadValues$2({},oldValue),properties);});},[]);return[isLoading,loadingOptions,setLoadOption];};const useOptions=_ref78=>{let{initialState=[]}=_ref78;const[options,setOptions]=React__default.useState(initialState);const[groupOptions,setGroupOptions]=React__default.useState({});React__default.useEffect(()=>{const opts=[];for(const group in groupOptions){if(Array.isArray(groupOptions[group]))opts.push(...groupOptions[group]);}setOptions(filterUniqueTags(opts));},[groupOptions]);const setTagOption=React__default.useCallback(properties=>{setGroupOptions(oldValue=>__spreadValues$2(__spreadValues$2({},oldValue),properties));},[]);return[options,groupOptions,setTagOption];};var __defProp$1=Object.defineProperty;var __defProps$1=Object.defineProperties;var __getOwnPropDescs$1=Object.getOwnPropertyDescriptors;var __getOwnPropSymbols$1=Object.getOwnPropertySymbols;var __hasOwnProp$1=Object.prototype.hasOwnProperty;var __propIsEnum$1=Object.prototype.propertyIsEnumerable;var __defNormalProp$1=(obj,key,value)=>key in obj?__defProp$1(obj,key,{enumerable:true,configurable:true,writable:true,value}):obj[key]=value;var __spreadValues$1=(a,b)=>{for(var prop in b||(b={}))if(__hasOwnProp$1.call(b,prop))__defNormalProp$1(a,prop,b[prop]);if(__getOwnPropSymbols$1)for(var prop of __getOwnPropSymbols$1(b)){if(__propIsEnum$1.call(b,prop))__defNormalProp$1(a,prop,b[prop]);}return a;};var __spreadProps$1=(a,b)=>__defProps$1(a,__getOwnPropDescs$1(b));const prepareTag=_ref79=>{let{customLabel="label",customValue="value"}=_ref79;return tag=>{const labelValue=get(tag,customLabel);const valueValue=get(tag,customValue);const labelSource=labelValue!=null?labelValue:tag.label;const valueSource=valueValue!=null?valueValue:tag.value;const label=labelSource==null?"":String(labelSource);const value=valueSource==null?"":String(valueSource);const tempTag=__spreadProps$1(__spreadValues$1({},tag),{_type:"tag",_key:value,_labelTemp:tag.label,_valueTemp:tag.value,label,value});return tempTag;};};function revertTag(_ref80){let{customLabel="label",customValue="value",isReference}=_ref80;return tag=>{if(isReference===true){const tempTag2={_ref:tag._id,_type:"reference"};return tempTag2;}const tempTag=__spreadProps$1(__spreadValues$1({},tag),{label:tag._labelTemp,value:tag._valueTemp});setAtPath(tempTag,customLabel,tag.label);setAtPath(tempTag,customValue,tag.value);delete tempTag._labelTemp;delete tempTag._valueTemp;if(tempTag.label===void 0)delete tempTag.label;if(tempTag.value===void 0)delete tempTag.value;return tempTag;};}const prepareTags=async _ref81=>{let{client,tags,customLabel="label",customValue="value"}=_ref81;const prepare=prepareTag({customLabel,customValue});if(tags===void 0||tags===null)return void 0;if(Array.isArray(tags)&&!tags.length)return[];if(Array.isArray(tags)&&tags.length&&!isPlainObject(tags[0])){const normalized=tags.map(tag=>{const value=String(tag);const tempTag={label:value,value};setAtPath(tempTag,customLabel,value);setAtPath(tempTag,customValue,value);return tempTag;});return normalized.map(prepare);}if(Array.isArray(tags)&&isPlainObject(tags[0])&&"_ref"in tags[0]&&"_type"in tags[0]){return(await client.fetch("*[_id in $refs]",{refs:tags.map(tag=>tag._ref)})).map(prepare);}if(Array.isArray(tags))return tags.map(prepare);if(!isPlainObject(tags)){const value=String(tags);const tempTag={label:value,value};setAtPath(tempTag,customLabel,value);setAtPath(tempTag,customValue,value);return prepare(tempTag);}if(isPlainObject(tags)&&"_ref"in tags&&"_type"in tags)return prepare(await client.fetch("*[_id == $ref][0]",{ref:tags._ref}));return prepare(tags);};const prepareTagsAsList=async preparedTagsOptions=>{const preparedTags=await prepareTags(preparedTagsOptions);if(preparedTags===void 0)return[];if(!Array.isArray(preparedTags))return[preparedTags];return preparedTags;};function revertTags(_ref82){let{tags,customLabel="label",customValue="value",isMulti,isReference}=_ref82;const revert=revertTag({customLabel,customValue,isReference});if(tags===void 0)return void 0;if(isMulti){const tagsArray=Array.isArray(tags)?tags:[tags];if(isReference)return tagsArray.map(revert);return tagsArray.map(revert);}const tag=Array.isArray(tags)?tags[0]:tags;if(isReference)return revert(tag);return revert(tag);}const refineTagsPipe=_ref83=>{let{client,customLabel="label",customValue="value"}=_ref83;return pipe$1(map(val=>Array.isArray(val)?val.flat(Infinity):val),switchMap(val=>prepareTagsAsList({client,tags:val,customLabel,customValue})),map(val=>filterUniqueTags(val)));};const getGeneralObservable=_ref84=>{let{client,query,params,customLabel="label",customValue="value"}=_ref84;return client.listen(query,params,listenOptions).pipe(switchMap(()=>client.fetch(query,params)),refineTagsPipe({client,customLabel,customValue}));};function getSelectedTags(_ref85){let{client,tags,isMulti,customLabel="label",customValue="value"}=_ref85;const tagFunction=async()=>tags;return defer(()=>from(tagFunction())).pipe(refineTagsPipe({client,customLabel,customValue}),map(val=>isMulti?val:val[0]));}const predefinedTagWrapper=async predefinedTags=>{const tags=await predefinedTags();if(!Array.isArray(tags))return[tags];return tags;};const getPredefinedTags=_ref86=>{let{client,predefinedTags,customLabel="label",customValue="value"}=_ref86;const tagFunction=predefinedTags instanceof Function?predefinedTags:async()=>predefinedTags;return defer(()=>from(predefinedTagWrapper(tagFunction)).pipe(refineTagsPipe({client,customLabel,customValue})));};const getTagsFromReference=_ref87=>{let{client,document,customLabel="label",customValue="value"}=_ref87;const query='\n *[ _type == $document && defined(@[$customLabel]) && defined(@[$customValue])] {\n _id,\n "value": coalesce(@[$customValue].current,@[$customValue]),\n "label": @[$customLabel]\n }\n ';const params={document,customLabel:customLabel.split(".")[0],customValue:customValue.split(".")[0]};return getGeneralObservable({client,query,params,customLabel,customValue});};const getTagsFromRelated=_ref88=>{let{client,documentType,field,isMulti,customLabel="label",customValue="value"}=_ref88;const query="\n *[\n _type == $documentType &&\n defined(@[$field]) &&\n defined(@[$field][]) == $isMulti &&\n (\n (!$isMulti && defined(@[$field]->[$customLabel]) && defined(@[$field]->[$customValue])) ||\n (!$isMulti && defined(@[$field][$customLabel]) && defined(@[$field][$customValue])) ||\n ($isMulti && defined(@[$field][]->[$customLabel]) && defined(@[$field][]->[$customValue])) ||\n ($isMulti && defined(@[$field][][$customLabel]) && defined(@[$field][][$customValue]))\n )\n ][$field]\n ";const params={documentType,field,isMulti,customLabel:customLabel.split(".")[0],customValue:customValue.split(".")[0]};return getGeneralObservable({client,query,params,customLabel,customValue});};const ReferenceCreateWarning=()=>/* @__PURE__ */jsxs(Card,{padding:[3,3,4],marginBottom:[3,3,4],radius:2,shadow:1,tone:"caution",children:["Tag References cannot be created inline. Please set the ",/* @__PURE__ */jsx("code",{children:"allowCreate"})," option explicitly to ",/* @__PURE__ */jsx("code",{children:"false"})," to remove this warning message."]});const ReferencePredefinedWarning=()=>/* @__PURE__ */jsxs(Card,{padding:[3,3,4],marginBottom:[3,3,4],radius:2,shadow:1,tone:"caution",children:["Tag References cannot have predefined tags. Please unset the ",/* @__PURE__ */jsx("code",{children:"predefinedTags"})," option to remove this warning message."]});function styleInject(css,ref){if(ref===void 0)ref={};var insertAt=ref.insertAt;if(!css||typeof document==='undefined'){return;}var head=document.head||document.getElementsByTagName('head')[0];var style=document.createElement('style');style.type='text/css';if(insertAt==='top'){if(head.firstChild){head.insertBefore(style,head.firstChild);}else{head.appendChild(style);}}else{head.appendChild(style);}if(style.styleSheet){style.styleSheet.cssText=css;}else{style.appendChild(document.createTextNode(css));}}var css_248z=".TagsInput-module_control__Om-kz {\n background-color: var(--card-bg-color) !important;\n border-color: var(--card-border-color) !important;\n transition: none !important;\n}\n\n.TagsInput-module_input__fdTrV {\n color: var(--input-fg-color) !important;\n}\n\n.TagsInput-module_control__Om-kz:hover {\n border-color: var(--card-border-color) !important;\n}\n\n.TagsInput-module_menu__l2H-i {\n background-color: var(--card-bg-color) !important;\n border: 1px solid var(--card-border-color) !important;\n}\n\n.TagsInput-module_option__cqS2H {\n background-color: var(--card-bg-color) !important;\n color: var(--input-fg-color) !important;\n}\n\n.TagsInput-module_option__cqS2H:hover {\n background-color: var(--card-border-color) !important;\n}\n\n.TagsInput-module_indicatorSeparator__koEIb {\n background-color: var(--card-border-color) !important;\n}\n\n.TagsInput-module_placeholder__ZjU5A,\n.TagsInput-module_singleValue__bIhOY {\n color: var(--input-fg-color) !important;\n}\n\n.TagsInput-module_multiValue__zq4m6 {\n background-color: var(--card-border-color) !important;\n}\n\n.TagsInput-module_multiValueLabel__R9vFQ {\n color: var(--card-fg-color) !important;\n}\n\n.TagsInput-module_multiValueRemove__2zX5H {\n color: var(--card-fg-color) !important;\n}\n\n.TagsInput-module_multiValueRemove__2zX5H:hover {\n color: #de350b !important;\n}\n";var styles={"control":"TagsInput-module_control__Om-kz","input":"TagsInput-module_input__fdTrV","menu":"TagsInput-module_menu__l2H-i","option":"TagsInput-module_option__cqS2H","indicatorSeparator":"TagsInput-module_indicatorSeparator__koEIb","placeholder":"TagsInput-module_placeholder__ZjU5A","singleValue":"TagsInput-module_singleValue__bIhOY","multiValue":"TagsInput-module_multiValue__zq4m6","multiValueLabel":"TagsInput-module_multiValueLabel__R9vFQ","multiValueRemove":"TagsInput-module_multiValueRemove__2zX5H"};styleInject(css_248z);var __defProp=Object.defineProperty;var __defProps=Object.defineProperties;var __getOwnPropDescs=Object.getOwnPropertyDescriptors;var __getOwnPropSymbols=Object.getOwnPropertySymbols;var __hasOwnProp=Object.prototype.hasOwnProperty;var __propIsEnum=Object.prototype.propertyIsEnumerable;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:true,configurable:true,writable:true,value}):obj[key]=value;var __spreadValues=(a,b)=>{for(var prop in b||(b={}))if(__hasOwnProp.call(b,prop))__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b)){if(__propIsEnum.call(b,prop))__defNormalProp(a,prop,b[prop]);}return a;};var __spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));const TagsInput=forwardRef((props,ref)=>{const client=useClient();const documentType=useFormValue(["_type"]);const[selected,setSelected]=React__default.useState(void 0);const[isLoading,,setLoadOption]=useLoading({});const[options,,setTagOption]=useOptions({});const prefersDark=usePrefersDark();const{schemaType,// Schema information
2296
2351
  value,// Current field value
2297
2352
  readOnly,// Boolean if field is not editable
2298
2353
  onChange// Method to handle patch events
2299
- }=props;const isMulti=isSchemaMulti(schemaType);const isReference=isSchemaReference(schemaType);const{predefinedTags=[],includeFromReference=false,includeFromRelated=false,customLabel="label",customValue="value",allowCreate=true,onCreate=async val=>{const tag={};setAtPath(tag,customLabel,val);setAtPath(tag,customValue,val);return tag;},checkValid=(inputValue,currentValues)=>!currentValues.includes(inputValue)&&!!inputValue&&inputValue.trim()===inputValue,reactSelectOptions={}}=schemaType.options?schemaType.options:{};const isReferenceCreateWarning=schemaType.options&&allowCreate&&isReference;const isReferencePredefinedWarning=schemaType.options&&!!schemaType.options.predefinedTags&&isReference;useEffect$1(()=>{const defaultSubscription={// eslint-disable-next-line no-empty-function
2300
- unsubscribe:()=>{}};let selectedSubscription=defaultSubscription;let predefinedSubscription=defaultSubscription;let relatedSubscription=defaultSubscription;let referenceSubscription=defaultSubscription;setLoadOption({selectedTags:true,predefinedTags:true,referenceTags:true,relatedTags:true});selectedSubscription=getSelectedTags({client,tags:value,customLabel,customValue,isMulti}).subscribe(tags=>{setSelected(tags);setLoadOption({selectedTags:false});});predefinedSubscription=getPredefinedTags({client,predefinedTags,customLabel,customValue}).subscribe(tags=>{setTagOption({predefinedTags:tags});setLoadOption({predefinedTags:false});});if(typeof includeFromReference==="string"){referenceSubscription=getTagsFromReference({client,document:includeFromReference,customLabel,customValue}).subscribe(tags=>{setTagOption({referenceTags:tags});setLoadOption({referenceTags:false});});}else{setLoadOption({referenceTags:false});}if(typeof includeFromRelated==="string"){relatedSubscription=getTagsFromRelated({client,documentType,field:includeFromRelated,isMulti,customLabel,customValue}).subscribe(tags=>{setTagOption({relatedTags:tags});setLoadOption({relatedTags:false});});}else{setLoadOption({relatedTags:false});}return()=>{selectedSubscription.unsubscribe();predefinedSubscription.unsubscribe();relatedSubscription.unsubscribe();referenceSubscription.unsubscribe();};},[client,value,customLabel,customValue,isMulti,predefinedTags,includeFromReference,includeFromRelated,documentType,setLoadOption,setTagOption]);const handleChange=useCallback(inputValue=>{setSelected(inputValue);const tagsForEvent=revertTags({tags:inputValue,customLabel,customValue,isMulti,isReference});onChange(tagsForEvent?set(tagsForEvent):unset(tagsForEvent));},[onChange,customLabel,customValue,isMulti,isReference]);const handleCreate=React__default.useCallback(async inputValue=>{setLoadOption({handleCreate:true});const newCreateValue=await prepareTags({client,customLabel,customValue,tags:await onCreate(inputValue)});if(Array.isArray(selected)){handleChange([...selected,newCreateValue]);}else{handleChange(newCreateValue);}setLoadOption({handleCreate:false});},[client,customLabel,customValue,onCreate,selected,handleChange,setLoadOption]);const selectOptions=__spreadValues({isLoading,ref,isMulti,options,value:selected,isValidNewOption:(inputValue,selectedValues,selectedOptions)=>{return checkValid(inputValue,[...selectedOptions.map(opt=>opt.value),...selectedValues.map(val=>val.value)]);},onCreateOption:handleCreate,onChange:handleChange,isDisabled:readOnly||isLoading,styles:{menu:base=>__spreadProps(__spreadValues({},base),{zIndex:15// Adjusted dropdown menu z-index to prevent overlap with background items
2354
+ }=props;const isMulti=isSchemaMulti(schemaType);const isReference=isSchemaReference(schemaType);const{predefinedTags=void 0,includeFromReference=false,includeFromRelated=false,customLabel="label",customValue="value",allowCreate=true,onCreate=async val=>{const tag={};setAtPath(tag,customLabel,val);setAtPath(tag,customValue,val);return tag;},checkValid=(inputValue,currentValues)=>!currentValues.includes(inputValue)&&!!inputValue&&inputValue.trim()===inputValue,reactSelectOptions={}}=schemaType.options?schemaType.options:{};const resolvedPredefinedTags=Array.isArray(predefinedTags)&&!predefinedTags.length?void 0:predefinedTags;const isReferenceCreateWarning=schemaType.options&&allowCreate&&isReference;const isReferencePredefinedWarning=schemaType.options&&!!resolvedPredefinedTags&&isReference;useEffect$1(()=>{const defaultSubscription={// eslint-disable-next-line no-empty-function
2355
+ unsubscribe:()=>{}};let selectedSubscription=defaultSubscription;let predefinedSubscription=defaultSubscription;let relatedSubscription=defaultSubscription;let referenceSubscription=defaultSubscription;setLoadOption({selectedTags:true,predefinedTags:true,referenceTags:true,relatedTags:true});selectedSubscription=getSelectedTags({client,tags:value,customLabel,customValue,isMulti}).subscribe(tags=>{setSelected(tags);setLoadOption({selectedTags:false});});if(resolvedPredefinedTags===void 0){setTagOption({predefinedTags:[]});setLoadOption({predefinedTags:false});}else{predefinedSubscription=getPredefinedTags({client,predefinedTags:resolvedPredefinedTags,customLabel,customValue}).subscribe(tags=>{setTagOption({predefinedTags:tags});setLoadOption({predefinedTags:false});});}if(typeof includeFromReference==="string"){referenceSubscription=getTagsFromReference({client,document:includeFromReference,customLabel,customValue}).subscribe(tags=>{setTagOption({referenceTags:tags});setLoadOption({referenceTags:false});});}else{setLoadOption({referenceTags:false});}if(typeof includeFromRelated==="string"){relatedSubscription=getTagsFromRelated({client,documentType,field:includeFromRelated,isMulti,customLabel,customValue}).subscribe(tags=>{setTagOption({relatedTags:tags});setLoadOption({relatedTags:false});});}else{setLoadOption({relatedTags:false});}return()=>{selectedSubscription.unsubscribe();predefinedSubscription.unsubscribe();relatedSubscription.unsubscribe();referenceSubscription.unsubscribe();};},[client,value,customLabel,customValue,isMulti,resolvedPredefinedTags,includeFromReference,includeFromRelated,documentType,setLoadOption,setTagOption]);const handleChange=useCallback(inputValue=>{setSelected(inputValue);const tagsForEvent=revertTags({tags:inputValue,customLabel,customValue,isMulti,isReference});onChange(tagsForEvent?set(tagsForEvent):unset(tagsForEvent));},[onChange,customLabel,customValue,isMulti,isReference]);const handleCreate=React__default.useCallback(async inputValue=>{setLoadOption({handleCreate:true});const newCreateValue=await prepareTags({client,customLabel,customValue,tags:await onCreate(inputValue)});if(Array.isArray(selected)){handleChange([...selected,newCreateValue]);}else{handleChange(newCreateValue);}setLoadOption({handleCreate:false});},[client,customLabel,customValue,onCreate,selected,handleChange,setLoadOption]);const selectOptions=__spreadValues({isLoading,ref,isMulti,options,value:selected,isValidNewOption:(inputValue,selectedValues,selectedOptions)=>{return checkValid(inputValue,[...selectedOptions.map(opt=>opt.value),...selectedValues.map(val=>val.value)]);},onCreateOption:handleCreate,onChange:handleChange,isDisabled:readOnly||isLoading,styles:{menu:base=>__spreadProps(__spreadValues({},base),{zIndex:15// Adjusted dropdown menu z-index to prevent overlap with background items
2301
2356
  })},classNames:prefersDark?{container:()=>styles.container,control:()=>styles.control,input:()=>styles.input,menu:()=>styles.menu,option:()=>styles.option,indicatorSeparator:()=>styles.indicatorSeparator,placeholder:()=>styles.placeholder,singleValue:()=>styles.singleValue,multiValue:()=>styles.multiValue,multiValueLabel:()=>styles.multiValueLabel,multiValueRemove:()=>styles.multiValueRemove}:{container:()=>styles.container,control:()=>styles.control,input:()=>styles.input,menu:()=>styles.menu,option:()=>styles.option,indicatorSeparator:()=>styles.indicatorSeparator,placeholder:()=>styles.placeholder,singleValue:()=>styles.singleValue,multiValue:()=>styles.multiValue,multiValueLabel:()=>styles.multiValueLabel,multiValueRemove:()=>styles.multiValueRemove}},reactSelectOptions);return/* @__PURE__ */jsxs(Fragment,{children:[isReferenceCreateWarning&&/* @__PURE__ */jsx(ReferenceCreateWarning,{}),isReferencePredefinedWarning&&/* @__PURE__ */jsx(ReferencePredefinedWarning,{}),allowCreate&&!isReference?/* @__PURE__ */jsx(CreatableSelect,__spreadValues({},selectOptions)):/* @__PURE__ */jsx(Select$1,__spreadValues({},selectOptions))]});});TagsInput.displayName="TagsInput";const tagSchema={name:"tag",title:"Tag",type:"object",components:{input:TagsInput},fields:[{name:"value",type:"string"},{name:"label",type:"string"}]};const tagsSchema={name:"tags",title:"Tags",type:"array",components:{input:TagsInput},of:[{type:"tag"}]};const tags=definePlugin(()=>({name:"sanity-plugin-tags",schema:{types:[tagSchema,tagsSchema]}}));export{dist,tags};
2302
- //# sourceMappingURL=index-2165dd09.js.map
2357
+ //# sourceMappingURL=index-d54903d7.js.map