velloo 0.0.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BUN-LICENSE.md +91 -0
- package/LICENSE +202 -0
- package/NOTICE +9 -0
- package/README.md +288 -2
- package/THIRD-PARTY-NOTICES.md +467 -0
- package/assets/elsewhere-alps-9fqhv029.jpg +0 -0
- package/assets/elsewhere-bali-vp60g115.jpg +0 -0
- package/assets/elsewhere-forest-xgn23zrj.jpg +0 -0
- package/assets/elsewhere-japan-qs7qkbr2.jpg +0 -0
- package/assets/elsewhere-kyoto-map-n2bvkrya.svg +1 -0
- package/assets/elsewhere-kyoto-qemtn6nk.jpg +0 -0
- package/assets/elsewhere-room-g1gaw7cs.jpg +0 -0
- package/canvas/apple-touch-icon.png +0 -0
- package/canvas/assets/index-BCvDZiBo.css +2 -0
- package/canvas/assets/index-ClaBqcaS.js +28 -0
- package/canvas/assets/lucide-all-iIF-pmzN.js +1 -0
- package/canvas/assets/radix-C3HaOB-d.js +41 -0
- package/canvas/assets/react-D0Ec-185.js +9 -0
- package/canvas/assets/rolldown-runtime-hePW80VL.js +1 -0
- package/canvas/assets/vendor-CKmQ-Zst.js +53 -0
- package/canvas/favicon.ico +0 -0
- package/canvas/favicon.svg +12 -0
- package/canvas/fonts/OFL-1.1.txt +93 -0
- package/canvas/fonts/poppins-700.woff2 +0 -0
- package/canvas/icon-192.png +0 -0
- package/canvas/icon-512.png +0 -0
- package/canvas/index.html +22 -0
- package/canvas/site.webmanifest +11 -0
- package/chunk-08sv3k41.js +4 -0
- package/chunk-0fe83yzt.js +2 -0
- package/chunk-0t68szgr.js +3 -0
- package/chunk-1h55s5he.js +2 -0
- package/chunk-2c7jbx46.js +2 -0
- package/chunk-2smsg2ct.js +7 -0
- package/chunk-308ynsxd.js +2 -0
- package/chunk-3e8vez4d.js +1229 -0
- package/chunk-40xgcth8.js +63 -0
- package/chunk-4dn75m6t.js +3 -0
- package/chunk-4fj5tahv.js +3 -0
- package/chunk-6nqghjda.js +3 -0
- package/chunk-6tx68d90.js +3 -0
- package/chunk-6w6ch4ce.js +2 -0
- package/chunk-735ezz23.js +86 -0
- package/chunk-7eq7nx37.js +7 -0
- package/chunk-7eyb8yrf.js +6 -0
- package/chunk-80fjfyha.js +86 -0
- package/chunk-80r93t2e.js +4 -0
- package/chunk-94vx1yb0.js +3 -0
- package/chunk-9vg3yafz.js +3 -0
- package/chunk-a84n72m2.js +4 -0
- package/chunk-ampmdzz4.js +10 -0
- package/chunk-avns4dbf.js +2 -0
- package/chunk-ayrb3qnm.js +3 -0
- package/chunk-bwnvcncx.js +3 -0
- package/chunk-ccszg02q.js +5 -0
- package/chunk-cvn689d5.js +3 -0
- package/chunk-cxe6jjwj.js +3 -0
- package/chunk-dg6z4vdd.js +3 -0
- package/chunk-dgwjpbp9.js +3 -0
- package/chunk-dy41n60j.js +52 -0
- package/chunk-ek71z2fv.js +226 -0
- package/chunk-er1fxb7d.js +2 -0
- package/chunk-eyr8hrzf.js +2 -0
- package/chunk-fjbzk4sw.js +3 -0
- package/chunk-fsbsksga.js +3 -0
- package/chunk-h6gchare.js +3 -0
- package/chunk-hcb68zt7.js +85 -0
- package/chunk-hggap8fq.js +3 -0
- package/chunk-j11fyeqh.js +2 -0
- package/chunk-jb21jkp1.js +8 -0
- package/chunk-jfx9xjmr.js +18 -0
- package/chunk-jr0ss0mm.js +303 -0
- package/chunk-jrsknzjt.js +3 -0
- package/chunk-jv0xggh0.js +2 -0
- package/chunk-k17gfwq3.js +2 -0
- package/chunk-mh2pr7cq.js +5 -0
- package/chunk-mnapdp1y.js +2 -0
- package/chunk-mzhdrawd.js +3 -0
- package/chunk-n9gs6yx9.js +2 -0
- package/chunk-ngnymg2q.js +3 -0
- package/chunk-nwx5700b.js +3 -0
- package/chunk-pjtg3wnm.js +4 -0
- package/chunk-pp86v6m6.js +3 -0
- package/chunk-r22epxz2.js +3 -0
- package/chunk-rgasy862.js +5 -0
- package/chunk-rpwpeph5.js +3 -0
- package/chunk-s23gtejf.js +3 -0
- package/chunk-sjgqnykd.js +6 -0
- package/chunk-sn3x2m0m.js +6 -0
- package/chunk-t448rrfr.js +2 -0
- package/chunk-tdsk5wxa.js +451 -0
- package/chunk-v40fn08f.js +442 -0
- package/chunk-vbk1qhdz.js +3 -0
- package/chunk-vdkrbzh1.js +2 -0
- package/chunk-vgmr98cv.js +40 -0
- package/chunk-vsv8z729.js +6 -0
- package/chunk-x4f4k9pp.js +26 -0
- package/chunk-xt5ayg7g.js +4 -0
- package/chunk-ydhwv29b.js +244 -0
- package/chunk-zb6hc1y0.js +2 -0
- package/cli.js +3 -0
- package/launcher.cjs +97 -0
- package/package.json +58 -5
- package/pkgs/helpers/src/box.tsx +21 -0
- package/pkgs/helpers/src/cn.ts +32 -0
- package/pkgs/helpers/src/descriptors.ts +270 -0
- package/pkgs/helpers/src/divider.tsx +123 -0
- package/pkgs/helpers/src/gradient.tsx +90 -0
- package/pkgs/helpers/src/heading.tsx +20 -0
- package/pkgs/helpers/src/icon-data.ts +8009 -0
- package/pkgs/helpers/src/icon.tsx +53 -0
- package/pkgs/helpers/src/image.tsx +111 -0
- package/pkgs/helpers/src/index.ts +29 -0
- package/pkgs/helpers/src/layer.tsx +61 -0
- package/pkgs/helpers/src/lowering.ts +53 -0
- package/pkgs/helpers/src/paths.ts +47 -0
- package/pkgs/helpers/src/placeholder.tsx +88 -0
- package/pkgs/helpers/src/prose.tsx +42 -0
- package/pkgs/helpers/src/registry.ts +41 -0
- package/pkgs/helpers/src/svg.tsx +62 -0
- package/pkgs/helpers/src/text.tsx +16 -0
- package/pkgs/provider-antd/src/index.ts +78 -0
- package/pkgs/provider-antd/src/intro.ts +14 -0
- package/pkgs/provider-antd/src/manifest.ts +439 -0
- package/pkgs/provider-antd/src/overlays.ts +176 -0
- package/pkgs/provider-antd/src/registry.ts +104 -0
- package/pkgs/provider-antd/src/render-pass.ts +43 -0
- package/pkgs/provider-antd/src/tailwind-entry.css +21 -0
- package/pkgs/provider-antd/src/theme.ts +132 -0
- package/pkgs/provider-antd/src/version.ts +8 -0
- package/pkgs/provider-chakra/src/index.ts +80 -0
- package/pkgs/provider-chakra/src/intro.ts +14 -0
- package/pkgs/provider-chakra/src/manifest.ts +421 -0
- package/pkgs/provider-chakra/src/overlays.ts +246 -0
- package/pkgs/provider-chakra/src/registry.ts +227 -0
- package/pkgs/provider-chakra/src/render-pass.ts +55 -0
- package/pkgs/provider-chakra/src/tailwind-entry.css +21 -0
- package/pkgs/provider-chakra/src/theme.ts +180 -0
- package/pkgs/provider-chakra/src/version.ts +8 -0
- package/pkgs/provider-mui/src/index.ts +117 -0
- package/pkgs/provider-mui/src/intro.ts +12 -0
- package/pkgs/provider-mui/src/manifest.ts +263 -0
- package/pkgs/provider-mui/src/overlays.ts +124 -0
- package/pkgs/provider-mui/src/registry.ts +120 -0
- package/pkgs/provider-mui/src/render-pass.ts +36 -0
- package/pkgs/provider-mui/src/tailwind-entry.css +21 -0
- package/pkgs/provider-mui/src/theme.ts +129 -0
- package/pkgs/provider-mui/src/version.ts +8 -0
- package/pkgs/provider-none/src/components-inline.tsx +204 -0
- package/pkgs/provider-none/src/components.tsx +155 -0
- package/pkgs/provider-none/src/index.ts +57 -0
- package/pkgs/provider-none/src/intro.ts +18 -0
- package/pkgs/provider-none/src/manifest.ts +163 -0
- package/pkgs/provider-none/src/registry-inline.ts +36 -0
- package/pkgs/provider-none/src/registry.ts +39 -0
- package/pkgs/provider-none/src/tailwind-entry.css +57 -0
- package/pkgs/provider-none/src/version.ts +10 -0
- package/pkgs/schema/src/annotation.ts +120 -0
- package/pkgs/schema/src/asset.ts +66 -0
- package/pkgs/schema/src/board.ts +71 -0
- package/pkgs/schema/src/comment.ts +107 -0
- package/pkgs/schema/src/config.ts +185 -0
- package/pkgs/schema/src/css-sanitize.ts +56 -0
- package/pkgs/schema/src/extension.ts +105 -0
- package/pkgs/schema/src/fonts.ts +690 -0
- package/pkgs/schema/src/frame.ts +40 -0
- package/pkgs/schema/src/icon-name.ts +21 -0
- package/pkgs/schema/src/ids.ts +14 -0
- package/pkgs/schema/src/index.ts +169 -0
- package/pkgs/schema/src/migrate.ts +297 -0
- package/pkgs/schema/src/node.ts +229 -0
- package/pkgs/schema/src/paths.ts +28 -0
- package/pkgs/schema/src/repo.ts +134 -0
- package/pkgs/schema/src/screen.ts +30 -0
- package/pkgs/schema/src/snippet-resolve.ts +193 -0
- package/pkgs/schema/src/snippet.ts +104 -0
- package/pkgs/schema/src/svg-sanitize.ts +487 -0
- package/pkgs/schema/src/theme.ts +218 -0
- package/pkgs/schema/src/typeset.ts +693 -0
- package/pkgs/schema/src/validate-ids.ts +46 -0
- package/pkgs/schema/src/viewport.ts +8 -0
- package/pkgs/shadcn-snapshot/dist/manifest.json +8109 -0
- package/pkgs/shadcn-snapshot/src/components/canvas-portal.tsx +55 -0
- package/pkgs/shadcn-snapshot/src/components/ui/accordion.tsx +122 -0
- package/pkgs/shadcn-snapshot/src/components/ui/alert-dialog.tsx +164 -0
- package/pkgs/shadcn-snapshot/src/components/ui/alert.tsx +74 -0
- package/pkgs/shadcn-snapshot/src/components/ui/aspect-ratio.tsx +13 -0
- package/pkgs/shadcn-snapshot/src/components/ui/attachment.tsx +197 -0
- package/pkgs/shadcn-snapshot/src/components/ui/avatar.tsx +100 -0
- package/pkgs/shadcn-snapshot/src/components/ui/badge.tsx +50 -0
- package/pkgs/shadcn-snapshot/src/components/ui/breadcrumb.tsx +109 -0
- package/pkgs/shadcn-snapshot/src/components/ui/bubble.tsx +130 -0
- package/pkgs/shadcn-snapshot/src/components/ui/button-group.tsx +82 -0
- package/pkgs/shadcn-snapshot/src/components/ui/button.tsx +72 -0
- package/pkgs/shadcn-snapshot/src/components/ui/calendar.tsx +229 -0
- package/pkgs/shadcn-snapshot/src/components/ui/card.tsx +92 -0
- package/pkgs/shadcn-snapshot/src/components/ui/carousel.tsx +235 -0
- package/pkgs/shadcn-snapshot/src/components/ui/chart-option.ts +250 -0
- package/pkgs/shadcn-snapshot/src/components/ui/chart.tsx +177 -0
- package/pkgs/shadcn-snapshot/src/components/ui/checkbox.tsx +41 -0
- package/pkgs/shadcn-snapshot/src/components/ui/collapsible.tsx +32 -0
- package/pkgs/shadcn-snapshot/src/components/ui/combobox.tsx +196 -0
- package/pkgs/shadcn-snapshot/src/components/ui/context-menu.tsx +227 -0
- package/pkgs/shadcn-snapshot/src/components/ui/dialog.tsx +131 -0
- package/pkgs/shadcn-snapshot/src/components/ui/direction.tsx +24 -0
- package/pkgs/shadcn-snapshot/src/components/ui/drawer.tsx +112 -0
- package/pkgs/shadcn-snapshot/src/components/ui/dropdown-menu.tsx +205 -0
- package/pkgs/shadcn-snapshot/src/components/ui/empty.tsx +98 -0
- package/pkgs/shadcn-snapshot/src/components/ui/field.tsx +228 -0
- package/pkgs/shadcn-snapshot/src/components/ui/hover-card.tsx +51 -0
- package/pkgs/shadcn-snapshot/src/components/ui/input-group.tsx +148 -0
- package/pkgs/shadcn-snapshot/src/components/ui/input.tsx +43 -0
- package/pkgs/shadcn-snapshot/src/components/ui/item.tsx +187 -0
- package/pkgs/shadcn-snapshot/src/components/ui/kbd.tsx +30 -0
- package/pkgs/shadcn-snapshot/src/components/ui/label.tsx +25 -0
- package/pkgs/shadcn-snapshot/src/components/ui/marker.tsx +71 -0
- package/pkgs/shadcn-snapshot/src/components/ui/menubar.tsx +243 -0
- package/pkgs/shadcn-snapshot/src/components/ui/message.tsx +89 -0
- package/pkgs/shadcn-snapshot/src/components/ui/native-select.tsx +60 -0
- package/pkgs/shadcn-snapshot/src/components/ui/navigation-menu.tsx +165 -0
- package/pkgs/shadcn-snapshot/src/components/ui/pagination.tsx +117 -0
- package/pkgs/shadcn-snapshot/src/components/ui/popover.tsx +66 -0
- package/pkgs/shadcn-snapshot/src/components/ui/progress.tsx +35 -0
- package/pkgs/shadcn-snapshot/src/components/ui/radio-group.tsx +48 -0
- package/pkgs/shadcn-snapshot/src/components/ui/scroll-area.tsx +59 -0
- package/pkgs/shadcn-snapshot/src/components/ui/select.tsx +180 -0
- package/pkgs/shadcn-snapshot/src/components/ui/separator.tsx +32 -0
- package/pkgs/shadcn-snapshot/src/components/ui/sheet.tsx +107 -0
- package/pkgs/shadcn-snapshot/src/components/ui/skeleton.tsx +17 -0
- package/pkgs/shadcn-snapshot/src/components/ui/slider.tsx +68 -0
- package/pkgs/shadcn-snapshot/src/components/ui/sonner.tsx +91 -0
- package/pkgs/shadcn-snapshot/src/components/ui/spinner.tsx +21 -0
- package/pkgs/shadcn-snapshot/src/components/ui/switch.tsx +41 -0
- package/pkgs/shadcn-snapshot/src/components/ui/table.tsx +93 -0
- package/pkgs/shadcn-snapshot/src/components/ui/tabs.tsx +84 -0
- package/pkgs/shadcn-snapshot/src/components/ui/textarea.tsx +24 -0
- package/pkgs/shadcn-snapshot/src/components/ui/toggle-group.tsx +94 -0
- package/pkgs/shadcn-snapshot/src/components/ui/toggle.tsx +50 -0
- package/pkgs/shadcn-snapshot/src/components/ui/tooltip.tsx +47 -0
- package/pkgs/shadcn-snapshot/src/examples.ts +36 -0
- package/pkgs/shadcn-snapshot/src/groups.ts +87 -0
- package/pkgs/shadcn-snapshot/src/index.ts +43 -0
- package/pkgs/shadcn-snapshot/src/lib/utils.ts +4 -0
- package/pkgs/shadcn-snapshot/src/manifest.ts +12 -0
- package/pkgs/shadcn-snapshot/src/notes.ts +97 -0
- package/pkgs/shadcn-snapshot/src/paths.ts +47 -0
- package/pkgs/shadcn-snapshot/src/registry-files.ts +293 -0
- package/pkgs/shadcn-snapshot/src/registry.ts +631 -0
- package/pkgs/shadcn-snapshot/src/shadcn-tailwind.css +632 -0
- package/pkgs/shadcn-snapshot/src/tailwind-entry.css +159 -0
- package/pkgs/shadcn-snapshot/src/version.ts +8 -0
- package/plugins/claude/velloo/.claude-plugin/plugin.json +6 -0
- package/plugins/claude/velloo/agents/velloo-design-reviewer.md +33 -0
- package/plugins/claude/velloo/agents/velloo-designer.md +39 -0
- package/plugins/claude/velloo/commands/design.md +11 -0
- package/plugins/claude/velloo/commands/implement.md +10 -0
- package/plugins/claude/velloo/commands/review.md +8 -0
- package/plugins/gemini/GEMINI.md +31 -0
- package/plugins/gemini/commands/velloo/design.toml +10 -0
- package/plugins/gemini/commands/velloo/implement.toml +9 -0
- package/plugins/gemini/gemini-extension.json +9 -0
- package/skills/velloo-brand/SKILL.md +124 -0
- package/skills/velloo-design/SKILL.md +144 -0
- package/skills/velloo-design-system/SKILL.md +90 -0
- package/skills/velloo-implement/SKILL.md +101 -0
- package/skills/velloo-logo/SKILL.md +93 -0
- package/skills/velloo-setup/SKILL.md +156 -0
|
@@ -0,0 +1,303 @@
|
|
|
1
|
+
// @bun
|
|
2
|
+
import{$_default,import_emotion_react_development_cjs,$_default2,$_default3}from"./chunk-jfx9xjmr.js";import{resolveColors,DEFAULT_TYPESET_NAME,typesetScale}from"./chunk-40xgcth8.js";import{Gradient,Icon,Image2,Layer,Placeholder,Prose,SVG,converter_default,parse_default,formatHex,formatRgb,SX_PROP,catalogFromManifest}from"./chunk-tdsk5wxa.js";import{resolveProviderSrcDir}from"./chunk-fjbzk4sw.js";import{require_react_jsx_runtime_development}from"./chunk-jb21jkp1.js";import{require_react_development,require_react_dom}from"./chunk-3e8vez4d.js";import{__toESM,__commonJS,__require}from"./chunk-2smsg2ct.js";import{CHAKRA_VERSION}from"./chunk-nwx5700b.js";var require_lodash=__commonJS(function(exports,module){var LARGE_ARRAY_SIZE=200,HASH_UNDEFINED="__lodash_hash_undefined__",HOT_COUNT=800,HOT_SPAN=16,MAX_SAFE_INTEGER=9007199254740991,argsTag="[object Arguments]",arrayTag="[object Array]",asyncTag="[object AsyncFunction]",boolTag="[object Boolean]",dateTag="[object Date]",errorTag="[object Error]",funcTag="[object Function]",genTag="[object GeneratorFunction]",mapTag="[object Map]",numberTag="[object Number]",nullTag="[object Null]",objectTag="[object Object]",proxyTag="[object Proxy]",regexpTag="[object RegExp]",setTag="[object Set]",stringTag="[object String]",undefinedTag="[object Undefined]",weakMapTag="[object WeakMap]",arrayBufferTag="[object ArrayBuffer]",dataViewTag="[object DataView]",float32Tag="[object Float32Array]",float64Tag="[object Float64Array]",int8Tag="[object Int8Array]",int16Tag="[object Int16Array]",int32Tag="[object Int32Array]",uint8Tag="[object Uint8Array]",uint8ClampedTag="[object Uint8ClampedArray]",uint16Tag="[object Uint16Array]",uint32Tag="[object Uint32Array]",reRegExpChar=/[\\^$.*+?()[\]{}|]/g,reIsHostCtor=/^\[object .+?Constructor\]$/,reIsUint=/^(?:0|[1-9]\d*)$/,typedArrayTags={};typedArrayTags[float32Tag]=typedArrayTags[float64Tag]=typedArrayTags[int8Tag]=typedArrayTags[int16Tag]=typedArrayTags[int32Tag]=typedArrayTags[uint8Tag]=typedArrayTags[uint8ClampedTag]=typedArrayTags[uint16Tag]=typedArrayTags[uint32Tag]=!0;typedArrayTags[argsTag]=typedArrayTags[arrayTag]=typedArrayTags[arrayBufferTag]=typedArrayTags[boolTag]=typedArrayTags[dataViewTag]=typedArrayTags[dateTag]=typedArrayTags[errorTag]=typedArrayTags[funcTag]=typedArrayTags[mapTag]=typedArrayTags[numberTag]=typedArrayTags[objectTag]=typedArrayTags[regexpTag]=typedArrayTags[setTag]=typedArrayTags[stringTag]=typedArrayTags[weakMapTag]=!1;var freeGlobal=typeof global=="object"&&global&&global.Object===Object&&global,freeSelf=typeof self=="object"&&self&&self.Object===Object&&self,root=freeGlobal||freeSelf||Function("return this")(),freeExports=typeof exports=="object"&&exports&&!exports.nodeType&&exports,freeModule=freeExports&&typeof module=="object"&&module&&!module.nodeType&&module,moduleExports=freeModule&&freeModule.exports===freeExports,freeProcess=moduleExports&&freeGlobal.process,nodeUtil=function(){try{var types=freeModule&&freeModule.require&&freeModule.require("util").types;if(types)return types;return freeProcess&&freeProcess.binding&&freeProcess.binding("util")}catch(e){}}(),nodeIsTypedArray=nodeUtil&&nodeUtil.isTypedArray;function apply(func,thisArg,args){switch(args.length){case 0:return func.call(thisArg);case 1:return func.call(thisArg,args[0]);case 2:return func.call(thisArg,args[0],args[1]);case 3:return func.call(thisArg,args[0],args[1],args[2])}return func.apply(thisArg,args)}function baseTimes(n,iteratee){var index=-1,result=Array(n);while(++index<n)result[index]=iteratee(index);return result}function baseUnary(func){return function(value){return func(value)}}function getValue(object,key){return object==null?void 0:object[key]}function overArg(func,transform){return function(arg){return func(transform(arg))}}var arrayProto=Array.prototype,funcProto=Function.prototype,objectProto=Object.prototype,coreJsData=root["__core-js_shared__"],funcToString=funcProto.toString,hasOwnProperty=objectProto.hasOwnProperty,maskSrcKey=function(){var uid=/[^.]+$/.exec(coreJsData&&coreJsData.keys&&coreJsData.keys.IE_PROTO||"");return uid?"Symbol(src)_1."+uid:""}(),nativeObjectToString=objectProto.toString,objectCtorString=funcToString.call(Object),reIsNative=RegExp("^"+funcToString.call(hasOwnProperty).replace(reRegExpChar,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),Buffer=moduleExports?root.Buffer:void 0,{Symbol:Symbol2,Uint8Array}=root,allocUnsafe=Buffer?Buffer.allocUnsafe:void 0,getPrototype=overArg(Object.getPrototypeOf,Object),objectCreate=Object.create,propertyIsEnumerable=objectProto.propertyIsEnumerable,splice=arrayProto.splice,symToStringTag=Symbol2?Symbol2.toStringTag:void 0,defineProperty=function(){try{var func=getNative(Object,"defineProperty");return func({},"",{}),func}catch(e){}}(),nativeIsBuffer=Buffer?Buffer.isBuffer:void 0,nativeMax=Math.max,nativeNow=Date.now,Map2=getNative(root,"Map"),nativeCreate=getNative(Object,"create"),baseCreate=function(){function object(){}return function(proto){if(!isObject(proto))return{};if(objectCreate)return objectCreate(proto);object.prototype=proto;var result=new object;return object.prototype=void 0,result}}();function Hash(entries){var index=-1,length=entries==null?0:entries.length;this.clear();while(++index<length){var entry=entries[index];this.set(entry[0],entry[1])}}function hashClear(){this.__data__=nativeCreate?nativeCreate(null):{},this.size=0}function hashDelete(key){var result=this.has(key)&&delete this.__data__[key];return this.size-=result?1:0,result}function hashGet(key){var data=this.__data__;if(nativeCreate){var result=data[key];return result===HASH_UNDEFINED?void 0:result}return hasOwnProperty.call(data,key)?data[key]:void 0}function hashHas(key){var data=this.__data__;return nativeCreate?data[key]!==void 0:hasOwnProperty.call(data,key)}function hashSet(key,value){var data=this.__data__;return this.size+=this.has(key)?0:1,data[key]=nativeCreate&&value===void 0?HASH_UNDEFINED:value,this}Hash.prototype.clear=hashClear;Hash.prototype.delete=hashDelete;Hash.prototype.get=hashGet;Hash.prototype.has=hashHas;Hash.prototype.set=hashSet;function ListCache(entries){var index=-1,length=entries==null?0:entries.length;this.clear();while(++index<length){var entry=entries[index];this.set(entry[0],entry[1])}}function listCacheClear(){this.__data__=[],this.size=0}function listCacheDelete(key){var data=this.__data__,index=assocIndexOf(data,key);if(index<0)return!1;var lastIndex=data.length-1;if(index==lastIndex)data.pop();else splice.call(data,index,1);return--this.size,!0}function listCacheGet(key){var data=this.__data__,index=assocIndexOf(data,key);return index<0?void 0:data[index][1]}function listCacheHas(key){return assocIndexOf(this.__data__,key)>-1}function listCacheSet(key,value){var data=this.__data__,index=assocIndexOf(data,key);if(index<0)++this.size,data.push([key,value]);else data[index][1]=value;return this}ListCache.prototype.clear=listCacheClear;ListCache.prototype.delete=listCacheDelete;ListCache.prototype.get=listCacheGet;ListCache.prototype.has=listCacheHas;ListCache.prototype.set=listCacheSet;function MapCache(entries){var index=-1,length=entries==null?0:entries.length;this.clear();while(++index<length){var entry=entries[index];this.set(entry[0],entry[1])}}function mapCacheClear(){this.size=0,this.__data__={hash:new Hash,map:new(Map2||ListCache),string:new Hash}}function mapCacheDelete(key){var result=getMapData(this,key).delete(key);return this.size-=result?1:0,result}function mapCacheGet(key){return getMapData(this,key).get(key)}function mapCacheHas(key){return getMapData(this,key).has(key)}function mapCacheSet(key,value){var data=getMapData(this,key),size=data.size;return data.set(key,value),this.size+=data.size==size?0:1,this}MapCache.prototype.clear=mapCacheClear;MapCache.prototype.delete=mapCacheDelete;MapCache.prototype.get=mapCacheGet;MapCache.prototype.has=mapCacheHas;MapCache.prototype.set=mapCacheSet;function Stack(entries){var data=this.__data__=new ListCache(entries);this.size=data.size}function stackClear(){this.__data__=new ListCache,this.size=0}function stackDelete(key){var data=this.__data__,result=data.delete(key);return this.size=data.size,result}function stackGet(key){return this.__data__.get(key)}function stackHas(key){return this.__data__.has(key)}function stackSet(key,value){var data=this.__data__;if(data instanceof ListCache){var pairs=data.__data__;if(!Map2||pairs.length<LARGE_ARRAY_SIZE-1)return pairs.push([key,value]),this.size=++data.size,this;data=this.__data__=new MapCache(pairs)}return data.set(key,value),this.size=data.size,this}Stack.prototype.clear=stackClear;Stack.prototype.delete=stackDelete;Stack.prototype.get=stackGet;Stack.prototype.has=stackHas;Stack.prototype.set=stackSet;function arrayLikeKeys(value,inherited){var isArr=isArray(value),isArg=!isArr&&isArguments(value),isBuff=!isArr&&!isArg&&isBuffer(value),isType=!isArr&&!isArg&&!isBuff&&isTypedArray(value),skipIndexes=isArr||isArg||isBuff||isType,result=skipIndexes?baseTimes(value.length,String):[],length=result.length;for(var key in value)if((inherited||hasOwnProperty.call(value,key))&&!(skipIndexes&&(key=="length"||isBuff&&(key=="offset"||key=="parent")||isType&&(key=="buffer"||key=="byteLength"||key=="byteOffset")||isIndex(key,length))))result.push(key);return result}function assignMergeValue(object,key,value){if(value!==void 0&&!eq(object[key],value)||value===void 0&&!(key in object))baseAssignValue(object,key,value)}function assignValue(object,key,value){var objValue=object[key];if(!(hasOwnProperty.call(object,key)&&eq(objValue,value))||value===void 0&&!(key in object))baseAssignValue(object,key,value)}function assocIndexOf(array,key){var length=array.length;while(length--)if(eq(array[length][0],key))return length;return-1}function baseAssignValue(object,key,value){if(key=="__proto__"&&defineProperty)defineProperty(object,key,{configurable:!0,enumerable:!0,value,writable:!0});else object[key]=value}var baseFor=createBaseFor();function baseGetTag(value){if(value==null)return value===void 0?undefinedTag:nullTag;return symToStringTag&&symToStringTag in Object(value)?getRawTag(value):objectToString(value)}function baseIsArguments(value){return isObjectLike(value)&&baseGetTag(value)==argsTag}function baseIsNative(value){if(!isObject(value)||isMasked(value))return!1;var pattern=isFunction(value)?reIsNative:reIsHostCtor;return pattern.test(toSource(value))}function baseIsTypedArray(value){return isObjectLike(value)&&isLength(value.length)&&!!typedArrayTags[baseGetTag(value)]}function baseKeysIn(object){if(!isObject(object))return nativeKeysIn(object);var isProto=isPrototype(object),result=[];for(var key in object)if(!(key=="constructor"&&(isProto||!hasOwnProperty.call(object,key))))result.push(key);return result}function baseMerge(object,source,srcIndex,customizer,stack){if(object===source)return;baseFor(source,function(srcValue,key){if(stack||(stack=new Stack),isObject(srcValue))baseMergeDeep(object,source,key,srcIndex,baseMerge,customizer,stack);else{var newValue=customizer?customizer(safeGet(object,key),srcValue,key+"",object,source,stack):void 0;if(newValue===void 0)newValue=srcValue;assignMergeValue(object,key,newValue)}},keysIn)}function baseMergeDeep(object,source,key,srcIndex,mergeFunc,customizer,stack){var objValue=safeGet(object,key),srcValue=safeGet(source,key),stacked=stack.get(srcValue);if(stacked){assignMergeValue(object,key,stacked);return}var newValue=customizer?customizer(objValue,srcValue,key+"",object,source,stack):void 0,isCommon=newValue===void 0;if(isCommon){var isArr=isArray(srcValue),isBuff=!isArr&&isBuffer(srcValue),isTyped=!isArr&&!isBuff&&isTypedArray(srcValue);if(newValue=srcValue,isArr||isBuff||isTyped)if(isArray(objValue))newValue=objValue;else if(isArrayLikeObject(objValue))newValue=copyArray(objValue);else if(isBuff)isCommon=!1,newValue=cloneBuffer(srcValue,!0);else if(isTyped)isCommon=!1,newValue=cloneTypedArray(srcValue,!0);else newValue=[];else if(isPlainObject(srcValue)||isArguments(srcValue)){if(newValue=objValue,isArguments(objValue))newValue=toPlainObject(objValue);else if(!isObject(objValue)||isFunction(objValue))newValue=initCloneObject(srcValue)}else isCommon=!1}if(isCommon)stack.set(srcValue,newValue),mergeFunc(newValue,srcValue,srcIndex,customizer,stack),stack.delete(srcValue);assignMergeValue(object,key,newValue)}function baseRest(func,start){return setToString(overRest(func,start,identity),func+"")}var baseSetToString=!defineProperty?identity:function(func,string){return defineProperty(func,"toString",{configurable:!0,enumerable:!1,value:constant(string),writable:!0})};function cloneBuffer(buffer,isDeep){if(isDeep)return buffer.slice();var length=buffer.length,result=allocUnsafe?allocUnsafe(length):new buffer.constructor(length);return buffer.copy(result),result}function cloneArrayBuffer(arrayBuffer){var result=new arrayBuffer.constructor(arrayBuffer.byteLength);return new Uint8Array(result).set(new Uint8Array(arrayBuffer)),result}function cloneTypedArray(typedArray,isDeep){var buffer=isDeep?cloneArrayBuffer(typedArray.buffer):typedArray.buffer;return new typedArray.constructor(buffer,typedArray.byteOffset,typedArray.length)}function copyArray(source,array){var index=-1,length=source.length;array||(array=Array(length));while(++index<length)array[index]=source[index];return array}function copyObject(source,props,object,customizer){var isNew=!object;object||(object={});var index=-1,length=props.length;while(++index<length){var key=props[index],newValue=customizer?customizer(object[key],source[key],key,object,source):void 0;if(newValue===void 0)newValue=source[key];if(isNew)baseAssignValue(object,key,newValue);else assignValue(object,key,newValue)}return object}function createAssigner(assigner){return baseRest(function(object,sources){var index=-1,length=sources.length,customizer=length>1?sources[length-1]:void 0,guard=length>2?sources[2]:void 0;if(customizer=assigner.length>3&&typeof customizer=="function"?(length--,customizer):void 0,guard&&isIterateeCall(sources[0],sources[1],guard))customizer=length<3?void 0:customizer,length=1;object=Object(object);while(++index<length){var source=sources[index];if(source)assigner(object,source,index,customizer)}return object})}function createBaseFor(fromRight){return function(object,iteratee,keysFunc){var index=-1,iterable=Object(object),props=keysFunc(object),length=props.length;while(length--){var key=props[fromRight?length:++index];if(iteratee(iterable[key],key,iterable)===!1)break}return object}}function getMapData(map,key){var data=map.__data__;return isKeyable(key)?data[typeof key=="string"?"string":"hash"]:data.map}function getNative(object,key){var value=getValue(object,key);return baseIsNative(value)?value:void 0}function getRawTag(value){var isOwn=hasOwnProperty.call(value,symToStringTag),tag=value[symToStringTag];try{value[symToStringTag]=void 0;var unmasked=!0}catch(e){}var result=nativeObjectToString.call(value);if(unmasked)if(isOwn)value[symToStringTag]=tag;else delete value[symToStringTag];return result}function initCloneObject(object){return typeof object.constructor=="function"&&!isPrototype(object)?baseCreate(getPrototype(object)):{}}function isIndex(value,length){var type=typeof value;return length=length==null?MAX_SAFE_INTEGER:length,!!length&&(type=="number"||type!="symbol"&&reIsUint.test(value))&&(value>-1&&value%1==0&&value<length)}function isIterateeCall(value,index,object){if(!isObject(object))return!1;var type=typeof index;if(type=="number"?isArrayLike(object)&&isIndex(index,object.length):type=="string"&&(index in object))return eq(object[index],value);return!1}function isKeyable(value){var type=typeof value;return type=="string"||type=="number"||type=="symbol"||type=="boolean"?value!=="__proto__":value===null}function isMasked(func){return!!maskSrcKey&&maskSrcKey in func}function isPrototype(value){var Ctor=value&&value.constructor,proto=typeof Ctor=="function"&&Ctor.prototype||objectProto;return value===proto}function nativeKeysIn(object){var result=[];if(object!=null)for(var key in Object(object))result.push(key);return result}function objectToString(value){return nativeObjectToString.call(value)}function overRest(func,start,transform){return start=nativeMax(start===void 0?func.length-1:start,0),function(){var args=arguments,index=-1,length=nativeMax(args.length-start,0),array=Array(length);while(++index<length)array[index]=args[start+index];index=-1;var otherArgs=Array(start+1);while(++index<start)otherArgs[index]=args[index];return otherArgs[start]=transform(array),apply(func,this,otherArgs)}}function safeGet(object,key){if(key==="constructor"&&typeof object[key]==="function")return;if(key=="__proto__")return;return object[key]}var setToString=shortOut(baseSetToString);function shortOut(func){var count=0,lastCalled=0;return function(){var stamp=nativeNow(),remaining=HOT_SPAN-(stamp-lastCalled);if(lastCalled=stamp,remaining>0){if(++count>=HOT_COUNT)return arguments[0]}else count=0;return func.apply(void 0,arguments)}}function toSource(func){if(func!=null){try{return funcToString.call(func)}catch(e){}try{return func+""}catch(e){}}return""}function eq(value,other){return value===other||value!==value&&other!==other}var isArguments=baseIsArguments(function(){return arguments}())?baseIsArguments:function(value){return isObjectLike(value)&&hasOwnProperty.call(value,"callee")&&!propertyIsEnumerable.call(value,"callee")},isArray=Array.isArray;function isArrayLike(value){return value!=null&&isLength(value.length)&&!isFunction(value)}function isArrayLikeObject(value){return isObjectLike(value)&&isArrayLike(value)}var isBuffer=nativeIsBuffer||stubFalse;function isFunction(value){if(!isObject(value))return!1;var tag=baseGetTag(value);return tag==funcTag||tag==genTag||tag==asyncTag||tag==proxyTag}function isLength(value){return typeof value=="number"&&value>-1&&value%1==0&&value<=MAX_SAFE_INTEGER}function isObject(value){var type=typeof value;return value!=null&&(type=="object"||type=="function")}function isObjectLike(value){return value!=null&&typeof value=="object"}function isPlainObject(value){if(!isObjectLike(value)||baseGetTag(value)!=objectTag)return!1;var proto=getPrototype(value);if(proto===null)return!0;var Ctor=hasOwnProperty.call(proto,"constructor")&&proto.constructor;return typeof Ctor=="function"&&Ctor instanceof Ctor&&funcToString.call(Ctor)==objectCtorString}var isTypedArray=nodeIsTypedArray?baseUnary(nodeIsTypedArray):baseIsTypedArray;function toPlainObject(value){return copyObject(value,keysIn(value))}function keysIn(object){return isArrayLike(object)?arrayLikeKeys(object,!0):baseKeysIn(object)}var mergeWith=createAssigner(function(object,source,srcIndex,customizer){baseMerge(object,source,srcIndex,customizer)});function constant(value){return function(){return value}}function identity(value){return value}function stubFalse(){return!1}module.exports=mergeWith});var require_react_fast_compare=__commonJS(function(exports,module){var hasElementType=typeof Element<"u",hasMap=typeof Map==="function",hasSet=typeof Set==="function",hasArrayBuffer=typeof ArrayBuffer==="function"&&!!ArrayBuffer.isView;function equal(a,b){if(a===b)return!0;if(a&&b&&typeof a=="object"&&typeof b=="object"){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if(length=a.length,length!=b.length)return!1;for(i=length;i--!==0;)if(!equal(a[i],b[i]))return!1;return!0}var it;if(hasMap&&a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;it=a.entries();while(!(i=it.next()).done)if(!b.has(i.value[0]))return!1;it=a.entries();while(!(i=it.next()).done)if(!equal(i.value[1],b.get(i.value[0])))return!1;return!0}if(hasSet&&a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;it=a.entries();while(!(i=it.next()).done)if(!b.has(i.value[0]))return!1;return!0}if(hasArrayBuffer&&ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if(length=a.length,length!=b.length)return!1;for(i=length;i--!==0;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf&&typeof a.valueOf==="function"&&typeof b.valueOf==="function")return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString&&typeof a.toString==="function"&&typeof b.toString==="function")return a.toString()===b.toString();if(keys=Object.keys(a),length=keys.length,length!==Object.keys(b).length)return!1;for(i=length;i--!==0;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;if(hasElementType&&a instanceof Element)return!1;for(i=length;i--!==0;){if((keys[i]==="_owner"||keys[i]==="__v"||keys[i]==="__o")&&a.$$typeof)continue;if(!equal(a[keys[i]],b[keys[i]]))return!1}return!0}return a!==a&&b!==b}module.exports=function(a,b){try{return equal(a,b)}catch(error){if((error.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw error}}});import{dirname,join}from"path";import{fileURLToPath}from"url";var CHAKRA_INTRO=["**This folder targets Chakra UI v2.** Components are real Chakra: `Box`/`Flex`/`Stack`/`HStack`/`VStack`/`Grid`+`GridItem`/`Container`/`Spacer` for layout, `Card`+`CardHeader`/`CardBody`/`CardFooter`, `Heading`/`Text` (ALL text \u2014 `size` picks the heading scale), `Button`/`IconButton`, `Input`/`Textarea`/`Select`/`Checkbox`/`Radio`/`Switch`/`Slider`+parts, `Badge`/`Tag`/`Avatar`/`Alert`+parts/`Stat`+parts/`Progress`/`Skeleton`, `TableContainer`+`Table`/`Thead`/`Tbody`/`Tr`/`Th`/`Td`, `Tabs`+parts, `List`/`ListItem`, `Breadcrumb`+parts, and the overlay surface `Modal`/`Drawer`/`Popover`/`Menu`/`Tooltip` (chakra's composition parts are registered and render open + inline in design mode). Call `list_components` for the full set and per-component `example` props.","",'**Style through `sx`.** `update_props { style: { display: "flex", alignItems: "center", gap: 4, p: 6, color: "brand.600" } }` \u2014 an object (merges shallowly; an inner `null` drops a key, `style: null` clears). `sx` keys are Chakra style props; spacing is the chakra scale (`p: 4` = 16px); color values take theme tokens \u2014 `"brand.500"` is the theme\'s primary scale, `"chakra-body-bg"`/`"chakra-subtle-text"` are the semantic surfaces, and `"gray.600"` etc. work too. Prefer component props (`colorScheme`, `variant`, `size`, `spacing`) over sx where they exist \u2014 `colorScheme="brand"` is the primary-colored variant.',"",'`emit_code` emits idiomatic `<Component sx={{\u2026}} />` importing from `"@chakra-ui/react"`; `emit_theme` emits an `extendTheme(...)` module (default `chakra-theme.ts`) \u2014 wire it with `<ChakraProvider theme={theme}>`. Overlays are design-mode shims rendered pinned open: the emitted composition (`Modal > ModalContent > \u2026`) is real chakra, but add the `isOpen`/`onClose` disclosure wiring when implementing. Tailwind utility diagnostics do not apply here.',""];var sx={name:"sx",type:"SystemStyleObject | undefined",optional:!0,control:"string"},children={name:"children",type:"ReactNode",optional:!0,control:"string"},enumProp=(name,values,defaultValue)=>({name,type:values.map((v)=>`"${v}"`).join(" | "),optional:!0,control:"enum",enumValues:values,defaultValue}),str=(name,optional=!0)=>({name,type:"string",optional,control:"string"}),num=(name)=>({name,type:"number",optional:!0,control:"number"}),bool=(name)=>({name,type:"boolean",optional:!0,control:"boolean"}),json=(name,type)=>({name,type,optional:!0,control:"string"}),colorScheme=enumProp("colorScheme",["brand","gray","red","orange","yellow","green","teal","blue","purple","pink"],"gray"),sizeSmMdLg=(defaultValue="md")=>enumProp("size",["xs","sm","md","lg"],defaultValue);function ui(id,props,notes,example){return{id,category:"ui",source:"chakra",props:[...props,sx],designModeNotes:notes,example}}function helper(id,props,notes,example){return{id,category:"ui",source:"velloo",props:[...props,sx],designModeNotes:notes,example}}var CHAKRA_MANIFEST=[ui("Box",[children],"Generic layout primitive; style via sx."),ui("Flex",[children,json("gap","number | string"),str("align"),str("justify"),str("direction")],"Flex row/column wrapper \u2014 `direction`/`align`/`justify`/`gap` are shortcuts; anything else via sx.",{gap:4,align:"center"}),ui("Stack",[children,num("spacing"),enumProp("direction",["row","column"],"column")],"Spaced flex layout; `spacing` is the chakra scale (4 = 1rem).",{spacing:4}),ui("HStack",[children,num("spacing")],"Horizontal Stack.",{spacing:3}),ui("VStack",[children,num("spacing"),str("align")],"Vertical Stack.",{spacing:4,align:"stretch"}),ui("Grid",[children,str("templateColumns"),json("gap","number | string")],"CSS grid wrapper; pair with GridItem.",{templateColumns:"repeat(3, 1fr)",gap:6}),ui("GridItem",[children,num("colSpan")],"One cell inside a Grid.",{colSpan:1}),ui("Container",[children,str("maxW"),bool("centerContent")],'Centers + max-widths content. `maxW` takes a size token ("md", "3xl", "container.lg").',{maxW:"3xl"}),ui("Spacer",[],"Flexible gap inside a Flex/HStack \u2014 pushes siblings apart."),ui("Card",[children,enumProp("variant",["elevated","outline","filled"],"elevated")],"Card surface \u2014 compose with CardHeader/CardBody/CardFooter children.",{variant:"outline"}),ui("CardHeader",[children],"Card title area \u2014 put a Heading inside."),ui("CardBody",[children]),ui("CardFooter",[children],"Card action row."),ui("Alert",[children,enumProp("status",["info","success","warning","error"],"info")],"Inline alert banner \u2014 compose with AlertIcon + AlertTitle + AlertDescription children.",{status:"info"}),ui("AlertIcon",[],"The status icon inside an Alert."),ui("AlertTitle",[children],void 0,{children:"Workspace synced"}),ui("AlertDescription",[children],void 0,{children:"All changes are saved."}),ui("Badge",[children,colorScheme,enumProp("variant",["subtle","solid","outline"],"subtle")],"Small status label.",{colorScheme:"green",children:"Active"}),ui("Tag",[children,colorScheme,enumProp("variant",["subtle","solid","outline"],"subtle"),sizeSmMdLg()],"Label chip \u2014 larger than Badge.",{colorScheme:"brand",children:"Design"}),ui("Avatar",[str("name"),str("src"),enumProp("size",["2xs","xs","sm","md","lg","xl","2xl"],"md")],"Avatar \u2014 `src` image or initials derived from `name`.",{name:"Ada Lovelace"}),ui("Divider",[enumProp("orientation",["horizontal","vertical"],"horizontal")]),ui("Skeleton",[children,json("height","number | string")],"Loading placeholder block.",{height:"20px"}),ui("Progress",[num("value"),colorScheme,sizeSmMdLg(),bool("hasStripe")],void 0,{value:62,colorScheme:"brand"}),ui("Stat",[children],"A KPI block \u2014 compose with StatLabel + StatNumber + StatHelpText children."),ui("StatLabel",[children],void 0,{children:"Active users"}),ui("StatNumber",[children],void 0,{children:"112,893"}),ui("StatHelpText",[children],"Secondary line \u2014 put a StatArrow inside for a delta.",{children:"23% more than last week"}),ui("StatArrow",[enumProp("type",["increase","decrease"],"increase")],void 0,{type:"increase"}),ui("Heading",[children,enumProp("size",["xs","sm","md","lg","xl","2xl","3xl","4xl"],"xl"),str("as")],"A heading \u2014 pick `size` for the scale (`as` sets the tag, default h2).",{size:"lg",children:"Team analytics"}),ui("Text",[children,str("fontSize"),str("color"),str("as")],'ALL body text. Tone via sx/props: `color: "chakra-subtle-text"` for muted, theme tokens like "brand.600" work.',{fontSize:"sm",color:"chakra-subtle-text",children:"Updated 2 hours ago"}),ui("Button",[children,enumProp("variant",["solid","outline","ghost","link"],"solid"),colorScheme,sizeSmMdLg(),bool("isDisabled")],'Action button. `colorScheme="brand"` is the theme\'s primary.',{colorScheme:"brand",children:"Submit"}),ui("IconButton",[str("aria-label",!1),children,enumProp("variant",["solid","outline","ghost"],"solid"),colorScheme,sizeSmMdLg()],"Icon-only button \u2014 give it a velloo `Icon` child + an aria-label.",{"aria-label":"Settings",variant:"ghost"}),ui("Input",[str("placeholder"),str("value"),sizeSmMdLg(),enumProp("variant",["outline","filled","flushed"],"outline")],void 0,{placeholder:"Email address"}),ui("Textarea",[str("placeholder"),str("value")],void 0,{placeholder:"Tell us more\u2026"}),ui("Select",[str("placeholder"),sizeSmMdLg()],"Closed select field in design mode \u2014 use `placeholder` for the visible value (option children don't fit design JSON).",{placeholder:"Pick a role"}),ui("Checkbox",[children,bool("isChecked"),colorScheme],void 0,{isChecked:!0,children:"Remember me"}),ui("Radio",[children,bool("isChecked"),colorScheme],void 0,{isChecked:!0,children:"Monthly"}),ui("Switch",[bool("isChecked"),colorScheme,sizeSmMdLg()],void 0,{isChecked:!0,colorScheme:"brand"}),ui("Slider",[children,num("value"),num("min"),num("max"),colorScheme],"Compose: Slider > SliderTrack > SliderFilledTrack, + SliderThumb.",{value:30,colorScheme:"brand"}),ui("SliderTrack",[children],"The rail \u2014 put SliderFilledTrack inside."),ui("SliderFilledTrack",[]),ui("SliderThumb",[]),ui("TableContainer",[children],"Overflow wrapper \u2014 put the Table inside."),ui("Table",[children,enumProp("variant",["simple","striped","unstyled"],"simple"),sizeSmMdLg()],"Data table \u2014 compose Thead > Tr > Th and Tbody > Tr > Td children (no data props).",{variant:"simple"}),ui("Thead",[children]),ui("Tbody",[children]),ui("Tr",[children]),ui("Th",[children,bool("isNumeric")],void 0,{children:"Name"}),ui("Td",[children,bool("isNumeric")],void 0,{children:"Ada Lovelace"}),ui("Tabs",[children,num("defaultIndex"),enumProp("variant",["line","enclosed","soft-rounded","solid-rounded"],"line"),colorScheme],"Compose: Tabs > TabList (Tab children) + TabPanels (TabPanel children). Set `defaultIndex` to pick the visible pane.",{defaultIndex:0,colorScheme:"brand"}),ui("TabList",[children]),ui("Tab",[children],void 0,{children:"Overview"}),ui("TabPanels",[children]),ui("TabPanel",[children]),ui("List",[children,num("spacing")],"Compose with ListItem children.",{spacing:2}),ui("ListItem",[children],void 0,{children:"Deploy finished"}),ui("Breadcrumb",[children,str("separator")],"Compose: BreadcrumbItem > BreadcrumbLink."),ui("BreadcrumbItem",[children,bool("isCurrentPage")]),ui("BreadcrumbLink",[children,str("href")],void 0,{href:"#",children:"Home"}),ui("Modal",[children,enumProp("size",["xs","sm","md","lg","xl","2xl","full"],"md")],"Modal dialog \u2014 renders open + inline in design mode. Compose: Modal > ModalOverlay + ModalContent > ModalHeader/ModalBody/ModalFooter (+ ModalCloseButton). Emitted code needs isOpen/onClose wiring.",{size:"md"}),ui("ModalOverlay",[],"The backdrop \u2014 renders nothing in design mode (kept for chakra-idiomatic composition)."),ui("ModalContent",[children],"The modal surface card."),ui("ModalHeader",[children],void 0,{children:"Delete item?"}),ui("ModalBody",[children]),ui("ModalFooter",[children],"Right-aligned action row."),ui("ModalCloseButton",[],"Pinned top-right close button."),ui("Drawer",[children],"A side panel \u2014 renders inline as a fixed-width column in design mode. Compose: Drawer > DrawerOverlay + DrawerContent > DrawerHeader/DrawerBody/DrawerFooter."),ui("DrawerOverlay",[],"The backdrop \u2014 renders nothing in design mode."),ui("DrawerContent",[children],"The drawer surface column."),ui("DrawerHeader",[children],void 0,{children:"Filters"}),ui("DrawerBody",[children]),ui("DrawerFooter",[children]),ui("Popover",[children],"The trigger child renders inline with the surface pinned open below it. Compose: Popover > PopoverTrigger (the trigger) + PopoverContent > PopoverHeader/PopoverBody."),ui("PopoverTrigger",[children],"Wraps the trigger element \u2014 renders it as-is."),ui("PopoverContent",[children],"The popover surface, pinned open."),ui("PopoverHeader",[children],void 0,{children:"Details"}),ui("PopoverBody",[children]),ui("PopoverArrow",[],"Renders nothing in design mode (kept for chakra-idiomatic composition)."),ui("Menu",[children],"The trigger renders inline with the menu pinned open below it. Compose: Menu > MenuButton (the trigger) + MenuList > MenuItem/MenuDivider."),ui("MenuButton",[children],"The trigger \u2014 renders as a chakra Button in design mode.",{children:"Actions"}),ui("MenuList",[children],"The menu surface, pinned open."),ui("MenuItem",[children],void 0,{children:"Edit"}),ui("MenuDivider",[]),ui("Tooltip",[children,str("label")],"The trigger child renders inline; `label` shows beside it as a dark pill in design mode.",{label:"Copy to clipboard"}),helper("Icon",[{name:"name",type:"string",optional:!1,control:"icon"},{name:"size",type:"number",optional:!0,control:"number"}],"A lucide icon \u2014 chakra's icon set isn't bundled. Set the pixel `size` prop (not sx). `name` is a lucide id (PascalCase or kebab). Emits a `lucide-react` import.",{name:"ArrowRight",size:20}),helper("Image",[{name:"src",type:"string",optional:!1,control:"string"},{name:"alt",type:"string",optional:!1,control:"string"}],"An image. Use velloo assets (`/assets/\u2026`) or a URL."),helper("Placeholder",[{name:"label",type:"string",optional:!0,control:"string"}],"A labeled placeholder box for imagery you haven't authored yet (avatars, hero shots)."),helper("SVG",[{name:"content",type:"string",optional:!1,control:"string"},{name:"viewBox",type:"string",optional:!1,control:"string"}],"Raw inline SVG markup."),helper("Layer",[children],"An absolutely-positioned overlay layer for stacked composition."),helper("Gradient",[{name:"from",type:"string",optional:!0,control:"color"}],"A gradient fill block."),helper("Prose",[children,{name:"preset",type:"string",optional:!0,control:"string"},{name:"as",type:"string",optional:!0,control:"string"}],"A long-form content region. Everything inside \u2014 Text, Heading, lists, quotes, code, tables \u2014 picks up the theme typeset's proportions and vertical rhythm automatically. `preset` selects a named typeset (see set_typeset). Reach for this for articles, docs, and marketing copy instead of setting sizes block by block.",{as:"article"})];function addDomEvent(target,eventName,handler,options){return target.addEventListener(eventName,handler,options),()=>{target.removeEventListener(eventName,handler,options)}}function isBrowser(){return Boolean(globalThis?.document)}function getEventWindow(event){return event.view??window}function isMouseEvent(event){let win=getEventWindow(event);if(typeof win.PointerEvent<"u"&&event instanceof win.PointerEvent)return event.pointerType==="mouse";return event instanceof win.MouseEvent}function isTouchEvent(event){return!!event.touches}function isMultiTouchEvent(event){return isTouchEvent(event)&&event.touches.length>1}function pointFromTouch(e,type="page"){let point=e.touches[0]||e.changedTouches[0];return{x:point[`${type}X`],y:point[`${type}Y`]}}function pointFromMouse(point,type="page"){return{x:point[`${type}X`],y:point[`${type}Y`]}}function getEventPoint(event,type="page"){return isTouchEvent(event)?pointFromTouch(event,type):pointFromMouse(event,type)}function filter(cb){return(event)=>{let isMouse=isMouseEvent(event);if(!isMouse||isMouse&&event.button===0)cb(event)}}function wrap(cb,filterPrimary=!1){function listener(event){cb(event,{point:getEventPoint(event)})}return filterPrimary?filter(listener):listener}function addPointerEvent(target,type,cb,options){return addDomEvent(target,type,wrap(cb,type==="pointerdown"),options)}function assignAfter(target,...sources){if(target==null)throw TypeError("Cannot convert undefined or null to object");let result={...target};for(let nextSource of sources){if(nextSource==null)continue;for(let nextKey in nextSource){if(!Object.prototype.hasOwnProperty.call(nextSource,nextKey))continue;if(nextKey in result)delete result[nextKey];result[nextKey]=nextSource[nextKey]}}return result}var dataAttr=(condition)=>condition?"":void 0,ariaAttr=(condition)=>condition?!0:void 0;function isArray(value){return Array.isArray(value)}function isObject(value){let type=typeof value;return value!=null&&(type==="object"||type==="function")&&!isArray(value)}function getLastItem(array){let length=array==null?0:array.length;return length?array[length-1]:void 0}function analyzeCSSValue(value){let num=parseFloat(value.toString()),unit=value.toString().replace(String(num),"");return{unitless:!unit,value:num,unit}}function px(value){if(value==null)return value;let{unitless}=analyzeCSSValue(value);return unitless||typeof value==="number"?`${value}px`:value}var sortByBreakpointValue=(a,b)=>parseInt(a[1],10)>parseInt(b[1],10)?1:-1,sortBps=(breakpoints)=>Object.fromEntries(Object.entries(breakpoints).sort(sortByBreakpointValue));function normalize(breakpoints){let sorted=sortBps(breakpoints);return Object.assign(Object.values(sorted),sorted)}function keys(breakpoints){let value=Object.keys(sortBps(breakpoints));return new Set(value)}function subtract(value){if(!value)return value;value=px(value)??value;let OFFSET=-0.02;return typeof value==="number"?`${value+OFFSET}`:value.replace(/(\d+\.?\d*)/u,(m)=>`${parseFloat(m)+OFFSET}`)}function toMediaQueryString(min,max){let query=["@media screen"];if(min)query.push("and",`(min-width: ${px(min)})`);if(max)query.push("and",`(max-width: ${px(max)})`);return query.join(" ")}function analyzeBreakpoints(breakpoints){if(!breakpoints)return null;breakpoints.base=breakpoints.base??"0px";let normalized=normalize(breakpoints),queries=Object.entries(breakpoints).sort(sortByBreakpointValue).map(([breakpoint,minW],index,entry)=>{let[,maxW]=entry[index+1]??[];return maxW=parseFloat(maxW)>0?subtract(maxW):void 0,{_minW:subtract(minW),breakpoint,minW,maxW,maxWQuery:toMediaQueryString(null,maxW),minWQuery:toMediaQueryString(minW),minMaxQuery:toMediaQueryString(minW,maxW)}}),_keys=keys(breakpoints),_keysArr=Array.from(_keys.values());return{keys:_keys,normalized,isResponsive(test){let keys2=Object.keys(test);return keys2.length>0&&keys2.every((key)=>_keys.has(key))},asObject:sortBps(breakpoints),asArray:normalize(breakpoints),details:queries,get(key){return queries.find((q)=>q.breakpoint===key)},media:[null,...normalized.map((minW)=>toMediaQueryString(minW)).slice(1)],toArrayValue(test){if(!isObject(test))throw Error("toArrayValue: value must be an object");let result=_keysArr.map((bp)=>test[bp]??null);while(getLastItem(result)===null)result.pop();return result},toObjectValue(test){if(!Array.isArray(test))throw Error("toObjectValue: value must be an array");return test.reduce((acc,value,index)=>{let key=_keysArr[index];if(key!=null&&value!=null)acc[key]=value;return acc},{})}}}function callAll(...fns){return function(...args){fns.forEach((fn)=>fn?.(...args))}}function callAllHandlers(...fns){return function(event){fns.some((fn)=>(fn?.(event),event?.defaultPrevented))}}var import_react=__toESM(require_react_development(),1);function getValidChildren(children){return import_react.Children.toArray(children).filter((child)=>import_react.isValidElement(child))}function compact(object){let clone=Object.assign({},object);for(let key in clone)if(clone[key]===void 0)delete clone[key];return clone}var import_react2=__toESM(require_react_development(),1);function getErrorMessage(hook,provider){return`${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`}function createContext(options={}){let{name,strict=!0,hookName="useContext",providerName="Provider",errorMessage,defaultValue}=options,Context=import_react2.createContext(defaultValue);Context.displayName=name;function useContext$1(){let context=import_react2.useContext(Context);if(!context&&strict){let error=Error(errorMessage??getErrorMessage(hookName,providerName));throw error.name="ContextError",Error.captureStackTrace?.(error,useContext$1),error}return context}return[Context.Provider,useContext$1,Context]}var cx=(...classNames)=>classNames.filter(Boolean).join(" ");function get(obj,path,fallback,index){let key=typeof path==="string"?path.split("."):[path];for(index=0;index<key.length;index+=1){if(!obj)break;obj=obj[key[index]]}return obj===void 0?fallback:obj}var memoize=(fn)=>{let cache=new WeakMap;return(obj,path,fallback,index)=>{if(typeof obj>"u")return fn(obj,path,fallback);if(!cache.has(obj))cache.set(obj,new Map);let map=cache.get(obj);if(map.has(path))return map.get(path);let value=fn(obj,path,fallback,index);return map.set(path,value),value}},memoizedGet=memoize(get);var interopDefault=(mod)=>mod.default||mod;function lazyDisclosure(options){let{wasSelected,enabled,isSelected,mode="unmount"}=options;if(!enabled)return!0;if(isSelected)return!0;if(mode==="keepMounted"&&wasSelected)return!0;return!1}function toNumber(value){let num=parseFloat(value);return typeof num!=="number"||Number.isNaN(num)?0:num}function toPrecision(value,precision){let nextValue=toNumber(value),scaleFactor=10**(precision??10);return nextValue=Math.round(nextValue*scaleFactor)/scaleFactor,precision?nextValue.toFixed(precision):nextValue.toString()}function countDecimalPlaces(value){if(!Number.isFinite(value))return 0;let e=1,p=0;while(Math.round(value*e)/e!==value)e*=10,p+=1;return p}function valueToPercent(value,min,max){return(value-min)*100/(max-min)}function percentToValue(percent,min,max){return(max-min)*percent+min}function roundValueToStep(value,from,step){let nextValue=Math.round((value-from)/step)*step+from,precision=countDecimalPlaces(step);return toPrecision(nextValue,precision)}function clampValue(value,min,max){if(value==null)return value;if(max<min)console.warn("clamp: max cannot be less than min");return Math.min(Math.max(value,min),max)}function omit(object,keysToOmit=[]){let clone=Object.assign({},object);for(let key of keysToOmit)if(key in clone)delete clone[key];return clone}function pick(object,keysToPick){let result={};for(let key of keysToPick)if(key in object)result[key]=object[key];return result}var breakpoints=Object.freeze(["base","sm","md","lg","xl","2xl"]);function mapResponsive(prop,mapper){if(Array.isArray(prop))return prop.map((item)=>item===null?null:mapper(item));if(isObject(prop))return Object.keys(prop).reduce((result,key)=>(result[key]=mapper(prop[key]),result),{});if(prop!=null)return mapper(prop);return null}var isFunction=(value)=>typeof value==="function";function runIfFn(valueOrFn,...args){return isFunction(valueOrFn)?valueOrFn(...args):valueOrFn}function split(object,keys){let picked={},omitted={};for(let[key,value]of Object.entries(object))if(keys.includes(key))picked[key]=value;else omitted[key]=value;return[picked,omitted]}function splitProps(props,...keys){let descriptors=Object.getOwnPropertyDescriptors(props),dKeys=Object.keys(descriptors),split=(k)=>{let clone={};for(let i=0;i<k.length;i++){let key=k[i];if(descriptors[key])Object.defineProperty(clone,key,descriptors[key]),delete descriptors[key]}return clone},fn=(key)=>split(Array.isArray(key)?key:dKeys.filter(key));return keys.map(fn).concat(split(dKeys))}function walkObject(target,predicate,options={}){let{stop,getKey}=options;function inner(value,path=[]){if(isObject(value)||Array.isArray(value)){let result={};for(let[prop,child]of Object.entries(value)){let key=getKey?.(prop)??prop,childPath=[...path,key];if(stop?.(value,childPath))return predicate(value,path);result[key]=inner(child,childPath)}return result}return predicate(value,path)}return inner(target)}var import_lodash=__toESM(require_lodash(),1);var import_react3=__toESM(require_react_development(),1);function useCallbackRef(callback,deps=[]){let callbackRef=import_react3.useRef(callback);return import_react3.useEffect(()=>{callbackRef.current=callback}),import_react3.useCallback((...args)=>callbackRef.current?.(...args),deps)}var import_react4=__toESM(require_react_development(),1);function useControllableState(props){let{value:valueProp,defaultValue,onChange,shouldUpdate=(prev,next)=>prev!==next}=props,onChangeProp=useCallbackRef(onChange),shouldUpdateProp=useCallbackRef(shouldUpdate),[uncontrolledState,setUncontrolledState]=import_react4.useState(defaultValue),controlled=valueProp!==void 0,value=controlled?valueProp:uncontrolledState,setValue=useCallbackRef((next)=>{let nextValue=typeof next==="function"?next(value):next;if(!shouldUpdateProp(value,nextValue))return;if(!controlled)setUncontrolledState(nextValue);onChangeProp(nextValue)},[controlled,onChangeProp,value,shouldUpdateProp]);return[value,setValue]}var import_react5=__toESM(require_react_development(),1),useSafeLayoutEffect=Boolean(globalThis?.document)?import_react5.useLayoutEffect:import_react5.useEffect;var import_react6=__toESM(require_react_development(),1),useUpdateEffect=(effect,deps)=>{let renderCycleRef=import_react6.useRef(!1),effectCycleRef=import_react6.useRef(!1);import_react6.useEffect(()=>{if(renderCycleRef.current&&effectCycleRef.current)return effect();effectCycleRef.current=!0},deps),import_react6.useEffect(()=>(renderCycleRef.current=!0,()=>{renderCycleRef.current=!1}),[])};var import_react7=__toESM(require_react_development(),1);function useLatestRef(value){let ref=import_react7.useRef(null);return ref.current=value,ref}var import_react8=__toESM(require_react_development(),1);function assignRef(ref,value){if(ref==null)return;if(typeof ref==="function"){ref(value);return}try{ref.current=value}catch(error){throw Error(`Cannot assign value '${value}' to ref '${ref}'`)}}function mergeRefs(...refs){return(node)=>{refs.forEach((ref)=>{assignRef(ref,node)})}}function useMergeRefs(...refs){return import_react8.useMemo(()=>mergeRefs(...refs),refs)}var import_react9=__toESM(require_react_development(),1);function usePrevious(value){let ref=import_react9.useRef(void 0);return import_react9.useEffect(()=>{ref.current=value},[value]),ref.current}var import_react10=__toESM(require_react_development(),1);function useTimeout(callback,delay){let fn=useCallbackRef(callback);import_react10.useEffect(()=>{if(delay==null)return;let timeoutId=null;return timeoutId=window.setTimeout(()=>{fn()},delay),()=>{if(timeoutId)window.clearTimeout(timeoutId)}},[delay,fn])}var import_react11=__toESM(require_react_development(),1);var defaultTimestep=16.666666666666668,getCurrentTime=typeof performance<"u"?()=>performance.now():()=>Date.now(),onNextFrame=typeof window<"u"?(callback)=>window.requestAnimationFrame(callback):(callback)=>setTimeout(()=>callback(getCurrentTime()),16.666666666666668);function createRenderStep(runNextFrame){let toRun=[],toRunNextFrame=[],numToRun=0,isProcessing=!1,flushNextFrame=!1,toKeepAlive=new WeakSet,step={schedule:(callback,keepAlive=!1,immediate=!1)=>{let addToCurrentFrame=immediate&&isProcessing,buffer=addToCurrentFrame?toRun:toRunNextFrame;if(keepAlive)toKeepAlive.add(callback);if(buffer.indexOf(callback)===-1){if(buffer.push(callback),addToCurrentFrame&&isProcessing)numToRun=toRun.length}return callback},cancel:(callback)=>{let index=toRunNextFrame.indexOf(callback);if(index!==-1)toRunNextFrame.splice(index,1);toKeepAlive.delete(callback)},process:(frameData)=>{if(isProcessing){flushNextFrame=!0;return}if(isProcessing=!0,[toRun,toRunNextFrame]=[toRunNextFrame,toRun],toRunNextFrame.length=0,numToRun=toRun.length,numToRun)for(let i=0;i<numToRun;i++){let callback=toRun[i];if(callback(frameData),toKeepAlive.has(callback))step.schedule(callback),runNextFrame()}if(isProcessing=!1,flushNextFrame)flushNextFrame=!1,step.process(frameData)}};return step}var maxElapsed=40,useDefaultElapsed=!0,runNextFrame=!1,isProcessing=!1,frame={delta:0,timestamp:0},stepsOrder=["read","update","preRender","render","postRender"],steps=stepsOrder.reduce((acc,key)=>(acc[key]=createRenderStep(()=>runNextFrame=!0),acc),{}),sync=stepsOrder.reduce((acc,key)=>{let step=steps[key];return acc[key]=(process2,keepAlive=!1,immediate=!1)=>{if(!runNextFrame)startLoop();return step.schedule(process2,keepAlive,immediate)},acc},{}),cancelSync=stepsOrder.reduce((acc,key)=>(acc[key]=steps[key].cancel,acc),{}),flushSync=stepsOrder.reduce((acc,key)=>(acc[key]=()=>steps[key].process(frame),acc),{}),processStep=(stepId)=>steps[stepId].process(frame),processFrame=(timestamp)=>{if(runNextFrame=!1,frame.delta=useDefaultElapsed?defaultTimestep:Math.max(Math.min(timestamp-frame.timestamp,maxElapsed),1),frame.timestamp=timestamp,isProcessing=!0,stepsOrder.forEach(processStep),isProcessing=!1,runNextFrame)useDefaultElapsed=!1,onNextFrame(processFrame)},startLoop=()=>{if(runNextFrame=!0,useDefaultElapsed=!0,!isProcessing)onNextFrame(processFrame)},getFrameData=()=>frame,es_default=sync;var __defProp=Object.defineProperty,__defNormalProp=(obj,key,value)=>(key in obj)?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__publicField=(obj,key,value)=>(__defNormalProp(obj,typeof key!=="symbol"?key+"":key,value),value);class PanEvent{constructor(event,handlers,threshold){if(__publicField(this,"history",[]),__publicField(this,"startEvent",null),__publicField(this,"lastEvent",null),__publicField(this,"lastEventInfo",null),__publicField(this,"handlers",{}),__publicField(this,"removeListeners",()=>{}),__publicField(this,"threshold",3),__publicField(this,"win"),__publicField(this,"updatePoint",()=>{if(!(this.lastEvent&&this.lastEventInfo))return;let info=getPanInfo(this.lastEventInfo,this.history),isPanStarted=this.startEvent!==null,isDistancePastThreshold=distance(info.offset,{x:0,y:0})>=this.threshold;if(!isPanStarted&&!isDistancePastThreshold)return;let{timestamp}=getFrameData();this.history.push({...info.point,timestamp});let{onStart,onMove}=this.handlers;if(!isPanStarted)onStart?.(this.lastEvent,info),this.startEvent=this.lastEvent;onMove?.(this.lastEvent,info)}),__publicField(this,"onPointerMove",(event,info)=>{this.lastEvent=event,this.lastEventInfo=info,es_default.update(this.updatePoint,!0)}),__publicField(this,"onPointerUp",(event,info)=>{let panInfo=getPanInfo(info,this.history),{onEnd,onSessionEnd}=this.handlers;if(onSessionEnd?.(event,panInfo),this.end(),!onEnd||!this.startEvent)return;onEnd?.(event,panInfo)}),this.win=event.view??window,isMultiTouchEvent(event))return;if(this.handlers=handlers,threshold)this.threshold=threshold;event.stopPropagation(),event.preventDefault();let info={point:getEventPoint(event)},{timestamp}=getFrameData();this.history=[{...info.point,timestamp}];let{onSessionStart}=handlers;onSessionStart?.(event,getPanInfo(info,this.history)),this.removeListeners=pipe(addPointerEvent(this.win,"pointermove",this.onPointerMove),addPointerEvent(this.win,"pointerup",this.onPointerUp),addPointerEvent(this.win,"pointercancel",this.onPointerUp))}updateHandlers(handlers){this.handlers=handlers}end(){this.removeListeners?.(),cancelSync.update(this.updatePoint)}}function subtract2(a,b){return{x:a.x-b.x,y:a.y-b.y}}function getPanInfo(info,history){return{point:info.point,delta:subtract2(info.point,history[history.length-1]),offset:subtract2(info.point,history[0]),velocity:getVelocity(history,0.1)}}var toMilliseconds=(v)=>v*1000;function getVelocity(history,timeDelta){if(history.length<2)return{x:0,y:0};let i=history.length-1,timestampedPoint=null,lastPoint=history[history.length-1];while(i>=0){if(timestampedPoint=history[i],lastPoint.timestamp-timestampedPoint.timestamp>toMilliseconds(timeDelta))break;i--}if(!timestampedPoint)return{x:0,y:0};let time=(lastPoint.timestamp-timestampedPoint.timestamp)/1000;if(time===0)return{x:0,y:0};let currentVelocity={x:(lastPoint.x-timestampedPoint.x)/time,y:(lastPoint.y-timestampedPoint.y)/time};if(currentVelocity.x===1/0)currentVelocity.x=0;if(currentVelocity.y===1/0)currentVelocity.y=0;return currentVelocity}function pipe(...fns){return(v)=>fns.reduce((a,b)=>b(a),v)}function distance1D(a,b){return Math.abs(a-b)}function isPoint(point){return"x"in point&&"y"in point}function distance(a,b){if(typeof a==="number"&&typeof b==="number")return distance1D(a,b);if(isPoint(a)&&isPoint(b)){let xDelta=distance1D(a.x,b.x),yDelta=distance1D(a.y,b.y);return Math.sqrt(xDelta**2+yDelta**2)}return 0}function usePanEvent(ref,options){let{onPan,onPanStart,onPanEnd,onPanSessionStart,onPanSessionEnd,threshold}=options,hasPanEvents=Boolean(onPan||onPanStart||onPanEnd||onPanSessionStart||onPanSessionEnd),panSession=import_react11.useRef(null),handlersRef=useLatestRef({onSessionStart:onPanSessionStart,onSessionEnd:onPanSessionEnd,onStart:onPanStart,onMove:onPan,onEnd(event,info){panSession.current=null,onPanEnd?.(event,info)}});import_react11.useEffect(()=>{panSession.current?.updateHandlers(handlersRef.current)}),import_react11.useEffect(()=>{let node=ref.current;if(!node||!hasPanEvents)return;function onPointerDown(event){panSession.current=new PanEvent(event,handlersRef.current,threshold)}return addPointerEvent(node,"pointerdown",onPointerDown)},[ref,hasPanEvents,handlersRef,threshold]),import_react11.useEffect(()=>()=>{panSession.current?.end(),panSession.current=null},[])}var state={open:(str,post)=>`${str}[data-open], ${str}[open], ${str}[data-state=open] ${post}`,closed:(str,post)=>`${str}[data-closed], ${str}[data-state=closed] ${post}`,hover:(str,post)=>`${str}:hover ${post}, ${str}[data-hover] ${post}`,focus:(str,post)=>`${str}:focus ${post}, ${str}[data-focus] ${post}`,focusVisible:(str,post)=>`${str}:focus-visible ${post}`,focusWithin:(str,post)=>`${str}:focus-within ${post}`,active:(str,post)=>`${str}:active ${post}, ${str}[data-active] ${post}`,disabled:(str,post)=>`${str}:disabled ${post}, ${str}[data-disabled] ${post}`,invalid:(str,post)=>`${str}:invalid ${post}, ${str}[data-invalid] ${post}`,checked:(str,post)=>`${str}:checked ${post}, ${str}[data-checked] ${post}`,indeterminate:(str,post)=>`${str}:indeterminate ${post}, ${str}[aria-checked=mixed] ${post}, ${str}[data-indeterminate] ${post}`,readOnly:(str,post)=>`${str}:read-only ${post}, ${str}[readonly] ${post}, ${str}[data-read-only] ${post}`,expanded:(str,post)=>`${str}:read-only ${post}, ${str}[aria-expanded=true] ${post}, ${str}[data-expanded] ${post}`,placeholderShown:(str,post)=>`${str}:placeholder-shown ${post}`},toGroup=(fn)=>merge((v)=>fn(v,"&"),"[role=group]","[data-group]",".group"),toPeer=(fn)=>merge((v)=>fn(v,"~ &"),"[data-peer]",".peer"),merge=(fn,...selectors)=>selectors.map(fn).join(", "),pseudoSelectors={_hover:"&:hover, &[data-hover]",_active:"&:active, &[data-active]",_focus:"&:focus, &[data-focus]",_highlighted:"&[data-highlighted]",_focusWithin:"&:focus-within, &[data-focus-within]",_focusVisible:"&:focus-visible, &[data-focus-visible]",_disabled:"&:disabled, &[disabled], &[aria-disabled=true], &[data-disabled]",_readOnly:"&[aria-readonly=true], &[readonly], &[data-readonly]",_before:"&::before",_after:"&::after",_empty:"&:empty, &[data-empty]",_expanded:"&[aria-expanded=true], &[data-expanded], &[data-state=expanded]",_checked:"&[aria-checked=true], &[data-checked], &[data-state=checked]",_grabbed:"&[aria-grabbed=true], &[data-grabbed]",_pressed:"&[aria-pressed=true], &[data-pressed]",_invalid:"&[aria-invalid=true], &[data-invalid]",_valid:"&[data-valid], &[data-state=valid]",_loading:"&[data-loading], &[aria-busy=true]",_selected:"&[aria-selected=true], &[data-selected]",_hidden:"&[hidden], &[data-hidden]",_autofill:"&:-webkit-autofill",_even:"&:nth-of-type(even)",_odd:"&:nth-of-type(odd)",_first:"&:first-of-type",_firstLetter:"&::first-letter",_last:"&:last-of-type",_notFirst:"&:not(:first-of-type)",_notLast:"&:not(:last-of-type)",_visited:"&:visited",_activeLink:"&[aria-current=page]",_activeStep:"&[aria-current=step]",_indeterminate:"&:indeterminate, &[aria-checked=mixed], &[data-indeterminate], &[data-state=indeterminate]",_groupOpen:toGroup(state.open),_groupClosed:toGroup(state.closed),_groupHover:toGroup(state.hover),_peerHover:toPeer(state.hover),_groupFocus:toGroup(state.focus),_peerFocus:toPeer(state.focus),_groupFocusVisible:toGroup(state.focusVisible),_peerFocusVisible:toPeer(state.focusVisible),_groupActive:toGroup(state.active),_peerActive:toPeer(state.active),_groupDisabled:toGroup(state.disabled),_peerDisabled:toPeer(state.disabled),_groupInvalid:toGroup(state.invalid),_peerInvalid:toPeer(state.invalid),_groupChecked:toGroup(state.checked),_peerChecked:toPeer(state.checked),_groupFocusWithin:toGroup(state.focusWithin),_peerFocusWithin:toPeer(state.focusWithin),_peerPlaceholderShown:toPeer(state.placeholderShown),_placeholder:"&::placeholder, &[data-placeholder]",_placeholderShown:"&:placeholder-shown, &[data-placeholder-shown]",_fullScreen:"&:fullscreen, &[data-fullscreen]",_selection:"&::selection",_rtl:"[dir=rtl] &, &[dir=rtl]",_ltr:"[dir=ltr] &, &[dir=ltr]",_mediaDark:"@media (prefers-color-scheme: dark)",_mediaReduceMotion:"@media (prefers-reduced-motion: reduce)",_dark:".chakra-ui-dark &:not([data-theme]),[data-theme=dark] &:not([data-theme]),&[data-theme=dark]",_light:".chakra-ui-light &:not([data-theme]),[data-theme=light] &:not([data-theme]),&[data-theme=light]",_horizontal:"&[data-orientation=horizontal]",_vertical:"&[data-orientation=vertical]",_open:"&[data-open], &[open], &[data-state=open]",_closed:"&[data-closed], &[data-state=closed]",_complete:"&[data-complete]",_incomplete:"&[data-incomplete]",_current:"&[data-current]"},pseudoPropNames=Object.keys(pseudoSelectors);var isImportant=(value)=>/!(important)?$/.test(value),withoutImportant=(value)=>typeof value==="string"?value.replace(/!(important)?$/,"").trim():value,tokenToCSSVar=(scale,value)=>(theme)=>{let valueStr=String(value),important=isImportant(valueStr),valueWithoutImportant=withoutImportant(valueStr),key=scale?`${scale}.${valueWithoutImportant}`:valueWithoutImportant,transformed=isObject(theme.__cssMap)&&key in theme.__cssMap?theme.__cssMap[key].varRef:value;return transformed=withoutImportant(transformed),important?`${transformed} !important`:transformed};function createTransform(options){let{scale,transform,compose}=options;return(value,theme)=>{let _value=tokenToCSSVar(scale,value)(theme),result=transform?.(_value,theme)??_value;if(compose)result=compose(result,theme);return result}}var pipe2=(...fns)=>(v)=>fns.reduce((a,b)=>b(a),v);function toConfig(scale,transform){return(property)=>{let result={property,scale};return result.transform=createTransform({scale,transform}),result}}var getRtl=({rtl,ltr})=>(theme)=>theme.direction==="rtl"?rtl:ltr;function logical(options){let{property,scale,transform}=options;return{scale,property:getRtl(property),transform:scale?createTransform({scale,compose:transform}):transform}}var transformTemplate=["rotate(var(--chakra-rotate, 0))","scaleX(var(--chakra-scale-x, 1))","scaleY(var(--chakra-scale-y, 1))","skewX(var(--chakra-skew-x, 0))","skewY(var(--chakra-skew-y, 0))"];function getTransformTemplate(){return["translateX(var(--chakra-translate-x, 0))","translateY(var(--chakra-translate-y, 0))",...transformTemplate].join(" ")}function getTransformGpuTemplate(){return["translate3d(var(--chakra-translate-x, 0), var(--chakra-translate-y, 0), 0)",...transformTemplate].join(" ")}var filterTemplate={"--chakra-blur":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-brightness":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-contrast":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-grayscale":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-hue-rotate":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-invert":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-saturate":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-sepia":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-drop-shadow":"var(--chakra-empty,/*!*/ /*!*/)",filter:["var(--chakra-blur)","var(--chakra-brightness)","var(--chakra-contrast)","var(--chakra-grayscale)","var(--chakra-hue-rotate)","var(--chakra-invert)","var(--chakra-saturate)","var(--chakra-sepia)","var(--chakra-drop-shadow)"].join(" ")},backdropFilterTemplate={backdropFilter:["var(--chakra-backdrop-blur)","var(--chakra-backdrop-brightness)","var(--chakra-backdrop-contrast)","var(--chakra-backdrop-grayscale)","var(--chakra-backdrop-hue-rotate)","var(--chakra-backdrop-invert)","var(--chakra-backdrop-opacity)","var(--chakra-backdrop-saturate)","var(--chakra-backdrop-sepia)"].join(" "),"--chakra-backdrop-blur":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-brightness":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-contrast":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-grayscale":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-hue-rotate":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-invert":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-opacity":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-saturate":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-backdrop-sepia":"var(--chakra-empty,/*!*/ /*!*/)"};function getRingTemplate(value){return{"--chakra-ring-offset-shadow":"var(--chakra-ring-inset) 0 0 0 var(--chakra-ring-offset-width) var(--chakra-ring-offset-color)","--chakra-ring-shadow":"var(--chakra-ring-inset) 0 0 0 calc(var(--chakra-ring-width) + var(--chakra-ring-offset-width)) var(--chakra-ring-color)","--chakra-ring-width":value,boxShadow:["var(--chakra-ring-offset-shadow)","var(--chakra-ring-shadow)","var(--chakra-shadow, 0 0 #0000)"].join(", ")}}var flexDirectionTemplate={"row-reverse":{space:"--chakra-space-x-reverse",divide:"--chakra-divide-x-reverse"},"column-reverse":{space:"--chakra-space-y-reverse",divide:"--chakra-divide-y-reverse"}};var directionMap={"to-t":"to top","to-tr":"to top right","to-r":"to right","to-br":"to bottom right","to-b":"to bottom","to-bl":"to bottom left","to-l":"to left","to-tl":"to top left"},valueSet=new Set(Object.values(directionMap)),globalSet=new Set(["none","-moz-initial","inherit","initial","revert","unset"]),trimSpace=(str)=>str.trim();function parseGradient(value,theme){if(value==null||globalSet.has(value))return value;if(!(isCSSFunction(value)||globalSet.has(value)))return`url('${value}')`;let results=/(^[a-z-A-Z]+)\((.*)\)/g.exec(value),type=results?.[1],values=results?.[2];if(!type||!values)return value;let _type=type.includes("-gradient")?type:`${type}-gradient`,[maybeDirection,...stops]=values.split(",").map(trimSpace).filter(Boolean);if(stops?.length===0)return value;let direction=maybeDirection in directionMap?directionMap[maybeDirection]:maybeDirection;stops.unshift(direction);let _values=stops.map((stop)=>{if(valueSet.has(stop))return stop;let firstStop=stop.indexOf(" "),[_color,_stop]=firstStop!==-1?[stop.substr(0,firstStop),stop.substr(firstStop+1)]:[stop],_stopOrFunc=isCSSFunction(_stop)?_stop:_stop&&_stop.split(" "),key=`colors.${_color}`,color=key in theme.__cssMap?theme.__cssMap[key].varRef:_color;return _stopOrFunc?[color,...Array.isArray(_stopOrFunc)?_stopOrFunc:[_stopOrFunc]].join(" "):color});return`${_type}(${_values.join(", ")})`}var isCSSFunction=(value)=>typeof value==="string"&&value.includes("(")&&value.includes(")"),gradientTransform=(value,theme)=>parseGradient(value,theme??{});function isCssVar2(value){return/^var\(--.+\)$/.test(value)}var analyzeCSSValue2=(value)=>{let num=parseFloat(value.toString()),unit=value.toString().replace(String(num),"");return{unitless:!unit,value:num,unit}},wrap2=(str)=>(value)=>`${str}(${value})`,transformFunctions={filter(value){return value!=="auto"?value:filterTemplate},backdropFilter(value){return value!=="auto"?value:backdropFilterTemplate},ring(value){return getRingTemplate(transformFunctions.px(value))},bgClip(value){return value==="text"?{color:"transparent",backgroundClip:"text"}:{backgroundClip:value}},transform(value){if(value==="auto")return getTransformTemplate();if(value==="auto-gpu")return getTransformGpuTemplate();return value},vh(value){return value==="$100vh"?"var(--chakra-vh)":value},px(value){if(value==null)return value;let{unitless}=analyzeCSSValue2(value);return unitless||typeof value==="number"?`${value}px`:value},fraction(value){return typeof value!=="number"||value>1?value:`${value*100}%`},float(value,theme){let map={left:"right",right:"left"};return theme.direction==="rtl"?map[value]:value},degree(value){if(isCssVar2(value)||value==null)return value;let unitless=typeof value==="string"&&!value.endsWith("deg");return typeof value==="number"||unitless?`${value}deg`:value},gradient:gradientTransform,blur:wrap2("blur"),opacity:wrap2("opacity"),brightness:wrap2("brightness"),contrast:wrap2("contrast"),dropShadow:wrap2("drop-shadow"),grayscale:wrap2("grayscale"),hueRotate:(value)=>wrap2("hue-rotate")(transformFunctions.degree(value)),invert:wrap2("invert"),saturate:wrap2("saturate"),sepia:wrap2("sepia"),bgImage(value){if(value==null)return value;return!(isCSSFunction(value)||globalSet.has(value))?`url(${value})`:value},outline(value){let isNoneOrZero=String(value)==="0"||String(value)==="none";return value!==null&&isNoneOrZero?{outline:"2px solid transparent",outlineOffset:"2px"}:{outline:value}},flexDirection(value){let{space,divide}=flexDirectionTemplate[value]??{},result={flexDirection:value};if(space)result[space]=1;if(divide)result[divide]=1;return result}};var t={borderWidths:toConfig("borderWidths"),borderStyles:toConfig("borderStyles"),colors:toConfig("colors"),borders:toConfig("borders"),gradients:toConfig("gradients",transformFunctions.gradient),radii:toConfig("radii",transformFunctions.px),space:toConfig("space",pipe2(transformFunctions.vh,transformFunctions.px)),spaceT:toConfig("space",pipe2(transformFunctions.vh,transformFunctions.px)),degreeT(property){return{property,transform:transformFunctions.degree}},prop(property,scale,transform){return{property,scale,...scale&&{transform:createTransform({scale,transform})}}},propT(property,transform){return{property,transform}},sizes:toConfig("sizes",pipe2(transformFunctions.vh,transformFunctions.px)),sizesT:toConfig("sizes",pipe2(transformFunctions.vh,transformFunctions.fraction)),shadows:toConfig("shadows"),logical,blur:toConfig("blur",transformFunctions.blur)};var background={background:t.colors("background"),backgroundColor:t.colors("backgroundColor"),backgroundImage:t.gradients("backgroundImage"),backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,backgroundClip:{transform:transformFunctions.bgClip},bgSize:t.prop("backgroundSize"),bgPosition:t.prop("backgroundPosition"),bg:t.colors("background"),bgColor:t.colors("backgroundColor"),bgPos:t.prop("backgroundPosition"),bgRepeat:t.prop("backgroundRepeat"),bgAttachment:t.prop("backgroundAttachment"),bgGradient:t.gradients("backgroundImage"),bgClip:{transform:transformFunctions.bgClip}};Object.assign(background,{bgImage:background.backgroundImage,bgImg:background.backgroundImage});var border={border:t.borders("border"),borderWidth:t.borderWidths("borderWidth"),borderStyle:t.borderStyles("borderStyle"),borderColor:t.colors("borderColor"),borderRadius:t.radii("borderRadius"),borderTop:t.borders("borderTop"),borderBlockStart:t.borders("borderBlockStart"),borderTopLeftRadius:t.radii("borderTopLeftRadius"),borderStartStartRadius:t.logical({scale:"radii",property:{ltr:"borderTopLeftRadius",rtl:"borderTopRightRadius"}}),borderEndStartRadius:t.logical({scale:"radii",property:{ltr:"borderBottomLeftRadius",rtl:"borderBottomRightRadius"}}),borderTopRightRadius:t.radii("borderTopRightRadius"),borderStartEndRadius:t.logical({scale:"radii",property:{ltr:"borderTopRightRadius",rtl:"borderTopLeftRadius"}}),borderEndEndRadius:t.logical({scale:"radii",property:{ltr:"borderBottomRightRadius",rtl:"borderBottomLeftRadius"}}),borderRight:t.borders("borderRight"),borderInlineEnd:t.borders("borderInlineEnd"),borderBottom:t.borders("borderBottom"),borderBlockEnd:t.borders("borderBlockEnd"),borderBottomLeftRadius:t.radii("borderBottomLeftRadius"),borderBottomRightRadius:t.radii("borderBottomRightRadius"),borderLeft:t.borders("borderLeft"),borderInlineStart:{property:"borderInlineStart",scale:"borders"},borderInlineStartRadius:t.logical({scale:"radii",property:{ltr:["borderTopLeftRadius","borderBottomLeftRadius"],rtl:["borderTopRightRadius","borderBottomRightRadius"]}}),borderInlineEndRadius:t.logical({scale:"radii",property:{ltr:["borderTopRightRadius","borderBottomRightRadius"],rtl:["borderTopLeftRadius","borderBottomLeftRadius"]}}),borderX:t.borders(["borderLeft","borderRight"]),borderInline:t.borders("borderInline"),borderY:t.borders(["borderTop","borderBottom"]),borderBlock:t.borders("borderBlock"),borderTopWidth:t.borderWidths("borderTopWidth"),borderBlockStartWidth:t.borderWidths("borderBlockStartWidth"),borderTopColor:t.colors("borderTopColor"),borderBlockStartColor:t.colors("borderBlockStartColor"),borderTopStyle:t.borderStyles("borderTopStyle"),borderBlockStartStyle:t.borderStyles("borderBlockStartStyle"),borderBottomWidth:t.borderWidths("borderBottomWidth"),borderBlockEndWidth:t.borderWidths("borderBlockEndWidth"),borderBottomColor:t.colors("borderBottomColor"),borderBlockEndColor:t.colors("borderBlockEndColor"),borderBottomStyle:t.borderStyles("borderBottomStyle"),borderBlockEndStyle:t.borderStyles("borderBlockEndStyle"),borderLeftWidth:t.borderWidths("borderLeftWidth"),borderInlineStartWidth:t.borderWidths("borderInlineStartWidth"),borderLeftColor:t.colors("borderLeftColor"),borderInlineStartColor:t.colors("borderInlineStartColor"),borderLeftStyle:t.borderStyles("borderLeftStyle"),borderInlineStartStyle:t.borderStyles("borderInlineStartStyle"),borderRightWidth:t.borderWidths("borderRightWidth"),borderInlineEndWidth:t.borderWidths("borderInlineEndWidth"),borderRightColor:t.colors("borderRightColor"),borderInlineEndColor:t.colors("borderInlineEndColor"),borderRightStyle:t.borderStyles("borderRightStyle"),borderInlineEndStyle:t.borderStyles("borderInlineEndStyle"),borderTopRadius:t.radii(["borderTopLeftRadius","borderTopRightRadius"]),borderBottomRadius:t.radii(["borderBottomLeftRadius","borderBottomRightRadius"]),borderLeftRadius:t.radii(["borderTopLeftRadius","borderBottomLeftRadius"]),borderRightRadius:t.radii(["borderTopRightRadius","borderBottomRightRadius"])};Object.assign(border,{rounded:border.borderRadius,roundedTop:border.borderTopRadius,roundedTopLeft:border.borderTopLeftRadius,roundedTopRight:border.borderTopRightRadius,roundedTopStart:border.borderStartStartRadius,roundedTopEnd:border.borderStartEndRadius,roundedBottom:border.borderBottomRadius,roundedBottomLeft:border.borderBottomLeftRadius,roundedBottomRight:border.borderBottomRightRadius,roundedBottomStart:border.borderEndStartRadius,roundedBottomEnd:border.borderEndEndRadius,roundedLeft:border.borderLeftRadius,roundedRight:border.borderRightRadius,roundedStart:border.borderInlineStartRadius,roundedEnd:border.borderInlineEndRadius,borderStart:border.borderInlineStart,borderEnd:border.borderInlineEnd,borderTopStartRadius:border.borderStartStartRadius,borderTopEndRadius:border.borderStartEndRadius,borderBottomStartRadius:border.borderEndStartRadius,borderBottomEndRadius:border.borderEndEndRadius,borderStartRadius:border.borderInlineStartRadius,borderEndRadius:border.borderInlineEndRadius,borderStartWidth:border.borderInlineStartWidth,borderEndWidth:border.borderInlineEndWidth,borderStartColor:border.borderInlineStartColor,borderEndColor:border.borderInlineEndColor,borderStartStyle:border.borderInlineStartStyle,borderEndStyle:border.borderInlineEndStyle});var color={color:t.colors("color"),textColor:t.colors("color"),fill:t.colors("fill"),stroke:t.colors("stroke"),accentColor:t.colors("accentColor"),textFillColor:t.colors("textFillColor")};var flexbox={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:{transform:transformFunctions.flexDirection},flex:!0,flexFlow:!0,flexGrow:!0,flexShrink:!0,flexBasis:t.sizes("flexBasis"),justifySelf:!0,alignSelf:!0,order:!0,placeItems:!0,placeContent:!0,placeSelf:!0,gap:t.space("gap"),rowGap:t.space("rowGap"),columnGap:t.space("columnGap")};Object.assign(flexbox,{flexDir:flexbox.flexDirection});var layout={width:t.sizesT("width"),inlineSize:t.sizesT("inlineSize"),height:t.sizes("height"),blockSize:t.sizes("blockSize"),boxSize:t.sizes(["width","height"]),minWidth:t.sizes("minWidth"),minInlineSize:t.sizes("minInlineSize"),minHeight:t.sizes("minHeight"),minBlockSize:t.sizes("minBlockSize"),maxWidth:t.sizes("maxWidth"),maxInlineSize:t.sizes("maxInlineSize"),maxHeight:t.sizes("maxHeight"),maxBlockSize:t.sizes("maxBlockSize"),overflow:!0,overflowX:!0,overflowY:!0,overscrollBehavior:!0,overscrollBehaviorX:!0,overscrollBehaviorY:!0,display:!0,aspectRatio:!0,hideFrom:{scale:"breakpoints",transform:(value,theme)=>({[`@media screen and (min-width: ${theme.__breakpoints?.get(value)?.minW??value})`]:{display:"none"}})},hideBelow:{scale:"breakpoints",transform:(value,theme)=>({[`@media screen and (max-width: ${theme.__breakpoints?.get(value)?._minW??value})`]:{display:"none"}})},verticalAlign:!0,boxSizing:!0,boxDecorationBreak:!0,float:t.propT("float",transformFunctions.float),objectFit:!0,objectPosition:!0,visibility:!0,isolation:!0};Object.assign(layout,{w:layout.width,h:layout.height,minW:layout.minWidth,maxW:layout.maxWidth,minH:layout.minHeight,maxH:layout.maxHeight,overscroll:layout.overscrollBehavior,overscrollX:layout.overscrollBehaviorX,overscrollY:layout.overscrollBehaviorY});var filter2={filter:{transform:transformFunctions.filter},blur:t.blur("--chakra-blur"),brightness:t.propT("--chakra-brightness",transformFunctions.brightness),contrast:t.propT("--chakra-contrast",transformFunctions.contrast),hueRotate:t.propT("--chakra-hue-rotate",transformFunctions.hueRotate),invert:t.propT("--chakra-invert",transformFunctions.invert),saturate:t.propT("--chakra-saturate",transformFunctions.saturate),dropShadow:t.propT("--chakra-drop-shadow",transformFunctions.dropShadow),backdropFilter:{transform:transformFunctions.backdropFilter},backdropBlur:t.blur("--chakra-backdrop-blur"),backdropBrightness:t.propT("--chakra-backdrop-brightness",transformFunctions.brightness),backdropContrast:t.propT("--chakra-backdrop-contrast",transformFunctions.contrast),backdropHueRotate:t.propT("--chakra-backdrop-hue-rotate",transformFunctions.hueRotate),backdropInvert:t.propT("--chakra-backdrop-invert",transformFunctions.invert),backdropSaturate:t.propT("--chakra-backdrop-saturate",transformFunctions.saturate)};var ring={ring:{transform:transformFunctions.ring},ringColor:t.colors("--chakra-ring-color"),ringOffset:t.prop("--chakra-ring-offset-width"),ringOffsetColor:t.colors("--chakra-ring-offset-color"),ringInset:t.prop("--chakra-ring-inset")};var interactivity={appearance:!0,cursor:!0,resize:!0,userSelect:!0,pointerEvents:!0,outline:{transform:transformFunctions.outline},outlineOffset:!0,outlineColor:t.colors("outlineColor")};var grid={gridGap:t.space("gridGap"),gridColumnGap:t.space("gridColumnGap"),gridRowGap:t.space("gridRowGap"),gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridColumnStart:!0,gridColumnEnd:!0,gridRowStart:!0,gridRowEnd:!0,gridAutoRows:!0,gridTemplate:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0};function get2(obj,path,fallback,index){let key=typeof path==="string"?path.split("."):[path];for(index=0;index<key.length;index+=1){if(!obj)break;obj=obj[key[index]]}return obj===void 0?fallback:obj}var memoize2=(fn)=>{let cache=new WeakMap;return(obj,path,fallback,index)=>{if(typeof obj>"u")return fn(obj,path,fallback);if(!cache.has(obj))cache.set(obj,new Map);let map=cache.get(obj);if(map.has(path))return map.get(path);let value=fn(obj,path,fallback,index);return map.set(path,value),value}},memoizedGet2=memoize2(get2);var srOnly={border:"0px",clip:"rect(0, 0, 0, 0)",width:"1px",height:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"},srFocusable={position:"static",width:"auto",height:"auto",clip:"auto",padding:"0",margin:"0",overflow:"visible",whiteSpace:"normal"},getWithPriority=(theme,key,styles)=>{let result={},obj=memoizedGet2(theme,key,{});for(let prop in obj)if(!((prop in styles)&&styles[prop]!=null))result[prop]=obj[prop];return result},others={srOnly:{transform(value){if(value===!0)return srOnly;if(value==="focusable")return srFocusable;return{}}},layerStyle:{processResult:!0,transform:(value,theme,styles)=>getWithPriority(theme,`layerStyles.${value}`,styles)},textStyle:{processResult:!0,transform:(value,theme,styles)=>getWithPriority(theme,`textStyles.${value}`,styles)},apply:{processResult:!0,transform:(value,theme,styles)=>getWithPriority(theme,value,styles)}};var position={position:!0,pos:t.prop("position"),zIndex:t.prop("zIndex","zIndices"),inset:t.spaceT("inset"),insetX:t.spaceT(["left","right"]),insetInline:t.spaceT("insetInline"),insetY:t.spaceT(["top","bottom"]),insetBlock:t.spaceT("insetBlock"),top:t.spaceT("top"),insetBlockStart:t.spaceT("insetBlockStart"),bottom:t.spaceT("bottom"),insetBlockEnd:t.spaceT("insetBlockEnd"),left:t.spaceT("left"),insetInlineStart:t.logical({scale:"space",property:{ltr:"left",rtl:"right"}}),right:t.spaceT("right"),insetInlineEnd:t.logical({scale:"space",property:{ltr:"right",rtl:"left"}})};Object.assign(position,{insetStart:position.insetInlineStart,insetEnd:position.insetInlineEnd});var effect={boxShadow:t.shadows("boxShadow"),mixBlendMode:!0,blendMode:t.prop("mixBlendMode"),backgroundBlendMode:!0,bgBlendMode:t.prop("backgroundBlendMode"),opacity:!0};Object.assign(effect,{shadow:effect.boxShadow});var space={margin:t.spaceT("margin"),marginTop:t.spaceT("marginTop"),marginBlockStart:t.spaceT("marginBlockStart"),marginRight:t.spaceT("marginRight"),marginInlineEnd:t.spaceT("marginInlineEnd"),marginBottom:t.spaceT("marginBottom"),marginBlockEnd:t.spaceT("marginBlockEnd"),marginLeft:t.spaceT("marginLeft"),marginInlineStart:t.spaceT("marginInlineStart"),marginX:t.spaceT(["marginInlineStart","marginInlineEnd"]),marginInline:t.spaceT("marginInline"),marginY:t.spaceT(["marginTop","marginBottom"]),marginBlock:t.spaceT("marginBlock"),padding:t.space("padding"),paddingTop:t.space("paddingTop"),paddingBlockStart:t.space("paddingBlockStart"),paddingRight:t.space("paddingRight"),paddingBottom:t.space("paddingBottom"),paddingBlockEnd:t.space("paddingBlockEnd"),paddingLeft:t.space("paddingLeft"),paddingInlineStart:t.space("paddingInlineStart"),paddingInlineEnd:t.space("paddingInlineEnd"),paddingX:t.space(["paddingInlineStart","paddingInlineEnd"]),paddingInline:t.space("paddingInline"),paddingY:t.space(["paddingTop","paddingBottom"]),paddingBlock:t.space("paddingBlock")};Object.assign(space,{m:space.margin,mt:space.marginTop,mr:space.marginRight,me:space.marginInlineEnd,marginEnd:space.marginInlineEnd,mb:space.marginBottom,ml:space.marginLeft,ms:space.marginInlineStart,marginStart:space.marginInlineStart,mx:space.marginX,my:space.marginY,p:space.padding,pt:space.paddingTop,py:space.paddingY,px:space.paddingX,pb:space.paddingBottom,pl:space.paddingLeft,ps:space.paddingInlineStart,paddingStart:space.paddingInlineStart,pr:space.paddingRight,pe:space.paddingInlineEnd,paddingEnd:space.paddingInlineEnd});var scroll={scrollBehavior:!0,scrollSnapAlign:!0,scrollSnapStop:!0,scrollSnapType:!0,scrollMargin:t.spaceT("scrollMargin"),scrollMarginTop:t.spaceT("scrollMarginTop"),scrollMarginBottom:t.spaceT("scrollMarginBottom"),scrollMarginLeft:t.spaceT("scrollMarginLeft"),scrollMarginRight:t.spaceT("scrollMarginRight"),scrollMarginX:t.spaceT(["scrollMarginLeft","scrollMarginRight"]),scrollMarginY:t.spaceT(["scrollMarginTop","scrollMarginBottom"]),scrollPadding:t.spaceT("scrollPadding"),scrollPaddingTop:t.spaceT("scrollPaddingTop"),scrollPaddingBottom:t.spaceT("scrollPaddingBottom"),scrollPaddingLeft:t.spaceT("scrollPaddingLeft"),scrollPaddingRight:t.spaceT("scrollPaddingRight"),scrollPaddingX:t.spaceT(["scrollPaddingLeft","scrollPaddingRight"]),scrollPaddingY:t.spaceT(["scrollPaddingTop","scrollPaddingBottom"])};var typography={fontFamily:t.prop("fontFamily","fonts"),fontSize:t.prop("fontSize","fontSizes",transformFunctions.px),fontWeight:t.prop("fontWeight","fontWeights"),lineHeight:t.prop("lineHeight","lineHeights"),letterSpacing:t.prop("letterSpacing","letterSpacings"),textAlign:!0,fontStyle:!0,textIndent:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,isTruncated:{transform(value){if(value===!0)return{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}},noOfLines:{static:{overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:"var(--chakra-line-clamp)"},property:"--chakra-line-clamp"}};var textDecoration={textDecorationColor:t.colors("textDecorationColor"),textDecoration:!0,textDecor:{property:"textDecoration"},textDecorationLine:!0,textDecorationStyle:!0,textDecorationThickness:!0,textUnderlineOffset:!0,textShadow:t.shadows("textShadow")};var transform={clipPath:!0,transform:t.propT("transform",transformFunctions.transform),transformOrigin:!0,translateX:t.spaceT("--chakra-translate-x"),translateY:t.spaceT("--chakra-translate-y"),skewX:t.degreeT("--chakra-skew-x"),skewY:t.degreeT("--chakra-skew-y"),scaleX:t.prop("--chakra-scale-x"),scaleY:t.prop("--chakra-scale-y"),scale:t.prop(["--chakra-scale-x","--chakra-scale-y"]),rotate:t.degreeT("--chakra-rotate")};var list={listStyleType:!0,listStylePosition:!0,listStylePos:t.prop("listStylePosition"),listStyleImage:!0,listStyleImg:t.prop("listStyleImage")};var transition={transition:!0,transitionDelay:!0,animation:!0,willChange:!0,transitionDuration:t.prop("transitionDuration","transition.duration"),transitionProperty:t.prop("transitionProperty","transition.property"),transitionTimingFunction:t.prop("transitionTimingFunction","transition.easing")};var systemProps=import_lodash.default({},background,border,color,flexbox,layout,filter2,ring,interactivity,grid,others,position,effect,space,scroll,typography,textDecoration,transform,list,transition),layoutSystem=Object.assign({},space,layout,flexbox,grid,position),layoutPropNames=Object.keys(layoutSystem),propNames=[...Object.keys(systemProps),...pseudoPropNames],styleProps={...systemProps,...pseudoSelectors},isStyleProp=(prop)=>(prop in styleProps);var expandResponsive=(styles)=>(theme)=>{if(!theme.__breakpoints)return styles;let{isResponsive,toArrayValue,media:medias}=theme.__breakpoints,computedStyles={};for(let key in styles){let value=runIfFn(styles[key],theme);if(value==null)continue;if(value=isObject(value)&&isResponsive(value)?toArrayValue(value):value,!Array.isArray(value)){computedStyles[key]=value;continue}let queries=value.slice(0,medias.length).length;for(let index=0;index<queries;index+=1){let media=medias?.[index];if(!media){computedStyles[key]=value[index];continue}if(computedStyles[media]=computedStyles[media]||{},value[index]==null)continue;computedStyles[media][key]=value[index]}}return computedStyles};function splitByComma(value){let chunks=[],chunk="",inParens=!1;for(let i=0;i<value.length;i++){let char=value[i];if(char==="(")inParens=!0,chunk+=char;else if(char===")")inParens=!1,chunk+=char;else if(char===","&&!inParens)chunks.push(chunk),chunk="";else chunk+=char}if(chunk=chunk.trim(),chunk)chunks.push(chunk);return chunks}function isCssVar3(value){return/^var\(--.+\)$/.test(value)}var isCSSVariableTokenValue=(key,value)=>key.startsWith("--")&&typeof value==="string"&&!isCssVar3(value),resolveTokenValue=(theme,value)=>{if(value==null)return value;let getVar=(val)=>theme.__cssMap?.[val]?.varRef,getValue=(val)=>getVar(val)??val,[tokenValue,fallbackValue]=splitByComma(value);return value=getVar(tokenValue)??getValue(fallbackValue)??getValue(value),value};function getCss(options){let{configs={},pseudos={},theme}=options,css2=(stylesOrFn,nested=!1)=>{let _styles=runIfFn(stylesOrFn,theme),styles=expandResponsive(_styles)(theme),computedStyles={};for(let key in styles){let valueOrFn=styles[key],value=runIfFn(valueOrFn,theme);if(key in pseudos)key=pseudos[key];if(isCSSVariableTokenValue(key,value))value=resolveTokenValue(theme,value);let config=configs[key];if(config===!0)config={property:key};if(isObject(value)){computedStyles[key]=computedStyles[key]??{},computedStyles[key]=import_lodash.default({},computedStyles[key],css2(value,!0));continue}let rawValue=config?.transform?.(value,theme,_styles)??value;rawValue=config?.processResult?css2(rawValue,!0):rawValue;let configProperty=runIfFn(config?.property,theme);if(!nested&&config?.static){let staticStyles=runIfFn(config.static,theme);computedStyles=import_lodash.default({},computedStyles,staticStyles)}if(configProperty&&Array.isArray(configProperty)){for(let property of configProperty)computedStyles[property]=rawValue;continue}if(configProperty){if(configProperty==="&"&&isObject(rawValue))computedStyles=import_lodash.default({},computedStyles,rawValue);else computedStyles[configProperty]=rawValue;continue}if(isObject(rawValue)){computedStyles=import_lodash.default({},computedStyles,rawValue);continue}computedStyles[key]=rawValue}return computedStyles};return css2}var css=(styles)=>(theme)=>getCss({theme,pseudos:pseudoSelectors,configs:systemProps})(styles);function defineStyle(styles){return styles}function defineStyleConfig(config){return config}function createMultiStyleConfigHelpers(parts){return{definePartsStyle(config){return config},defineMultiStyleConfig(config){return{parts,...config}}}}function normalize2(value,toArray){if(Array.isArray(value))return value;if(isObject(value))return toArray(value);if(value!=null)return[value]}function getNextIndex(values,i){for(let j=i+1;j<values.length;j++)if(values[j]!=null)return j;return-1}function createResolver(theme){let breakpointUtil=theme.__breakpoints;return function(config,prop,value,props){if(!breakpointUtil)return;let result={},normalized=normalize2(value,breakpointUtil.toArrayValue);if(!normalized)return result;let len=normalized.length,isSingle=len===1,isMultipart=!!config.parts;for(let i=0;i<len;i++){let key=breakpointUtil.details[i],nextKey=breakpointUtil.details[getNextIndex(normalized,i)],query=toMediaQueryString(key.minW,nextKey?._minW),styles=runIfFn(config[prop]?.[normalized[i]],props);if(!styles)continue;if(isMultipart){config.parts?.forEach((part)=>{import_lodash.default(result,{[part]:isSingle?styles[part]:{[query]:styles[part]}})});continue}if(!isMultipart){if(isSingle)import_lodash.default(result,styles);else result[query]=styles;continue}result[query]=styles}return result}}function resolveStyleConfig(config){return(props)=>{let{variant,size,theme}=props,recipe=createResolver(theme);return import_lodash.default({},runIfFn(config.baseStyle??{},props),recipe(config,"sizes",size,props),recipe(config,"variants",variant,props))}}function omitThemingProps(props){return omit(props,["styleConfig","size","variant","colorScheme"])}function resolveReference(operand){if(isObject(operand)&&operand.reference)return operand.reference;return String(operand)}var toExpression=(operator,...operands)=>operands.map(resolveReference).join(` ${operator} `).replace(/calc/g,""),add=(...operands)=>`calc(${toExpression("+",...operands)})`,subtract3=(...operands)=>`calc(${toExpression("-",...operands)})`,multiply=(...operands)=>`calc(${toExpression("*",...operands)})`,divide=(...operands)=>`calc(${toExpression("/",...operands)})`,negate=(x)=>{let value=resolveReference(x);if(value!=null&&!Number.isNaN(parseFloat(value)))return String(value).startsWith("-")?String(value).slice(1):`-${value}`;return multiply(value,-1)},calc=Object.assign((x)=>({add:(...operands)=>calc(add(x,...operands)),subtract:(...operands)=>calc(subtract3(x,...operands)),multiply:(...operands)=>calc(multiply(x,...operands)),divide:(...operands)=>calc(divide(x,...operands)),negate:()=>calc(negate(x)),toString:()=>x.toString()}),{add,subtract:subtract3,multiply,divide,negate});function replaceWhiteSpace(value,replaceValue="-"){return value.replace(/\s+/g,replaceValue)}function escape(value){let valueStr=replaceWhiteSpace(value.toString());return escapeSymbol(escapeDot(valueStr))}function escapeDot(value){if(value.includes("\\."))return value;return!Number.isInteger(parseFloat(value.toString()))?value.replace(".","\\."):value}function escapeSymbol(value){return value.replace(/[!-,/:-@[-^`{-~]/g,"\\$&")}function addPrefix(value,prefix=""){return[prefix,value].filter(Boolean).join("-")}function toVarReference(name,fallback){return`var(${name}${fallback?`, ${fallback}`:""})`}function toVarDefinition(value,prefix=""){return escape(`--${addPrefix(value,prefix)}`)}function cssVar(name,fallback,cssVarPrefix){let cssVariable=toVarDefinition(name,cssVarPrefix);return{variable:cssVariable,reference:toVarReference(cssVariable,fallback)}}function defineCssVars(scope,keys){let vars={};for(let key of keys){if(Array.isArray(key)){let[name,fallback]=key;vars[name]=cssVar(`${scope}-${name}`,fallback);continue}vars[key]=cssVar(`${scope}-${key}`)}return vars}var tokens=["colors","borders","borderWidths","borderStyles","fonts","fontSizes","fontWeights","gradients","letterSpacings","lineHeights","radii","space","shadows","sizes","zIndices","transition","blur","breakpoints"];function extractTokens(theme){return pick(theme,tokens)}function extractSemanticTokens(theme){return theme.semanticTokens}function omitVars(rawTheme){let{__cssMap,__cssVars,__breakpoints,...cleanTheme}=rawTheme;return cleanTheme}function flattenTokens(theme){let tokens=extractTokens(theme),semanticTokens=extractSemanticTokens(theme),isSemanticCondition=(key)=>pseudoPropNames.includes(key)||key==="default",result={};return walkObject(tokens,(value,path)=>{if(value==null)return;result[path.join(".")]={isSemantic:!1,value}}),walkObject(semanticTokens,(value,path)=>{if(value==null)return;result[path.join(".")]={isSemantic:!0,value}},{stop:(value)=>Object.keys(value).every(isSemanticCondition)}),result}function tokenToCssVar(token,prefix){return cssVar(String(token).replace(/\./g,"-"),void 0,prefix)}function createThemeVars(theme){let flatTokens=flattenTokens(theme),cssVarPrefix=theme.config?.cssVarPrefix,cssVars={},cssMap={};function lookupToken(token,maybeToken){let withScale=[String(token).split(".")[0],maybeToken].join(".");if(!flatTokens[withScale])return maybeToken;let{reference}=tokenToCssVar(withScale,cssVarPrefix);return reference}for(let[token,tokenValue]of Object.entries(flatTokens)){let{isSemantic,value}=tokenValue,{variable,reference}=tokenToCssVar(token,cssVarPrefix);if(!isSemantic){if(token.startsWith("space")){let keys=token.split("."),[firstKey,...referenceKeys]=keys,negativeLookupKey=`${firstKey}.-${referenceKeys.join(".")}`,negativeValue=calc.negate(value),negatedReference=calc.negate(reference);cssMap[negativeLookupKey]={value:negativeValue,var:variable,varRef:negatedReference}}cssVars[variable]=value,cssMap[token]={value,var:variable,varRef:reference};continue}let normalizedValue=isObject(value)?value:{default:value};cssVars=import_lodash.default(cssVars,Object.entries(normalizedValue).reduce((acc,[conditionAlias,conditionValue])=>{if(!conditionValue)return acc;let tokenReference=lookupToken(token,`${conditionValue}`);if(conditionAlias==="default")return acc[variable]=tokenReference,acc;let conditionSelector=pseudoSelectors?.[conditionAlias]??conditionAlias;return acc[conditionSelector]={[variable]:tokenReference},acc},{})),cssMap[token]={value:reference,var:variable,varRef:reference}}return{cssVars,cssMap}}function toCSSVar(rawTheme){let theme=omitVars(rawTheme),{cssMap,cssVars}=createThemeVars(theme);return Object.assign(theme,{__cssVars:{...{"--chakra-ring-inset":"var(--chakra-empty,/*!*/ /*!*/)","--chakra-ring-offset-width":"0px","--chakra-ring-offset-color":"#fff","--chakra-ring-color":"rgba(66, 153, 225, 0.6)","--chakra-ring-offset-shadow":"0 0 #0000","--chakra-ring-shadow":"0 0 #0000","--chakra-space-x-reverse":"0","--chakra-space-y-reverse":"0"},...cssVars},__cssMap:cssMap,__breakpoints:analyzeBreakpoints(theme.breakpoints)}),theme}function anatomy(name,map={}){let called=!1;function assert(){if(!called){called=!0;return}throw Error("[anatomy] .part(...) should only be called once. Did you mean to use .extend(...) ?")}function parts(...values){assert();for(let part of values)map[part]=toPart(part);return anatomy(name,map)}function extend(...parts2){for(let part of parts2){if(part in map)continue;map[part]=toPart(part)}return anatomy(name,map)}function selectors(){return Object.fromEntries(Object.entries(map).map(([key,part])=>[key,part.selector]))}function classnames(){return Object.fromEntries(Object.entries(map).map(([key,part])=>[key,part.className]))}function toPart(part){let className=`chakra-${(["container","root"].includes(part??"")?[name]:[name,part]).filter(Boolean).join("__")}`;return{className,selector:`.${className}`,toString:()=>part}}return{parts,toPart,extend,selectors,classnames,get keys(){return Object.keys(map)},__type:{}}}var accordionAnatomy=anatomy("accordion").parts("root","container","button","panel","icon"),alertAnatomy=anatomy("alert").parts("title","description","container","icon","spinner"),avatarAnatomy=anatomy("avatar").parts("label","badge","container","excessLabel","group"),breadcrumbAnatomy=anatomy("breadcrumb").parts("link","item","container","separator"),buttonAnatomy=anatomy("button").parts(),checkboxAnatomy=anatomy("checkbox").parts("control","icon","container","label"),circularProgressAnatomy=anatomy("progress").parts("track","filledTrack","label"),drawerAnatomy=anatomy("drawer").parts("overlay","dialogContainer","dialog","header","closeButton","body","footer"),editableAnatomy=anatomy("editable").parts("preview","input","textarea"),formAnatomy=anatomy("form").parts("container","requiredIndicator","helperText"),formErrorAnatomy=anatomy("formError").parts("text","icon"),inputAnatomy=anatomy("input").parts("addon","field","element","group"),listAnatomy=anatomy("list").parts("container","item","icon"),menuAnatomy=anatomy("menu").parts("button","list","item","groupTitle","icon","command","divider"),modalAnatomy=anatomy("modal").parts("overlay","dialogContainer","dialog","header","closeButton","body","footer"),numberInputAnatomy=anatomy("numberinput").parts("root","field","stepperGroup","stepper"),pinInputAnatomy=anatomy("pininput").parts("field"),popoverAnatomy=anatomy("popover").parts("content","header","body","footer","popper","arrow","closeButton"),progressAnatomy=anatomy("progress").parts("label","filledTrack","track"),radioAnatomy=anatomy("radio").parts("container","control","label"),selectAnatomy=anatomy("select").parts("field","icon"),sliderAnatomy=anatomy("slider").parts("container","track","thumb","filledTrack","mark"),statAnatomy=anatomy("stat").parts("container","label","helpText","number","icon"),switchAnatomy=anatomy("switch").parts("container","track","thumb","label"),tableAnatomy=anatomy("table").parts("table","thead","tbody","tr","th","td","tfoot","caption"),tabsAnatomy=anatomy("tabs").parts("root","tab","tablist","tabpanel","tabpanels","indicator"),tagAnatomy=anatomy("tag").parts("container","label","closeButton"),cardAnatomy=anatomy("card").parts("container","header","body","footer"),stepperAnatomy=anatomy("stepper").parts("stepper","step","title","description","indicator","separator","icon","number");var{definePartsStyle,defineMultiStyleConfig}=createMultiStyleConfigHelpers(accordionAnatomy.keys),baseStyleContainer=defineStyle({borderTopWidth:"1px",borderColor:"inherit",_last:{borderBottomWidth:"1px"}}),baseStyleButton=defineStyle({transitionProperty:"common",transitionDuration:"normal",fontSize:"md",_focusVisible:{boxShadow:"outline"},_hover:{bg:"blackAlpha.50"},_disabled:{opacity:0.4,cursor:"not-allowed"},px:"4",py:"2"}),baseStylePanel=defineStyle({pt:"2",px:"4",pb:"5"}),baseStyleIcon=defineStyle({fontSize:"1.25em"}),baseStyle=definePartsStyle({container:baseStyleContainer,button:baseStyleButton,panel:baseStylePanel,icon:baseStyleIcon}),accordionTheme=defineMultiStyleConfig({baseStyle});function guard(low,high,value){return Math.min(Math.max(low,value),high)}class ColorError extends Error{constructor(color){super(`Failed to parse color: "${color}"`)}}function parseToRgba(color){if(typeof color!=="string")throw new ColorError(color);if(color.trim().toLowerCase()==="transparent")return[0,0,0,0];let normalizedColor=color.trim();normalizedColor=namedColorRegex.test(color)?nameToHex(color):color;let reducedHexMatch=reducedHexRegex.exec(normalizedColor);if(reducedHexMatch){let arr=Array.from(reducedHexMatch).slice(1);return[...arr.slice(0,3).map((x)=>parseInt(r(x,2),16)),parseInt(r(arr[3]||"f",2),16)/255]}let hexMatch=hexRegex.exec(normalizedColor);if(hexMatch){let arr=Array.from(hexMatch).slice(1);return[...arr.slice(0,3).map((x)=>parseInt(x,16)),parseInt(arr[3]||"ff",16)/255]}let rgbaMatch=rgbaRegex.exec(normalizedColor);if(rgbaMatch){let arr=Array.from(rgbaMatch).slice(1);return[...arr.slice(0,3).map((x)=>parseInt(x,10)),parseFloat(arr[3]||"1")]}let hslaMatch=hslaRegex.exec(normalizedColor);if(hslaMatch){let[h,s,l,a]=Array.from(hslaMatch).slice(1).map(parseFloat);if(guard(0,100,s)!==s)throw new ColorError(color);if(guard(0,100,l)!==l)throw new ColorError(color);return[...hslToRgb(h,s,l),Number.isNaN(a)?1:a]}throw new ColorError(color)}function hash(str){let hash=5381,i=str.length;while(i)hash=hash*33^str.charCodeAt(--i);return(hash>>>0)%2341}var colorToInt=(x)=>parseInt(x.replace(/_/g,""),36),compressedColorMap="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((acc,next)=>{let key=colorToInt(next.substring(0,3)),hex=colorToInt(next.substring(3)).toString(16),prefix="";for(let i=0;i<6-hex.length;i++)prefix+="0";return acc[key]=`${prefix}${hex}`,acc},{});function nameToHex(color){let normalizedColorName=color.toLowerCase().trim(),result=compressedColorMap[hash(normalizedColorName)];if(!result)throw new ColorError(color);return`#${result}`}var r=(str,amount)=>Array.from(Array(amount)).map(()=>str).join(""),reducedHexRegex=new RegExp(`^#${r("([a-f0-9])",3)}([a-f0-9])?$`,"i"),hexRegex=new RegExp(`^#${r("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),rgbaRegex=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${r(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),hslaRegex=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,namedColorRegex=/^[a-z]+$/i,roundColor=(color)=>Math.round(color*255),hslToRgb=(hue,saturation,lightness)=>{let l=lightness/100;if(saturation===0)return[l,l,l].map(roundColor);let huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*l-1))*(saturation/100),secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;if(huePrime>=0&&huePrime<1)red=chroma,green=secondComponent;else if(huePrime>=1&&huePrime<2)red=secondComponent,green=chroma;else if(huePrime>=2&&huePrime<3)green=chroma,blue=secondComponent;else if(huePrime>=3&&huePrime<4)green=secondComponent,blue=chroma;else if(huePrime>=4&&huePrime<5)red=secondComponent,blue=chroma;else if(huePrime>=5&&huePrime<6)red=chroma,blue=secondComponent;let lightnessModification=l-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return[finalRed,finalGreen,finalBlue].map(roundColor)};function rgba(red,green,blue,alpha){return`rgba(${guard(0,255,red).toFixed()}, ${guard(0,255,green).toFixed()}, ${guard(0,255,blue).toFixed()}, ${parseFloat(guard(0,1,alpha).toFixed(3))})`}function transparentize(color,amount){let[r,g,b,a]=parseToRgba(color);return rgba(r,g,b,a-amount)}function toHex(color){let[r,g,b,a]=parseToRgba(color),hex=(x)=>{let h=guard(0,255,x).toString(16);return h.length===1?`0${h}`:h};return`#${hex(r)}${hex(g)}${hex(b)}${a<1?hex(Math.round(a*255)):""}`}var isEmptyObject2=(obj)=>Object.keys(obj).length===0;function get3(obj,key,def,p,undef){key=key.split?key.split("."):key;for(p=0;p<key.length;p++)obj=obj?obj[key[p]]:undef;return obj===undef?def:obj}var getColor=(theme,color,fallback)=>{let hex=get3(theme,`colors.${color}`,color);try{return toHex(hex),hex}catch{return fallback??"#000000"}};var getBrightness=(color)=>{let[r,g,b]=parseToRgba(color);return(r*299+g*587+b*114)/1000},tone=(color)=>(theme)=>{let hex=getColor(theme,color);return getBrightness(hex)<128?"dark":"light"},isDark=(color)=>(theme)=>tone(color)(theme)==="dark";var transparentize2=(color,opacity)=>(theme)=>{let raw=getColor(theme,color);return transparentize(raw,1-opacity)};function generateStripe(size="1rem",color="rgba(255, 255, 255, 0.15)"){return{backgroundImage:`linear-gradient(
|
|
3
|
+
45deg,
|
|
4
|
+
${color} 25%,
|
|
5
|
+
transparent 25%,
|
|
6
|
+
transparent 50%,
|
|
7
|
+
${color} 50%,
|
|
8
|
+
${color} 75%,
|
|
9
|
+
transparent 75%,
|
|
10
|
+
transparent
|
|
11
|
+
)`,backgroundSize:`${size} ${size}`}}var randomHex=()=>`#${Math.floor(Math.random()*16777215).toString(16).padEnd(6,"0")}`;function randomColor(opts){let fallback=randomHex();if(!opts||isEmptyObject2(opts))return fallback;if(opts.string&&opts.colors)return randomColorFromList(opts.string,opts.colors);if(opts.string&&!opts.colors)return randomColorFromString(opts.string);if(opts.colors&&!opts.string)return randomFromList(opts.colors);return fallback}function randomColorFromString(str){let hash=0;if(str.length===0)return hash.toString();for(let i=0;i<str.length;i+=1)hash=str.charCodeAt(i)+((hash<<5)-hash),hash=hash&hash;let color="#";for(let j=0;j<3;j+=1){let value=hash>>j*8&255;color+=`00${value.toString(16)}`.substr(-2)}return color}function randomColorFromList(str,list){let index=0;if(str.length===0)return list[0];for(let i=0;i<str.length;i+=1)index=str.charCodeAt(i)+((index<<5)-index),index=index&index;return index=(index%list.length+list.length)%list.length,list[index]}function randomFromList(list){return list[Math.floor(Math.random()*list.length)]}function mode(light,dark){return(props)=>props.colorMode==="dark"?dark:light}function orient(options){let{orientation,vertical,horizontal}=options;if(!orientation)return{};return orientation==="vertical"?vertical:horizontal}function toRef(operand){if(isObject(operand)&&operand.reference)return operand.reference;return String(operand)}var toExpr=(operator,...operands)=>operands.map(toRef).join(` ${operator} `).replace(/calc/g,""),add2=(...operands)=>`calc(${toExpr("+",...operands)})`,subtract4=(...operands)=>`calc(${toExpr("-",...operands)})`,multiply2=(...operands)=>`calc(${toExpr("*",...operands)})`,divide2=(...operands)=>`calc(${toExpr("/",...operands)})`,negate2=(x)=>{let value=toRef(x);if(value!=null&&!Number.isNaN(parseFloat(value)))return String(value).startsWith("-")?String(value).slice(1):`-${value}`;return multiply2(value,-1)},calc2=Object.assign((x)=>({add:(...operands)=>calc2(add2(x,...operands)),subtract:(...operands)=>calc2(subtract4(x,...operands)),multiply:(...operands)=>calc2(multiply2(x,...operands)),divide:(...operands)=>calc2(divide2(x,...operands)),negate:()=>calc2(negate2(x)),toString:()=>x.toString()}),{add:add2,subtract:subtract4,multiply:multiply2,divide:divide2,negate:negate2});function isDecimal(value){return!Number.isInteger(parseFloat(value.toString()))}function replaceWhiteSpace2(value,replaceValue="-"){return value.replace(/\s+/g,replaceValue)}function escape2(value){let valueStr=replaceWhiteSpace2(value.toString());if(valueStr.includes("\\."))return value;return isDecimal(value)?valueStr.replace(".","\\."):value}function addPrefix2(value,prefix=""){return[prefix,escape2(value)].filter(Boolean).join("-")}function toVarRef(name,fallback){return`var(${escape2(name)}${fallback?`, ${fallback}`:""})`}function toVar(value,prefix=""){return`--${addPrefix2(value,prefix)}`}function cssVar2(name,options){let cssVariable=toVar(name,options?.prefix);return{variable:cssVariable,reference:toVarRef(cssVariable,getFallback(options?.fallback))}}function getFallback(fallback){if(typeof fallback==="string")return fallback;return fallback?.reference}var{definePartsStyle:definePartsStyle2,defineMultiStyleConfig:defineMultiStyleConfig2}=createMultiStyleConfigHelpers(alertAnatomy.keys),$fg=cssVar("alert-fg"),$bg=cssVar("alert-bg"),baseStyle2=definePartsStyle2({container:{bg:$bg.reference,px:"4",py:"3"},title:{fontWeight:"bold",lineHeight:"6",marginEnd:"2"},description:{lineHeight:"6"},icon:{color:$fg.reference,flexShrink:0,marginEnd:"3",w:"5",h:"6"},spinner:{color:$fg.reference,flexShrink:0,marginEnd:"3",w:"5",h:"5"}});function getBg(props){let{theme,colorScheme:c}=props,darkBg=transparentize2(`${c}.200`,0.16)(theme);return{light:`colors.${c}.100`,dark:darkBg}}var variantSubtle=definePartsStyle2((props)=>{let{colorScheme:c}=props,bg=getBg(props);return{container:{[$fg.variable]:`colors.${c}.600`,[$bg.variable]:bg.light,_dark:{[$fg.variable]:`colors.${c}.200`,[$bg.variable]:bg.dark}}}}),variantLeftAccent=definePartsStyle2((props)=>{let{colorScheme:c}=props,bg=getBg(props);return{container:{[$fg.variable]:`colors.${c}.600`,[$bg.variable]:bg.light,_dark:{[$fg.variable]:`colors.${c}.200`,[$bg.variable]:bg.dark},paddingStart:"3",borderStartWidth:"4px",borderStartColor:$fg.reference}}}),variantTopAccent=definePartsStyle2((props)=>{let{colorScheme:c}=props,bg=getBg(props);return{container:{[$fg.variable]:`colors.${c}.600`,[$bg.variable]:bg.light,_dark:{[$fg.variable]:`colors.${c}.200`,[$bg.variable]:bg.dark},pt:"2",borderTopWidth:"4px",borderTopColor:$fg.reference}}}),variantSolid=definePartsStyle2((props)=>{let{colorScheme:c}=props;return{container:{[$fg.variable]:"colors.white",[$bg.variable]:`colors.${c}.600`,_dark:{[$fg.variable]:"colors.gray.900",[$bg.variable]:`colors.${c}.200`},color:$fg.reference}}}),variants={subtle:variantSubtle,"left-accent":variantLeftAccent,"top-accent":variantTopAccent,solid:variantSolid},alertTheme=defineMultiStyleConfig2({baseStyle:baseStyle2,variants,defaultProps:{variant:"subtle",colorScheme:"blue"}});var spacing={px:"1px",0.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"};var largeSizes={max:"max-content",min:"min-content",full:"100%","3xs":"14rem","2xs":"16rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem","8xl":"90rem",prose:"60ch"},container={sm:"640px",md:"768px",lg:"1024px",xl:"1280px"},sizes={...spacing,...largeSizes,container};var isFunction3=(value)=>typeof value==="function";function runIfFn2(valueOrFn,...args){return isFunction3(valueOrFn)?valueOrFn(...args):valueOrFn}var{definePartsStyle:definePartsStyle3,defineMultiStyleConfig:defineMultiStyleConfig3}=createMultiStyleConfigHelpers(avatarAnatomy.keys),$border=cssVar("avatar-border-color"),$bg2=cssVar("avatar-bg"),$fs=cssVar("avatar-font-size"),$size=cssVar("avatar-size"),baseStyleBadge=defineStyle({borderRadius:"full",border:"0.2em solid",borderColor:$border.reference,[$border.variable]:"white",_dark:{[$border.variable]:"colors.gray.800"}}),baseStyleExcessLabel=defineStyle({bg:$bg2.reference,fontSize:$fs.reference,width:$size.reference,height:$size.reference,lineHeight:"1",[$bg2.variable]:"colors.gray.200",_dark:{[$bg2.variable]:"colors.whiteAlpha.400"}}),baseStyleContainer2=defineStyle((props)=>{let{name,theme}=props,bg=name?randomColor({string:name}):"colors.gray.400",isBgDark=isDark(bg)(theme),color="white";if(!isBgDark)color="gray.800";return{bg:$bg2.reference,fontSize:$fs.reference,color,borderColor:$border.reference,verticalAlign:"top",width:$size.reference,height:$size.reference,"&:not([data-loaded])":{[$bg2.variable]:bg},[$border.variable]:"colors.white",_dark:{[$border.variable]:"colors.gray.800"}}}),baseStyleLabel=defineStyle({fontSize:$fs.reference,lineHeight:"1"}),baseStyle3=definePartsStyle3((props)=>({badge:runIfFn2(baseStyleBadge,props),excessLabel:runIfFn2(baseStyleExcessLabel,props),container:runIfFn2(baseStyleContainer2,props),label:baseStyleLabel}));function getSize(size){let themeSize=size!=="100%"?sizes[size]:void 0;return definePartsStyle3({container:{[$size.variable]:themeSize??size,[$fs.variable]:`calc(${themeSize??size} / 2.5)`},excessLabel:{[$size.variable]:themeSize??size,[$fs.variable]:`calc(${themeSize??size} / 2.5)`}})}var sizes2={"2xs":getSize(4),xs:getSize(6),sm:getSize(8),md:getSize(12),lg:getSize(16),xl:getSize(24),"2xl":getSize(32),full:getSize("100%")},avatarTheme=defineMultiStyleConfig3({baseStyle:baseStyle3,sizes:sizes2,defaultProps:{size:"md"}});var vars=defineCssVars("badge",["bg","color","shadow"]),baseStyle4=defineStyle({px:1,textTransform:"uppercase",fontSize:"xs",borderRadius:"sm",fontWeight:"bold",bg:vars.bg.reference,color:vars.color.reference,boxShadow:vars.shadow.reference}),variantSolid2=defineStyle((props)=>{let{colorScheme:c,theme}=props,dark=transparentize2(`${c}.500`,0.6)(theme);return{[vars.bg.variable]:`colors.${c}.500`,[vars.color.variable]:"colors.white",_dark:{[vars.bg.variable]:dark,[vars.color.variable]:"colors.whiteAlpha.800"}}}),variantSubtle2=defineStyle((props)=>{let{colorScheme:c,theme}=props,darkBg=transparentize2(`${c}.200`,0.16)(theme);return{[vars.bg.variable]:`colors.${c}.100`,[vars.color.variable]:`colors.${c}.800`,_dark:{[vars.bg.variable]:darkBg,[vars.color.variable]:`colors.${c}.200`}}}),variantOutline=defineStyle((props)=>{let{colorScheme:c,theme}=props,darkColor=transparentize2(`${c}.200`,0.8)(theme);return{[vars.color.variable]:`colors.${c}.500`,_dark:{[vars.color.variable]:darkColor},[vars.shadow.variable]:`inset 0 0 0px 1px ${vars.color.reference}`}}),variants2={solid:variantSolid2,subtle:variantSubtle2,outline:variantOutline},badgeTheme=defineStyleConfig({baseStyle:baseStyle4,variants:variants2,defaultProps:{variant:"subtle",colorScheme:"gray"}});var{defineMultiStyleConfig:defineMultiStyleConfig4,definePartsStyle:definePartsStyle4}=createMultiStyleConfigHelpers(breadcrumbAnatomy.keys),$decor=cssVar("breadcrumb-link-decor"),baseStyleLink=defineStyle({transitionProperty:"common",transitionDuration:"fast",transitionTimingFunction:"ease-out",outline:"none",color:"inherit",textDecoration:$decor.reference,[$decor.variable]:"none","&:not([aria-current=page])":{cursor:"pointer",_hover:{[$decor.variable]:"underline"},_focusVisible:{boxShadow:"outline"}}}),baseStyle5=definePartsStyle4({link:baseStyleLink}),breadcrumbTheme=defineMultiStyleConfig4({baseStyle:baseStyle5});var baseStyle6=defineStyle({lineHeight:"1.2",borderRadius:"md",fontWeight:"semibold",transitionProperty:"common",transitionDuration:"normal",_focusVisible:{boxShadow:"outline"},_disabled:{opacity:0.4,cursor:"not-allowed",boxShadow:"none"},_hover:{_disabled:{bg:"initial"}}}),variantGhost=defineStyle((props)=>{let{colorScheme:c,theme}=props;if(c==="gray")return{color:mode("gray.800","whiteAlpha.900")(props),_hover:{bg:mode("gray.100","whiteAlpha.200")(props)},_active:{bg:mode("gray.200","whiteAlpha.300")(props)}};let darkHoverBg=transparentize2(`${c}.200`,0.12)(theme),darkActiveBg=transparentize2(`${c}.200`,0.24)(theme);return{color:mode(`${c}.600`,`${c}.200`)(props),bg:"transparent",_hover:{bg:mode(`${c}.50`,darkHoverBg)(props)},_active:{bg:mode(`${c}.100`,darkActiveBg)(props)}}}),variantOutline2=defineStyle((props)=>{let{colorScheme:c}=props,borderColor=mode("gray.200","whiteAlpha.300")(props);return{border:"1px solid",borderColor:c==="gray"?borderColor:"currentColor",".chakra-button__group[data-attached][data-orientation=horizontal] > &:not(:last-of-type)":{marginEnd:"-1px"},".chakra-button__group[data-attached][data-orientation=vertical] > &:not(:last-of-type)":{marginBottom:"-1px"},...runIfFn2(variantGhost,props)}}),accessibleColorMap={yellow:{bg:"yellow.400",color:"black",hoverBg:"yellow.500",activeBg:"yellow.600"},cyan:{bg:"cyan.400",color:"black",hoverBg:"cyan.500",activeBg:"cyan.600"}},variantSolid3=defineStyle((props)=>{let{colorScheme:c}=props;if(c==="gray"){let bg2=mode("gray.100","whiteAlpha.200")(props);return{bg:bg2,color:mode("gray.800","whiteAlpha.900")(props),_hover:{bg:mode("gray.200","whiteAlpha.300")(props),_disabled:{bg:bg2}},_active:{bg:mode("gray.300","whiteAlpha.400")(props)}}}let{bg=`${c}.500`,color="white",hoverBg=`${c}.600`,activeBg=`${c}.700`}=accessibleColorMap[c]??{},background=mode(bg,`${c}.200`)(props);return{bg:background,color:mode(color,"gray.800")(props),_hover:{bg:mode(hoverBg,`${c}.300`)(props),_disabled:{bg:background}},_active:{bg:mode(activeBg,`${c}.400`)(props)}}}),variantLink=defineStyle((props)=>{let{colorScheme:c}=props;return{padding:0,height:"auto",lineHeight:"normal",verticalAlign:"baseline",color:mode(`${c}.500`,`${c}.200`)(props),_hover:{textDecoration:"underline",_disabled:{textDecoration:"none"}},_active:{color:mode(`${c}.700`,`${c}.500`)(props)}}}),variantUnstyled=defineStyle({bg:"none",color:"inherit",display:"inline",lineHeight:"inherit",m:"0",p:"0"}),variants3={ghost:variantGhost,outline:variantOutline2,solid:variantSolid3,link:variantLink,unstyled:variantUnstyled},sizes3={lg:defineStyle({h:"12",minW:"12",fontSize:"lg",px:"6"}),md:defineStyle({h:"10",minW:"10",fontSize:"md",px:"4"}),sm:defineStyle({h:"8",minW:"8",fontSize:"sm",px:"3"}),xs:defineStyle({h:"6",minW:"6",fontSize:"xs",px:"2"})},buttonTheme=defineStyleConfig({baseStyle:baseStyle6,variants:variants3,sizes:sizes3,defaultProps:{variant:"solid",size:"md",colorScheme:"gray"}});var{definePartsStyle:definePartsStyle5,defineMultiStyleConfig:defineMultiStyleConfig5}=createMultiStyleConfigHelpers(cardAnatomy.keys),$bg3=cssVar("card-bg"),$padding=cssVar("card-padding"),$shadow=cssVar("card-shadow"),$radius=cssVar("card-radius"),$border2=cssVar("card-border-width","0"),$borderColor=cssVar("card-border-color"),baseStyle7=definePartsStyle5({container:{[$bg3.variable]:"colors.chakra-body-bg",backgroundColor:$bg3.reference,boxShadow:$shadow.reference,borderRadius:$radius.reference,color:"chakra-body-text",borderWidth:$border2.reference,borderColor:$borderColor.reference},body:{padding:$padding.reference,flex:"1 1 0%"},header:{padding:$padding.reference},footer:{padding:$padding.reference}}),sizes4={sm:definePartsStyle5({container:{[$radius.variable]:"radii.base",[$padding.variable]:"space.3"}}),md:definePartsStyle5({container:{[$radius.variable]:"radii.md",[$padding.variable]:"space.5"}}),lg:definePartsStyle5({container:{[$radius.variable]:"radii.xl",[$padding.variable]:"space.7"}})},variants4={elevated:definePartsStyle5({container:{[$shadow.variable]:"shadows.base",_dark:{[$bg3.variable]:"colors.gray.700"}}}),outline:definePartsStyle5({container:{[$border2.variable]:"1px",[$borderColor.variable]:"colors.chakra-border-color"}}),filled:definePartsStyle5({container:{[$bg3.variable]:"colors.chakra-subtle-bg"}}),unstyled:{body:{[$padding.variable]:0},header:{[$padding.variable]:0},footer:{[$padding.variable]:0}}},cardTheme=defineMultiStyleConfig5({baseStyle:baseStyle7,variants:variants4,sizes:sizes4,defaultProps:{variant:"elevated",size:"md"}});var{definePartsStyle:definePartsStyle6,defineMultiStyleConfig:defineMultiStyleConfig6}=createMultiStyleConfigHelpers(checkboxAnatomy.keys),$size2=cssVar("checkbox-size"),baseStyleControl=defineStyle((props)=>{let{colorScheme:c}=props;return{w:$size2.reference,h:$size2.reference,transitionProperty:"box-shadow",transitionDuration:"normal",border:"2px solid",borderRadius:"sm",borderColor:"inherit",color:"white",_checked:{bg:mode(`${c}.500`,`${c}.200`)(props),borderColor:mode(`${c}.500`,`${c}.200`)(props),color:mode("white","gray.900")(props),_hover:{bg:mode(`${c}.600`,`${c}.300`)(props),borderColor:mode(`${c}.600`,`${c}.300`)(props)},_disabled:{borderColor:mode("gray.200","transparent")(props),bg:mode("gray.200","whiteAlpha.300")(props),color:mode("gray.500","whiteAlpha.500")(props)}},_indeterminate:{bg:mode(`${c}.500`,`${c}.200`)(props),borderColor:mode(`${c}.500`,`${c}.200`)(props),color:mode("white","gray.900")(props)},_disabled:{bg:mode("gray.100","whiteAlpha.100")(props),borderColor:mode("gray.100","transparent")(props)},_focusVisible:{boxShadow:"outline"},_invalid:{borderColor:mode("red.500","red.300")(props)}}}),baseStyleContainer3=defineStyle({_disabled:{cursor:"not-allowed"}}),baseStyleLabel2=defineStyle({userSelect:"none",_disabled:{opacity:0.4}}),baseStyleIcon2=defineStyle({transitionProperty:"transform",transitionDuration:"normal"}),baseStyle8=definePartsStyle6((props)=>({icon:baseStyleIcon2,container:baseStyleContainer3,control:runIfFn2(baseStyleControl,props),label:baseStyleLabel2})),sizes5={sm:definePartsStyle6({control:{[$size2.variable]:"sizes.3"},label:{fontSize:"sm"},icon:{fontSize:"3xs"}}),md:definePartsStyle6({control:{[$size2.variable]:"sizes.4"},label:{fontSize:"md"},icon:{fontSize:"2xs"}}),lg:definePartsStyle6({control:{[$size2.variable]:"sizes.5"},label:{fontSize:"lg"},icon:{fontSize:"2xs"}})},checkboxTheme=defineMultiStyleConfig6({baseStyle:baseStyle8,sizes:sizes5,defaultProps:{size:"md",colorScheme:"blue"}});var $size3=cssVar2("close-button-size"),$bg4=cssVar2("close-button-bg"),baseStyle9=defineStyle({w:[$size3.reference],h:[$size3.reference],borderRadius:"md",transitionProperty:"common",transitionDuration:"normal",_disabled:{opacity:0.4,cursor:"not-allowed",boxShadow:"none"},_hover:{[$bg4.variable]:"colors.blackAlpha.100",_dark:{[$bg4.variable]:"colors.whiteAlpha.100"}},_active:{[$bg4.variable]:"colors.blackAlpha.200",_dark:{[$bg4.variable]:"colors.whiteAlpha.200"}},_focusVisible:{boxShadow:"outline"},bg:$bg4.reference}),sizes6={lg:defineStyle({[$size3.variable]:"sizes.10",fontSize:"md"}),md:defineStyle({[$size3.variable]:"sizes.8",fontSize:"xs"}),sm:defineStyle({[$size3.variable]:"sizes.6",fontSize:"2xs"})},closeButtonTheme=defineStyleConfig({baseStyle:baseStyle9,sizes:sizes6,defaultProps:{size:"md"}});var{variants:variants5,defaultProps}=badgeTheme,baseStyle10=defineStyle({fontFamily:"mono",fontSize:"sm",px:"0.2em",borderRadius:"sm",bg:vars.bg.reference,color:vars.color.reference,boxShadow:vars.shadow.reference}),codeTheme=defineStyleConfig({baseStyle:baseStyle10,variants:variants5,defaultProps});var baseStyle11=defineStyle({w:"100%",mx:"auto",maxW:"prose",px:"4"}),containerTheme=defineStyleConfig({baseStyle:baseStyle11});var baseStyle12=defineStyle({opacity:0.6,borderColor:"inherit"}),variantSolid4=defineStyle({borderStyle:"solid"}),variantDashed=defineStyle({borderStyle:"dashed"}),variants6={solid:variantSolid4,dashed:variantDashed},dividerTheme=defineStyleConfig({baseStyle:baseStyle12,variants:variants6,defaultProps:{variant:"solid"}});var{definePartsStyle:definePartsStyle7,defineMultiStyleConfig:defineMultiStyleConfig7}=createMultiStyleConfigHelpers(drawerAnatomy.keys),$bg5=cssVar("drawer-bg"),$bs=cssVar("drawer-box-shadow");function getSize2(value){if(value==="full")return definePartsStyle7({dialog:{maxW:"100vw",h:"100vh"}});return definePartsStyle7({dialog:{maxW:value}})}var baseStyleOverlay=defineStyle({bg:"blackAlpha.600",zIndex:"modal"}),baseStyleDialogContainer=defineStyle({display:"flex",zIndex:"modal",justifyContent:"center"}),baseStyleDialog=defineStyle((props)=>{let{isFullHeight}=props;return{...isFullHeight&&{height:"100vh"},zIndex:"modal",maxH:"100vh",color:"inherit",[$bg5.variable]:"colors.white",[$bs.variable]:"shadows.lg",_dark:{[$bg5.variable]:"colors.gray.700",[$bs.variable]:"shadows.dark-lg"},bg:$bg5.reference,boxShadow:$bs.reference}}),baseStyleHeader=defineStyle({px:"6",py:"4",fontSize:"xl",fontWeight:"semibold"}),baseStyleCloseButton=defineStyle({position:"absolute",top:"2",insetEnd:"3"}),baseStyleBody=defineStyle({px:"6",py:"2",flex:"1",overflow:"auto"}),baseStyleFooter=defineStyle({px:"6",py:"4"}),baseStyle13=definePartsStyle7((props)=>({overlay:baseStyleOverlay,dialogContainer:baseStyleDialogContainer,dialog:runIfFn2(baseStyleDialog,props),header:baseStyleHeader,closeButton:baseStyleCloseButton,body:baseStyleBody,footer:baseStyleFooter})),sizes7={xs:getSize2("xs"),sm:getSize2("md"),md:getSize2("lg"),lg:getSize2("2xl"),xl:getSize2("4xl"),full:getSize2("full")},drawerTheme=defineMultiStyleConfig7({baseStyle:baseStyle13,sizes:sizes7,defaultProps:{size:"xs"}});var{definePartsStyle:definePartsStyle8,defineMultiStyleConfig:defineMultiStyleConfig8}=createMultiStyleConfigHelpers(editableAnatomy.keys),baseStylePreview=defineStyle({borderRadius:"md",py:"1",transitionProperty:"common",transitionDuration:"normal"}),baseStyleInput=defineStyle({borderRadius:"md",py:"1",transitionProperty:"common",transitionDuration:"normal",width:"full",_focusVisible:{boxShadow:"outline"},_placeholder:{opacity:0.6}}),baseStyleTextarea=defineStyle({borderRadius:"md",py:"1",transitionProperty:"common",transitionDuration:"normal",width:"full",_focusVisible:{boxShadow:"outline"},_placeholder:{opacity:0.6}}),baseStyle14=definePartsStyle8({preview:baseStylePreview,input:baseStyleInput,textarea:baseStyleTextarea}),editableTheme=defineMultiStyleConfig8({baseStyle:baseStyle14});var{definePartsStyle:definePartsStyle9,defineMultiStyleConfig:defineMultiStyleConfig9}=createMultiStyleConfigHelpers(formAnatomy.keys),$fg2=cssVar("form-control-color"),baseStyleRequiredIndicator=defineStyle({marginStart:"1",[$fg2.variable]:"colors.red.500",_dark:{[$fg2.variable]:"colors.red.300"},color:$fg2.reference}),baseStyleHelperText=defineStyle({mt:"2",[$fg2.variable]:"colors.gray.600",_dark:{[$fg2.variable]:"colors.whiteAlpha.600"},color:$fg2.reference,lineHeight:"normal",fontSize:"sm"}),baseStyle15=definePartsStyle9({container:{width:"100%",position:"relative"},requiredIndicator:baseStyleRequiredIndicator,helperText:baseStyleHelperText}),formTheme=defineMultiStyleConfig9({baseStyle:baseStyle15});var{definePartsStyle:definePartsStyle10,defineMultiStyleConfig:defineMultiStyleConfig10}=createMultiStyleConfigHelpers(formErrorAnatomy.keys),$fg3=cssVar("form-error-color"),baseStyleText=defineStyle({[$fg3.variable]:"colors.red.500",_dark:{[$fg3.variable]:"colors.red.300"},color:$fg3.reference,mt:"2",fontSize:"sm",lineHeight:"normal"}),baseStyleIcon3=defineStyle({marginEnd:"0.5em",[$fg3.variable]:"colors.red.500",_dark:{[$fg3.variable]:"colors.red.300"},color:$fg3.reference}),baseStyle16=definePartsStyle10({text:baseStyleText,icon:baseStyleIcon3}),formErrorTheme=defineMultiStyleConfig10({baseStyle:baseStyle16});var baseStyle17=defineStyle({fontSize:"md",marginEnd:"3",mb:"2",fontWeight:"medium",transitionProperty:"common",transitionDuration:"normal",opacity:1,_disabled:{opacity:0.4}}),formLabelTheme=defineStyleConfig({baseStyle:baseStyle17});var baseStyle18=defineStyle({fontFamily:"heading",fontWeight:"bold"}),sizes8={"4xl":defineStyle({fontSize:["6xl",null,"7xl"],lineHeight:1}),"3xl":defineStyle({fontSize:["5xl",null,"6xl"],lineHeight:1}),"2xl":defineStyle({fontSize:["4xl",null,"5xl"],lineHeight:[1.2,null,1]}),xl:defineStyle({fontSize:["3xl",null,"4xl"],lineHeight:[1.33,null,1.2]}),lg:defineStyle({fontSize:["2xl",null,"3xl"],lineHeight:[1.33,null,1.2]}),md:defineStyle({fontSize:"xl",lineHeight:1.2}),sm:defineStyle({fontSize:"md",lineHeight:1.2}),xs:defineStyle({fontSize:"sm",lineHeight:1.2})},headingTheme=defineStyleConfig({baseStyle:baseStyle18,sizes:sizes8,defaultProps:{size:"xl"}});var{definePartsStyle:definePartsStyle11,defineMultiStyleConfig:defineMultiStyleConfig11}=createMultiStyleConfigHelpers(inputAnatomy.keys),$height=cssVar("input-height"),$fontSize=cssVar("input-font-size"),$padding2=cssVar("input-padding"),$borderRadius=cssVar("input-border-radius"),baseStyle19=definePartsStyle11({addon:{height:$height.reference,fontSize:$fontSize.reference,px:$padding2.reference,borderRadius:$borderRadius.reference},field:{width:"100%",height:$height.reference,fontSize:$fontSize.reference,px:$padding2.reference,borderRadius:$borderRadius.reference,minWidth:0,outline:0,position:"relative",appearance:"none",transitionProperty:"common",transitionDuration:"normal",_disabled:{opacity:0.4,cursor:"not-allowed"}}}),size={lg:defineStyle({[$fontSize.variable]:"fontSizes.lg",[$padding2.variable]:"space.4",[$borderRadius.variable]:"radii.md",[$height.variable]:"sizes.12"}),md:defineStyle({[$fontSize.variable]:"fontSizes.md",[$padding2.variable]:"space.4",[$borderRadius.variable]:"radii.md",[$height.variable]:"sizes.10"}),sm:defineStyle({[$fontSize.variable]:"fontSizes.sm",[$padding2.variable]:"space.3",[$borderRadius.variable]:"radii.sm",[$height.variable]:"sizes.8"}),xs:defineStyle({[$fontSize.variable]:"fontSizes.xs",[$padding2.variable]:"space.2",[$borderRadius.variable]:"radii.sm",[$height.variable]:"sizes.6"})},sizes9={lg:definePartsStyle11({field:size.lg,group:size.lg}),md:definePartsStyle11({field:size.md,group:size.md}),sm:definePartsStyle11({field:size.sm,group:size.sm}),xs:definePartsStyle11({field:size.xs,group:size.xs})};function getDefaults(props){let{focusBorderColor:fc,errorBorderColor:ec}=props;return{focusBorderColor:fc||mode("blue.500","blue.300")(props),errorBorderColor:ec||mode("red.500","red.300")(props)}}var variantOutline3=definePartsStyle11((props)=>{let{theme}=props,{focusBorderColor:fc,errorBorderColor:ec}=getDefaults(props);return{field:{border:"1px solid",borderColor:"inherit",bg:"inherit",_hover:{borderColor:mode("gray.300","whiteAlpha.400")(props)},_readOnly:{boxShadow:"none !important",userSelect:"all"},_invalid:{borderColor:getColor(theme,ec),boxShadow:`0 0 0 1px ${getColor(theme,ec)}`},_focusVisible:{zIndex:1,borderColor:getColor(theme,fc),boxShadow:`0 0 0 1px ${getColor(theme,fc)}`}},addon:{border:"1px solid",borderColor:mode("inherit","whiteAlpha.50")(props),bg:mode("gray.100","whiteAlpha.300")(props)}}}),variantFilled=definePartsStyle11((props)=>{let{theme}=props,{focusBorderColor:fc,errorBorderColor:ec}=getDefaults(props);return{field:{border:"2px solid",borderColor:"transparent",bg:mode("gray.100","whiteAlpha.50")(props),_hover:{bg:mode("gray.200","whiteAlpha.100")(props)},_readOnly:{boxShadow:"none !important",userSelect:"all"},_invalid:{borderColor:getColor(theme,ec)},_focusVisible:{bg:"transparent",borderColor:getColor(theme,fc)}},addon:{border:"2px solid",borderColor:"transparent",bg:mode("gray.100","whiteAlpha.50")(props)}}}),variantFlushed=definePartsStyle11((props)=>{let{theme}=props,{focusBorderColor:fc,errorBorderColor:ec}=getDefaults(props);return{field:{borderBottom:"1px solid",borderColor:"inherit",borderRadius:"0",px:"0",bg:"transparent",_readOnly:{boxShadow:"none !important",userSelect:"all"},_invalid:{borderColor:getColor(theme,ec),boxShadow:`0px 1px 0px 0px ${getColor(theme,ec)}`},_focusVisible:{borderColor:getColor(theme,fc),boxShadow:`0px 1px 0px 0px ${getColor(theme,fc)}`}},addon:{borderBottom:"2px solid",borderColor:"inherit",borderRadius:"0",px:"0",bg:"transparent"}}}),variantUnstyled2=definePartsStyle11({field:{bg:"transparent",px:"0",height:"auto"},addon:{bg:"transparent",px:"0",height:"auto"}}),variants7={outline:variantOutline3,filled:variantFilled,flushed:variantFlushed,unstyled:variantUnstyled2},inputTheme=defineMultiStyleConfig11({baseStyle:baseStyle19,sizes:sizes9,variants:variants7,defaultProps:{size:"md",variant:"outline"}});var $bg6=cssVar("kbd-bg"),baseStyle20=defineStyle({[$bg6.variable]:"colors.gray.100",_dark:{[$bg6.variable]:"colors.whiteAlpha.100"},bg:$bg6.reference,borderRadius:"md",borderWidth:"1px",borderBottomWidth:"3px",fontSize:"0.8em",fontWeight:"bold",lineHeight:"normal",px:"0.4em",whiteSpace:"nowrap"}),kbdTheme=defineStyleConfig({baseStyle:baseStyle20});var baseStyle21=defineStyle({transitionProperty:"common",transitionDuration:"fast",transitionTimingFunction:"ease-out",cursor:"pointer",textDecoration:"none",outline:"none",color:"inherit",_hover:{textDecoration:"underline"},_focusVisible:{boxShadow:"outline"}}),linkTheme=defineStyleConfig({baseStyle:baseStyle21});var{defineMultiStyleConfig:defineMultiStyleConfig12,definePartsStyle:definePartsStyle12}=createMultiStyleConfigHelpers(listAnatomy.keys),baseStyleIcon4=defineStyle({marginEnd:"2",display:"inline",verticalAlign:"text-bottom"}),baseStyle22=definePartsStyle12({icon:baseStyleIcon4}),listTheme=defineMultiStyleConfig12({baseStyle:baseStyle22});var{defineMultiStyleConfig:defineMultiStyleConfig13,definePartsStyle:definePartsStyle13}=createMultiStyleConfigHelpers(menuAnatomy.keys),$bg7=cssVar("menu-bg"),$shadow2=cssVar("menu-shadow"),baseStyleList=defineStyle({[$bg7.variable]:"#fff",[$shadow2.variable]:"shadows.sm",_dark:{[$bg7.variable]:"colors.gray.700",[$shadow2.variable]:"shadows.dark-lg"},color:"inherit",minW:"3xs",py:"2",zIndex:"dropdown",borderRadius:"md",borderWidth:"1px",bg:$bg7.reference,boxShadow:$shadow2.reference}),baseStyleItem=defineStyle({py:"1.5",px:"3",transitionProperty:"background",transitionDuration:"ultra-fast",transitionTimingFunction:"ease-in",_focus:{[$bg7.variable]:"colors.gray.100",_dark:{[$bg7.variable]:"colors.whiteAlpha.100"}},_active:{[$bg7.variable]:"colors.gray.200",_dark:{[$bg7.variable]:"colors.whiteAlpha.200"}},_expanded:{[$bg7.variable]:"colors.gray.100",_dark:{[$bg7.variable]:"colors.whiteAlpha.100"}},_disabled:{opacity:0.4,cursor:"not-allowed"},bg:$bg7.reference}),baseStyleGroupTitle=defineStyle({mx:4,my:2,fontWeight:"semibold",fontSize:"sm"}),baseStyleIcon5=defineStyle({display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0}),baseStyleCommand=defineStyle({opacity:0.6}),baseStyleDivider=defineStyle({border:0,borderBottom:"1px solid",borderColor:"inherit",my:"2",opacity:0.6}),baseStyleButton2=defineStyle({transitionProperty:"common",transitionDuration:"normal"}),baseStyle23=definePartsStyle13({button:baseStyleButton2,list:baseStyleList,item:baseStyleItem,groupTitle:baseStyleGroupTitle,icon:baseStyleIcon5,command:baseStyleCommand,divider:baseStyleDivider}),menuTheme=defineMultiStyleConfig13({baseStyle:baseStyle23});var{defineMultiStyleConfig:defineMultiStyleConfig14,definePartsStyle:definePartsStyle14}=createMultiStyleConfigHelpers(modalAnatomy.keys),$bg8=cssVar("modal-bg"),$shadow3=cssVar("modal-shadow"),baseStyleOverlay2=defineStyle({bg:"blackAlpha.600",zIndex:"modal"}),baseStyleDialogContainer2=defineStyle((props)=>{let{isCentered,scrollBehavior}=props;return{display:"flex",zIndex:"modal",justifyContent:"center",alignItems:isCentered?"center":"flex-start",overflow:scrollBehavior==="inside"?"hidden":"auto",overscrollBehaviorY:"none"}}),baseStyleDialog2=defineStyle((props)=>{let{isCentered,scrollBehavior}=props;return{borderRadius:"md",color:"inherit",my:isCentered?"auto":"16",mx:isCentered?"auto":void 0,zIndex:"modal",maxH:scrollBehavior==="inside"?"calc(100% - 7.5rem)":void 0,[$bg8.variable]:"colors.white",[$shadow3.variable]:"shadows.lg",_dark:{[$bg8.variable]:"colors.gray.700",[$shadow3.variable]:"shadows.dark-lg"},bg:$bg8.reference,boxShadow:$shadow3.reference}}),baseStyleHeader2=defineStyle({px:"6",py:"4",fontSize:"xl",fontWeight:"semibold"}),baseStyleCloseButton2=defineStyle({position:"absolute",top:"2",insetEnd:"3"}),baseStyleBody2=defineStyle((props)=>{let{scrollBehavior}=props;return{px:"6",py:"2",flex:"1",overflow:scrollBehavior==="inside"?"auto":void 0}}),baseStyleFooter2=defineStyle({px:"6",py:"4"}),baseStyle24=definePartsStyle14((props)=>({overlay:baseStyleOverlay2,dialogContainer:runIfFn2(baseStyleDialogContainer2,props),dialog:runIfFn2(baseStyleDialog2,props),header:baseStyleHeader2,closeButton:baseStyleCloseButton2,body:runIfFn2(baseStyleBody2,props),footer:baseStyleFooter2}));function getSize3(value){if(value==="full")return definePartsStyle14({dialog:{maxW:"100vw",minH:"$100vh",my:"0",borderRadius:"0"}});return definePartsStyle14({dialog:{maxW:value}})}var sizes10={xs:getSize3("xs"),sm:getSize3("sm"),md:getSize3("md"),lg:getSize3("lg"),xl:getSize3("xl"),"2xl":getSize3("2xl"),"3xl":getSize3("3xl"),"4xl":getSize3("4xl"),"5xl":getSize3("5xl"),"6xl":getSize3("6xl"),full:getSize3("full")},modalTheme=defineMultiStyleConfig14({baseStyle:baseStyle24,sizes:sizes10,defaultProps:{size:"md"}});var typography2={letterSpacings:{tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeights:{normal:"normal",none:1,shorter:1.25,short:1.375,base:1.5,tall:1.625,taller:"2","3":".75rem","4":"1rem","5":"1.25rem","6":"1.5rem","7":"1.75rem","8":"2rem","9":"2.25rem","10":"2.5rem"},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},fonts:{heading:'-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',body:'-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',mono:'SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'},fontSizes:{"3xs":"0.45rem","2xs":"0.625rem",xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem","8xl":"6rem","9xl":"8rem"}};var{defineMultiStyleConfig:defineMultiStyleConfig15,definePartsStyle:definePartsStyle15}=createMultiStyleConfigHelpers(numberInputAnatomy.keys),$stepperWidth=cssVar2("number-input-stepper-width"),$inputPadding=cssVar2("number-input-input-padding"),inputPaddingValue=calc2($stepperWidth).add("0.5rem").toString(),$bg9=cssVar2("number-input-bg"),$fg4=cssVar2("number-input-color"),$border3=cssVar2("number-input-border-color"),baseStyleRoot=defineStyle({[$stepperWidth.variable]:"sizes.6",[$inputPadding.variable]:inputPaddingValue}),baseStyleField=defineStyle((props)=>runIfFn2(inputTheme.baseStyle,props)?.field??{}),baseStyleStepperGroup=defineStyle({width:$stepperWidth.reference}),baseStyleStepper=defineStyle({borderStart:"1px solid",borderStartColor:$border3.reference,color:$fg4.reference,bg:$bg9.reference,[$fg4.variable]:"colors.chakra-body-text",[$border3.variable]:"colors.chakra-border-color",_dark:{[$fg4.variable]:"colors.whiteAlpha.800",[$border3.variable]:"colors.whiteAlpha.300"},_active:{[$bg9.variable]:"colors.gray.200",_dark:{[$bg9.variable]:"colors.whiteAlpha.300"}},_disabled:{opacity:0.4,cursor:"not-allowed"}}),baseStyle25=definePartsStyle15((props)=>({root:baseStyleRoot,field:runIfFn2(baseStyleField,props)??{},stepperGroup:baseStyleStepperGroup,stepper:baseStyleStepper}));function getSize4(size){let sizeStyle=inputTheme.sizes?.[size],radius={lg:"md",md:"md",sm:"sm",xs:"sm"},_fontSize=sizeStyle.field?.fontSize??"md",fontSize=typography2.fontSizes[_fontSize];return definePartsStyle15({field:{...sizeStyle.field,paddingInlineEnd:$inputPadding.reference,verticalAlign:"top"},stepper:{fontSize:calc2(fontSize).multiply(0.75).toString(),_first:{borderTopEndRadius:radius[size]},_last:{borderBottomEndRadius:radius[size],mt:"-1px",borderTopWidth:1}}})}var sizes11={xs:getSize4("xs"),sm:getSize4("sm"),md:getSize4("md"),lg:getSize4("lg")},numberInputTheme=defineMultiStyleConfig15({baseStyle:baseStyle25,sizes:sizes11,variants:inputTheme.variants,defaultProps:inputTheme.defaultProps});var baseStyle26=defineStyle({...inputTheme.baseStyle?.field,textAlign:"center"}),sizes12={lg:defineStyle({fontSize:"lg",w:12,h:12,borderRadius:"md"}),md:defineStyle({fontSize:"md",w:10,h:10,borderRadius:"md"}),sm:defineStyle({fontSize:"sm",w:8,h:8,borderRadius:"sm"}),xs:defineStyle({fontSize:"xs",w:6,h:6,borderRadius:"sm"})},variants8={outline:defineStyle((props)=>runIfFn2(inputTheme.variants?.outline,props)?.field??{}),flushed:defineStyle((props)=>runIfFn2(inputTheme.variants?.flushed,props)?.field??{}),filled:defineStyle((props)=>runIfFn2(inputTheme.variants?.filled,props)?.field??{}),unstyled:inputTheme.variants?.unstyled.field??{}},pinInputTheme=defineStyleConfig({baseStyle:baseStyle26,sizes:sizes12,variants:variants8,defaultProps:inputTheme.defaultProps});var{defineMultiStyleConfig:defineMultiStyleConfig16,definePartsStyle:definePartsStyle16}=createMultiStyleConfigHelpers(popoverAnatomy.keys),$popperBg=cssVar2("popper-bg"),$arrowBg=cssVar2("popper-arrow-bg"),$arrowShadowColor=cssVar2("popper-arrow-shadow-color"),baseStylePopper=defineStyle({zIndex:"popover"}),baseStyleContent=defineStyle({[$popperBg.variable]:"colors.white",bg:$popperBg.reference,[$arrowBg.variable]:$popperBg.reference,[$arrowShadowColor.variable]:"colors.gray.200",_dark:{[$popperBg.variable]:"colors.gray.700",[$arrowShadowColor.variable]:"colors.whiteAlpha.300"},width:"xs",border:"1px solid",borderColor:"inherit",borderRadius:"md",boxShadow:"sm",zIndex:"inherit",_focusVisible:{outline:0,boxShadow:"outline"}}),baseStyleHeader3=defineStyle({px:3,py:2,borderBottomWidth:"1px"}),baseStyleBody3=defineStyle({px:3,py:2}),baseStyleFooter3=defineStyle({px:3,py:2,borderTopWidth:"1px"}),baseStyleCloseButton3=defineStyle({position:"absolute",borderRadius:"md",top:1,insetEnd:2,padding:2}),baseStyle27=definePartsStyle16({popper:baseStylePopper,content:baseStyleContent,header:baseStyleHeader3,body:baseStyleBody3,footer:baseStyleFooter3,closeButton:baseStyleCloseButton3}),popoverTheme=defineMultiStyleConfig16({baseStyle:baseStyle27});var{defineMultiStyleConfig:defineMultiStyleConfig17,definePartsStyle:definePartsStyle17}=createMultiStyleConfigHelpers(progressAnatomy.keys),filledStyle=defineStyle((props)=>{let{colorScheme:c,theme:t,isIndeterminate,hasStripe}=props,stripeStyle=mode(generateStripe(),generateStripe("1rem","rgba(0,0,0,0.1)"))(props),bgColor=mode(`${c}.500`,`${c}.200`)(props),gradient=`linear-gradient(
|
|
12
|
+
to right,
|
|
13
|
+
transparent 0%,
|
|
14
|
+
${getColor(t,bgColor)} 50%,
|
|
15
|
+
transparent 100%
|
|
16
|
+
)`;return{...!isIndeterminate&&hasStripe&&stripeStyle,...isIndeterminate?{bgImage:gradient}:{bgColor}}}),baseStyleLabel3=defineStyle({lineHeight:"1",fontSize:"0.25em",fontWeight:"bold",color:"white"}),baseStyleTrack=defineStyle((props)=>({bg:mode("gray.100","whiteAlpha.300")(props)})),baseStyleFilledTrack=defineStyle((props)=>({transitionProperty:"common",transitionDuration:"slow",...filledStyle(props)})),baseStyle28=definePartsStyle17((props)=>({label:baseStyleLabel3,filledTrack:baseStyleFilledTrack(props),track:baseStyleTrack(props)})),sizes13={xs:definePartsStyle17({track:{h:"1"}}),sm:definePartsStyle17({track:{h:"2"}}),md:definePartsStyle17({track:{h:"3"}}),lg:definePartsStyle17({track:{h:"4"}})},progressTheme=defineMultiStyleConfig17({sizes:sizes13,baseStyle:baseStyle28,defaultProps:{size:"md",colorScheme:"blue"}});var{defineMultiStyleConfig:defineMultiStyleConfig18,definePartsStyle:definePartsStyle18}=createMultiStyleConfigHelpers(radioAnatomy.keys),baseStyleControl2=defineStyle((props)=>{let controlStyle=runIfFn2(checkboxTheme.baseStyle,props)?.control;return{...controlStyle,borderRadius:"full",_checked:{...controlStyle?._checked,_before:{content:'""',display:"inline-block",pos:"relative",w:"50%",h:"50%",borderRadius:"50%",bg:"currentColor"}}}}),baseStyle29=definePartsStyle18((props)=>({label:checkboxTheme.baseStyle?.(props).label,container:checkboxTheme.baseStyle?.(props).container,control:baseStyleControl2(props)})),sizes14={md:definePartsStyle18({control:{w:"4",h:"4"},label:{fontSize:"md"}}),lg:definePartsStyle18({control:{w:"5",h:"5"},label:{fontSize:"lg"}}),sm:definePartsStyle18({control:{width:"3",height:"3"},label:{fontSize:"sm"}})},radioTheme=defineMultiStyleConfig18({baseStyle:baseStyle29,sizes:sizes14,defaultProps:{size:"md",colorScheme:"blue"}});var{defineMultiStyleConfig:defineMultiStyleConfig19,definePartsStyle:definePartsStyle19}=createMultiStyleConfigHelpers(selectAnatomy.keys),$bg10=cssVar("select-bg"),baseStyleField2=defineStyle({...inputTheme.baseStyle?.field,appearance:"none",paddingBottom:"1px",lineHeight:"normal",bg:$bg10.reference,[$bg10.variable]:"colors.white",_dark:{[$bg10.variable]:"colors.gray.700"},"> option, > optgroup":{bg:$bg10.reference}}),baseStyleIcon6=defineStyle({width:"6",height:"100%",insetEnd:"2",position:"relative",color:"currentColor",fontSize:"xl",_disabled:{opacity:0.5}}),baseStyle30=definePartsStyle19({field:baseStyleField2,icon:baseStyleIcon6}),iconSpacing=defineStyle({paddingInlineEnd:"8"}),sizes15={lg:{...inputTheme.sizes?.lg,field:{...inputTheme.sizes?.lg.field,...iconSpacing}},md:{...inputTheme.sizes?.md,field:{...inputTheme.sizes?.md.field,...iconSpacing}},sm:{...inputTheme.sizes?.sm,field:{...inputTheme.sizes?.sm.field,...iconSpacing}},xs:{...inputTheme.sizes?.xs,field:{...inputTheme.sizes?.xs.field,...iconSpacing},icon:{insetEnd:"1"}}},selectTheme=defineMultiStyleConfig19({baseStyle:baseStyle30,sizes:sizes15,variants:inputTheme.variants,defaultProps:inputTheme.defaultProps});var $startColor=cssVar("skeleton-start-color"),$endColor=cssVar("skeleton-end-color"),baseStyle31=defineStyle({[$startColor.variable]:"colors.gray.100",[$endColor.variable]:"colors.gray.400",_dark:{[$startColor.variable]:"colors.gray.800",[$endColor.variable]:"colors.gray.600"},background:$startColor.reference,borderColor:$endColor.reference,opacity:0.7,borderRadius:"sm"}),skeletonTheme=defineStyleConfig({baseStyle:baseStyle31});var $bg11=cssVar("skip-link-bg"),baseStyle32=defineStyle({borderRadius:"md",fontWeight:"semibold",_focusVisible:{boxShadow:"outline",padding:"4",position:"fixed",top:"6",insetStart:"6",[$bg11.variable]:"colors.white",_dark:{[$bg11.variable]:"colors.gray.700"},bg:$bg11.reference}}),skipLinkTheme=defineStyleConfig({baseStyle:baseStyle32});var{defineMultiStyleConfig:defineMultiStyleConfig20,definePartsStyle:definePartsStyle20}=createMultiStyleConfigHelpers(sliderAnatomy.keys),$thumbSize=cssVar("slider-thumb-size"),$trackSize=cssVar("slider-track-size"),$bg12=cssVar("slider-bg"),baseStyleContainer4=defineStyle((props)=>{let{orientation}=props;return{display:"inline-block",position:"relative",cursor:"pointer",_disabled:{opacity:0.6,cursor:"default",pointerEvents:"none"},...orient({orientation,vertical:{h:"100%",px:calc($thumbSize.reference).divide(2).toString()},horizontal:{w:"100%",py:calc($thumbSize.reference).divide(2).toString()}})}}),baseStyleTrack2=defineStyle((props)=>({...orient({orientation:props.orientation,horizontal:{h:$trackSize.reference},vertical:{w:$trackSize.reference}}),overflow:"hidden",borderRadius:"sm",[$bg12.variable]:"colors.gray.200",_dark:{[$bg12.variable]:"colors.whiteAlpha.200"},_disabled:{[$bg12.variable]:"colors.gray.300",_dark:{[$bg12.variable]:"colors.whiteAlpha.300"}},bg:$bg12.reference})),baseStyleThumb=defineStyle((props)=>{let{orientation}=props;return{...orient({orientation,vertical:{left:"50%"},horizontal:{top:"50%"}}),w:$thumbSize.reference,h:$thumbSize.reference,display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",outline:0,zIndex:1,borderRadius:"full",bg:"white",boxShadow:"base",border:"1px solid",borderColor:"transparent",transitionProperty:"transform",transitionDuration:"normal",_focusVisible:{boxShadow:"outline"},_active:{"--slider-thumb-scale":"1.15"},_disabled:{bg:"gray.300"}}}),baseStyleFilledTrack2=defineStyle((props)=>{let{colorScheme:c}=props;return{width:"inherit",height:"inherit",[$bg12.variable]:`colors.${c}.500`,_dark:{[$bg12.variable]:`colors.${c}.200`},bg:$bg12.reference}}),baseStyle33=definePartsStyle20((props)=>({container:baseStyleContainer4(props),track:baseStyleTrack2(props),thumb:baseStyleThumb(props),filledTrack:baseStyleFilledTrack2(props)})),sizeLg=definePartsStyle20({container:{[$thumbSize.variable]:"sizes.4",[$trackSize.variable]:"sizes.1"}}),sizeMd=definePartsStyle20({container:{[$thumbSize.variable]:"sizes.3.5",[$trackSize.variable]:"sizes.1"}}),sizeSm=definePartsStyle20({container:{[$thumbSize.variable]:"sizes.2.5",[$trackSize.variable]:"sizes.0.5"}}),sizes16={lg:sizeLg,md:sizeMd,sm:sizeSm},sliderTheme=defineMultiStyleConfig20({baseStyle:baseStyle33,sizes:sizes16,defaultProps:{size:"md",colorScheme:"blue"}});var $size4=cssVar2("spinner-size"),baseStyle34=defineStyle({width:[$size4.reference],height:[$size4.reference]}),sizes17={xs:defineStyle({[$size4.variable]:"sizes.3"}),sm:defineStyle({[$size4.variable]:"sizes.4"}),md:defineStyle({[$size4.variable]:"sizes.6"}),lg:defineStyle({[$size4.variable]:"sizes.8"}),xl:defineStyle({[$size4.variable]:"sizes.12"})},spinnerTheme=defineStyleConfig({baseStyle:baseStyle34,sizes:sizes17,defaultProps:{size:"md"}});var{defineMultiStyleConfig:defineMultiStyleConfig21,definePartsStyle:definePartsStyle21}=createMultiStyleConfigHelpers(statAnatomy.keys),baseStyleLabel4=defineStyle({fontWeight:"medium"}),baseStyleHelpText=defineStyle({opacity:0.8,marginBottom:"2"}),baseStyleNumber=defineStyle({verticalAlign:"baseline",fontWeight:"semibold"}),baseStyleIcon7=defineStyle({marginEnd:1,w:"3.5",h:"3.5",verticalAlign:"middle"}),baseStyle35=definePartsStyle21({container:{},label:baseStyleLabel4,helpText:baseStyleHelpText,number:baseStyleNumber,icon:baseStyleIcon7}),sizes18={md:definePartsStyle21({label:{fontSize:"sm"},helpText:{fontSize:"sm"},number:{fontSize:"2xl"}})},statTheme=defineMultiStyleConfig21({baseStyle:baseStyle35,sizes:sizes18,defaultProps:{size:"md"}});var{defineMultiStyleConfig:defineMultiStyleConfig22,definePartsStyle:definePartsStyle22}=createMultiStyleConfigHelpers(["stepper","step","title","description","indicator","separator","icon","number"]),$size5=cssVar("stepper-indicator-size"),$iconSize=cssVar("stepper-icon-size"),$titleFontSize=cssVar("stepper-title-font-size"),$descFontSize=cssVar("stepper-description-font-size"),$accentColor=cssVar("stepper-accent-color"),baseStyle36=definePartsStyle22(({colorScheme:c})=>({stepper:{display:"flex",justifyContent:"space-between",gap:"4","&[data-orientation=vertical]":{flexDirection:"column",alignItems:"flex-start"},"&[data-orientation=horizontal]":{flexDirection:"row",alignItems:"center"},[$accentColor.variable]:`colors.${c}.500`,_dark:{[$accentColor.variable]:`colors.${c}.200`}},title:{fontSize:$titleFontSize.reference,fontWeight:"medium"},description:{fontSize:$descFontSize.reference,color:"chakra-subtle-text"},number:{fontSize:$titleFontSize.reference},step:{flexShrink:0,position:"relative",display:"flex",gap:"2","&[data-orientation=horizontal]":{alignItems:"center"},flex:"1","&:last-of-type:not([data-stretch])":{flex:"initial"}},icon:{flexShrink:0,width:$iconSize.reference,height:$iconSize.reference},indicator:{flexShrink:0,borderRadius:"full",width:$size5.reference,height:$size5.reference,display:"flex",justifyContent:"center",alignItems:"center","&[data-status=active]":{borderWidth:"2px",borderColor:$accentColor.reference},"&[data-status=complete]":{bg:$accentColor.reference,color:"chakra-inverse-text"},"&[data-status=incomplete]":{borderWidth:"2px"}},separator:{bg:"chakra-border-color",flex:"1","&[data-status=complete]":{bg:$accentColor.reference},"&[data-orientation=horizontal]":{width:"100%",height:"2px",marginStart:"2"},"&[data-orientation=vertical]":{width:"2px",position:"absolute",height:"100%",maxHeight:`calc(100% - ${$size5.reference} - 8px)`,top:`calc(${$size5.reference} + 4px)`,insetStart:`calc(${$size5.reference} / 2 - 1px)`}}})),stepperTheme=defineMultiStyleConfig22({baseStyle:baseStyle36,sizes:{xs:definePartsStyle22({stepper:{[$size5.variable]:"sizes.4",[$iconSize.variable]:"sizes.3",[$titleFontSize.variable]:"fontSizes.xs",[$descFontSize.variable]:"fontSizes.xs"}}),sm:definePartsStyle22({stepper:{[$size5.variable]:"sizes.6",[$iconSize.variable]:"sizes.4",[$titleFontSize.variable]:"fontSizes.sm",[$descFontSize.variable]:"fontSizes.xs"}}),md:definePartsStyle22({stepper:{[$size5.variable]:"sizes.8",[$iconSize.variable]:"sizes.5",[$titleFontSize.variable]:"fontSizes.md",[$descFontSize.variable]:"fontSizes.sm"}}),lg:definePartsStyle22({stepper:{[$size5.variable]:"sizes.10",[$iconSize.variable]:"sizes.6",[$titleFontSize.variable]:"fontSizes.lg",[$descFontSize.variable]:"fontSizes.md"}})},defaultProps:{size:"md",colorScheme:"blue"}});var{defineMultiStyleConfig:defineMultiStyleConfig23,definePartsStyle:definePartsStyle23}=createMultiStyleConfigHelpers(switchAnatomy.keys),$width=cssVar2("switch-track-width"),$height2=cssVar2("switch-track-height"),$diff=cssVar2("switch-track-diff"),diffValue=calc2.subtract($width,$height2),$translateX=cssVar2("switch-thumb-x"),$bg13=cssVar2("switch-bg"),baseStyleTrack3=defineStyle((props)=>{let{colorScheme:c}=props;return{borderRadius:"full",p:"0.5",width:[$width.reference],height:[$height2.reference],transitionProperty:"common",transitionDuration:"fast",[$bg13.variable]:"colors.gray.300",_dark:{[$bg13.variable]:"colors.whiteAlpha.400"},_focusVisible:{boxShadow:"outline"},_disabled:{opacity:0.4,cursor:"not-allowed"},_checked:{[$bg13.variable]:`colors.${c}.500`,_dark:{[$bg13.variable]:`colors.${c}.200`}},bg:$bg13.reference}}),baseStyleThumb2=defineStyle({bg:"white",transitionProperty:"transform",transitionDuration:"normal",borderRadius:"inherit",width:[$height2.reference],height:[$height2.reference],_checked:{transform:`translateX(${$translateX.reference})`}}),baseStyle37=definePartsStyle23((props)=>({container:{[$diff.variable]:diffValue,[$translateX.variable]:$diff.reference,_rtl:{[$translateX.variable]:calc2($diff).negate().toString()}},track:baseStyleTrack3(props),thumb:baseStyleThumb2})),sizes19={sm:definePartsStyle23({container:{[$width.variable]:"1.375rem",[$height2.variable]:"sizes.3"}}),md:definePartsStyle23({container:{[$width.variable]:"1.875rem",[$height2.variable]:"sizes.4"}}),lg:definePartsStyle23({container:{[$width.variable]:"2.875rem",[$height2.variable]:"sizes.6"}})},switchTheme=defineMultiStyleConfig23({baseStyle:baseStyle37,sizes:sizes19,defaultProps:{size:"md",colorScheme:"blue"}});var{defineMultiStyleConfig:defineMultiStyleConfig24,definePartsStyle:definePartsStyle24}=createMultiStyleConfigHelpers(tableAnatomy.keys),baseStyle38=definePartsStyle24({table:{fontVariantNumeric:"lining-nums tabular-nums",borderCollapse:"collapse",width:"full"},th:{fontFamily:"heading",fontWeight:"bold",textTransform:"uppercase",letterSpacing:"wider",textAlign:"start"},td:{textAlign:"start"},caption:{mt:4,fontFamily:"heading",textAlign:"center",fontWeight:"medium"}}),numericStyles=defineStyle({"&[data-is-numeric=true]":{textAlign:"end"}}),variantSimple=definePartsStyle24((props)=>{let{colorScheme:c}=props;return{th:{color:mode("gray.600","gray.400")(props),borderBottom:"1px",borderColor:mode(`${c}.100`,`${c}.700`)(props),...numericStyles},td:{borderBottom:"1px",borderColor:mode(`${c}.100`,`${c}.700`)(props),...numericStyles},caption:{color:mode("gray.600","gray.100")(props)},tfoot:{tr:{"&:last-of-type":{th:{borderBottomWidth:0}}}}}}),variantStripe=definePartsStyle24((props)=>{let{colorScheme:c}=props;return{th:{color:mode("gray.600","gray.400")(props),borderBottom:"1px",borderColor:mode(`${c}.100`,`${c}.700`)(props),...numericStyles},td:{borderBottom:"1px",borderColor:mode(`${c}.100`,`${c}.700`)(props),...numericStyles},caption:{color:mode("gray.600","gray.100")(props)},tbody:{tr:{"&:nth-of-type(odd)":{"th, td":{borderBottomWidth:"1px",borderColor:mode(`${c}.100`,`${c}.700`)(props)},td:{background:mode(`${c}.100`,`${c}.700`)(props)}}}},tfoot:{tr:{"&:last-of-type":{th:{borderBottomWidth:0}}}}}}),variants9={simple:variantSimple,striped:variantStripe,unstyled:defineStyle({})},sizes20={sm:definePartsStyle24({th:{px:"4",py:"1",lineHeight:"4",fontSize:"xs"},td:{px:"4",py:"2",fontSize:"sm",lineHeight:"4"},caption:{px:"4",py:"2",fontSize:"xs"}}),md:definePartsStyle24({th:{px:"6",py:"3",lineHeight:"4",fontSize:"xs"},td:{px:"6",py:"4",lineHeight:"5"},caption:{px:"6",py:"2",fontSize:"sm"}}),lg:definePartsStyle24({th:{px:"8",py:"4",lineHeight:"5",fontSize:"sm"},td:{px:"8",py:"5",lineHeight:"6"},caption:{px:"6",py:"2",fontSize:"md"}})},tableTheme=defineMultiStyleConfig24({baseStyle:baseStyle38,variants:variants9,sizes:sizes20,defaultProps:{variant:"simple",size:"md",colorScheme:"gray"}});var $fg5=cssVar("tabs-color"),$bg14=cssVar("tabs-bg"),$border4=cssVar("tabs-border-color"),{defineMultiStyleConfig:defineMultiStyleConfig25,definePartsStyle:definePartsStyle25}=createMultiStyleConfigHelpers(tabsAnatomy.keys),baseStyleRoot2=defineStyle((props)=>{let{orientation}=props;return{display:orientation==="vertical"?"flex":"block"}}),baseStyleTab=defineStyle((props)=>{let{isFitted}=props;return{flex:isFitted?1:void 0,transitionProperty:"common",transitionDuration:"normal",_focusVisible:{zIndex:1,boxShadow:"outline"},_disabled:{cursor:"not-allowed",opacity:0.4}}}),baseStyleTablist=defineStyle((props)=>{let{align="start",orientation}=props;return{justifyContent:{end:"flex-end",center:"center",start:"flex-start"}[align],flexDirection:orientation==="vertical"?"column":"row"}}),baseStyleTabpanel=defineStyle({p:4}),baseStyle39=definePartsStyle25((props)=>({root:baseStyleRoot2(props),tab:baseStyleTab(props),tablist:baseStyleTablist(props),tabpanel:baseStyleTabpanel})),sizes21={sm:definePartsStyle25({tab:{py:1,px:4,fontSize:"sm"}}),md:definePartsStyle25({tab:{fontSize:"md",py:2,px:4}}),lg:definePartsStyle25({tab:{fontSize:"lg",py:3,px:4}})},variantLine=definePartsStyle25((props)=>{let{colorScheme:c,orientation}=props,isVertical=orientation==="vertical",borderProp=isVertical?"borderStart":"borderBottom",marginProp=isVertical?"marginStart":"marginBottom";return{tablist:{[borderProp]:"2px solid",borderColor:"inherit"},tab:{[borderProp]:"2px solid",borderColor:"transparent",[marginProp]:"-2px",_selected:{[$fg5.variable]:`colors.${c}.600`,_dark:{[$fg5.variable]:`colors.${c}.300`},borderColor:"currentColor"},_active:{[$bg14.variable]:"colors.gray.200",_dark:{[$bg14.variable]:"colors.whiteAlpha.300"}},_disabled:{_active:{bg:"none"}},color:$fg5.reference,bg:$bg14.reference}}}),variantEnclosed=definePartsStyle25((props)=>{let{colorScheme:c}=props;return{tab:{borderTopRadius:"md",border:"1px solid",borderColor:"transparent",mb:"-1px",[$border4.variable]:"transparent",_selected:{[$fg5.variable]:`colors.${c}.600`,[$border4.variable]:"colors.white",_dark:{[$fg5.variable]:`colors.${c}.300`,[$border4.variable]:"colors.gray.800"},borderColor:"inherit",borderBottomColor:$border4.reference},color:$fg5.reference},tablist:{mb:"-1px",borderBottom:"1px solid",borderColor:"inherit"}}}),variantEnclosedColored=definePartsStyle25((props)=>{let{colorScheme:c}=props;return{tab:{border:"1px solid",borderColor:"inherit",[$bg14.variable]:"colors.gray.50",_dark:{[$bg14.variable]:"colors.whiteAlpha.50"},mb:"-1px",_notLast:{marginEnd:"-1px"},_selected:{[$bg14.variable]:"colors.white",[$fg5.variable]:`colors.${c}.600`,_dark:{[$bg14.variable]:"colors.gray.800",[$fg5.variable]:`colors.${c}.300`},borderColor:"inherit",borderTopColor:"currentColor",borderBottomColor:"transparent"},color:$fg5.reference,bg:$bg14.reference},tablist:{mb:"-1px",borderBottom:"1px solid",borderColor:"inherit"}}}),variantSoftRounded=definePartsStyle25((props)=>{let{colorScheme:c,theme}=props;return{tab:{borderRadius:"full",fontWeight:"semibold",color:"gray.600",_selected:{color:getColor(theme,`${c}.700`),bg:getColor(theme,`${c}.100`)}}}}),variantSolidRounded=definePartsStyle25((props)=>{let{colorScheme:c}=props;return{tab:{borderRadius:"full",fontWeight:"semibold",[$fg5.variable]:"colors.gray.600",_dark:{[$fg5.variable]:"inherit"},_selected:{[$fg5.variable]:"colors.white",[$bg14.variable]:`colors.${c}.600`,_dark:{[$fg5.variable]:"colors.gray.800",[$bg14.variable]:`colors.${c}.300`}},color:$fg5.reference,bg:$bg14.reference}}}),variantUnstyled3=definePartsStyle25({}),variants10={line:variantLine,enclosed:variantEnclosed,"enclosed-colored":variantEnclosedColored,"soft-rounded":variantSoftRounded,"solid-rounded":variantSolidRounded,unstyled:variantUnstyled3},tabsTheme=defineMultiStyleConfig25({baseStyle:baseStyle39,sizes:sizes21,variants:variants10,defaultProps:{size:"md",variant:"line",colorScheme:"blue"}});var{defineMultiStyleConfig:defineMultiStyleConfig26,definePartsStyle:definePartsStyle26}=createMultiStyleConfigHelpers(tagAnatomy.keys),$bg15=cssVar("tag-bg"),$color=cssVar("tag-color"),$shadow4=cssVar("tag-shadow"),$minH=cssVar("tag-min-height"),$minW=cssVar("tag-min-width"),$fontSize2=cssVar("tag-font-size"),$paddingX=cssVar("tag-padding-inline"),baseStyleContainer5=defineStyle({fontWeight:"medium",lineHeight:1.2,outline:0,[$color.variable]:vars.color.reference,[$bg15.variable]:vars.bg.reference,[$shadow4.variable]:vars.shadow.reference,color:$color.reference,bg:$bg15.reference,boxShadow:$shadow4.reference,borderRadius:"md",minH:$minH.reference,minW:$minW.reference,fontSize:$fontSize2.reference,px:$paddingX.reference,_focusVisible:{[$shadow4.variable]:"shadows.outline"}}),baseStyleLabel5=defineStyle({lineHeight:1.2,overflow:"visible"}),baseStyleCloseButton4=defineStyle({fontSize:"lg",w:"5",h:"5",transitionProperty:"common",transitionDuration:"normal",borderRadius:"full",marginStart:"1.5",marginEnd:"-1",opacity:0.5,_disabled:{opacity:0.4},_focusVisible:{boxShadow:"outline",bg:"rgba(0, 0, 0, 0.14)"},_hover:{opacity:0.8},_active:{opacity:1}}),baseStyle40=definePartsStyle26({container:baseStyleContainer5,label:baseStyleLabel5,closeButton:baseStyleCloseButton4}),sizes22={sm:definePartsStyle26({container:{[$minH.variable]:"sizes.5",[$minW.variable]:"sizes.5",[$fontSize2.variable]:"fontSizes.xs",[$paddingX.variable]:"space.2"},closeButton:{marginEnd:"-2px",marginStart:"0.35rem"}}),md:definePartsStyle26({container:{[$minH.variable]:"sizes.6",[$minW.variable]:"sizes.6",[$fontSize2.variable]:"fontSizes.sm",[$paddingX.variable]:"space.2"}}),lg:definePartsStyle26({container:{[$minH.variable]:"sizes.8",[$minW.variable]:"sizes.8",[$fontSize2.variable]:"fontSizes.md",[$paddingX.variable]:"space.3"}})},variants11={subtle:definePartsStyle26((props)=>({container:badgeTheme.variants?.subtle(props)})),solid:definePartsStyle26((props)=>({container:badgeTheme.variants?.solid(props)})),outline:definePartsStyle26((props)=>({container:badgeTheme.variants?.outline(props)}))},tagTheme=defineMultiStyleConfig26({variants:variants11,baseStyle:baseStyle40,sizes:sizes22,defaultProps:{size:"md",variant:"subtle",colorScheme:"gray"}});var baseStyle41=defineStyle({...inputTheme.baseStyle?.field,paddingY:"2",minHeight:"20",lineHeight:"short",verticalAlign:"top"}),variants12={outline:defineStyle((props)=>inputTheme.variants?.outline(props).field??{}),flushed:defineStyle((props)=>inputTheme.variants?.flushed(props).field??{}),filled:defineStyle((props)=>inputTheme.variants?.filled(props).field??{}),unstyled:inputTheme.variants?.unstyled.field??{}},sizes23={xs:inputTheme.sizes?.xs.field??{},sm:inputTheme.sizes?.sm.field??{},md:inputTheme.sizes?.md.field??{},lg:inputTheme.sizes?.lg.field??{}},textareaTheme=defineStyleConfig({baseStyle:baseStyle41,sizes:sizes23,variants:variants12,defaultProps:{size:"md",variant:"outline"}});var $bg16=cssVar2("tooltip-bg"),$fg6=cssVar2("tooltip-fg"),$arrowBg2=cssVar2("popper-arrow-bg"),baseStyle42=defineStyle({bg:$bg16.reference,color:$fg6.reference,[$bg16.variable]:"colors.gray.700",[$fg6.variable]:"colors.whiteAlpha.900",_dark:{[$bg16.variable]:"colors.gray.300",[$fg6.variable]:"colors.gray.900"},[$arrowBg2.variable]:$bg16.reference,px:"2",py:"0.5",borderRadius:"sm",fontWeight:"medium",fontSize:"sm",boxShadow:"md",maxW:"xs",zIndex:"tooltip"}),tooltipTheme=defineStyleConfig({baseStyle:baseStyle42});var components={Accordion:accordionTheme,Alert:alertTheme,Avatar:avatarTheme,Badge:badgeTheme,Breadcrumb:breadcrumbTheme,Button:buttonTheme,Checkbox:checkboxTheme,CloseButton:closeButtonTheme,Code:codeTheme,Container:containerTheme,Divider:dividerTheme,Drawer:drawerTheme,Editable:editableTheme,Form:formTheme,FormError:formErrorTheme,FormLabel:formLabelTheme,Heading:headingTheme,Input:inputTheme,Kbd:kbdTheme,Link:linkTheme,List:listTheme,Menu:menuTheme,Modal:modalTheme,NumberInput:numberInputTheme,PinInput:pinInputTheme,Popover:popoverTheme,Progress:progressTheme,Radio:radioTheme,Select:selectTheme,Skeleton:skeletonTheme,SkipLink:skipLinkTheme,Slider:sliderTheme,Spinner:spinnerTheme,Stat:statTheme,Switch:switchTheme,Table:tableTheme,Tabs:tabsTheme,Tag:tagTheme,Textarea:textareaTheme,Tooltip:tooltipTheme,Card:cardTheme,Stepper:stepperTheme};var borders={none:0,"1px":"1px solid","2px":"2px solid","4px":"4px solid","8px":"8px solid"};var breakpoints2={base:"0em",sm:"30em",md:"48em",lg:"62em",xl:"80em","2xl":"96em"};var colors={transparent:"transparent",current:"currentColor",black:"#000000",white:"#FFFFFF",whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},gray:{50:"#F7FAFC",100:"#EDF2F7",200:"#E2E8F0",300:"#CBD5E0",400:"#A0AEC0",500:"#718096",600:"#4A5568",700:"#2D3748",800:"#1A202C",900:"#171923"},red:{50:"#FFF5F5",100:"#FED7D7",200:"#FEB2B2",300:"#FC8181",400:"#F56565",500:"#E53E3E",600:"#C53030",700:"#9B2C2C",800:"#822727",900:"#63171B"},orange:{50:"#FFFAF0",100:"#FEEBC8",200:"#FBD38D",300:"#F6AD55",400:"#ED8936",500:"#DD6B20",600:"#C05621",700:"#9C4221",800:"#7B341E",900:"#652B19"},yellow:{50:"#FFFFF0",100:"#FEFCBF",200:"#FAF089",300:"#F6E05E",400:"#ECC94B",500:"#D69E2E",600:"#B7791F",700:"#975A16",800:"#744210",900:"#5F370E"},green:{50:"#F0FFF4",100:"#C6F6D5",200:"#9AE6B4",300:"#68D391",400:"#48BB78",500:"#38A169",600:"#2F855A",700:"#276749",800:"#22543D",900:"#1C4532"},teal:{50:"#E6FFFA",100:"#B2F5EA",200:"#81E6D9",300:"#4FD1C5",400:"#38B2AC",500:"#319795",600:"#2C7A7B",700:"#285E61",800:"#234E52",900:"#1D4044"},blue:{50:"#ebf8ff",100:"#bee3f8",200:"#90cdf4",300:"#63b3ed",400:"#4299e1",500:"#3182ce",600:"#2b6cb0",700:"#2c5282",800:"#2a4365",900:"#1A365D"},cyan:{50:"#EDFDFD",100:"#C4F1F9",200:"#9DECF9",300:"#76E4F7",400:"#0BC5EA",500:"#00B5D8",600:"#00A3C4",700:"#0987A0",800:"#086F83",900:"#065666"},purple:{50:"#FAF5FF",100:"#E9D8FD",200:"#D6BCFA",300:"#B794F4",400:"#9F7AEA",500:"#805AD5",600:"#6B46C1",700:"#553C9A",800:"#44337A",900:"#322659"},pink:{50:"#FFF5F7",100:"#FED7E2",200:"#FBB6CE",300:"#F687B3",400:"#ED64A6",500:"#D53F8C",600:"#B83280",700:"#97266D",800:"#702459",900:"#521B41"}};var radii={none:"0",sm:"0.125rem",base:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"};var shadows={xs:"0 0 0 1px rgba(0, 0, 0, 0.05)",sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",base:"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)","2xl":"0 25px 50px -12px rgba(0, 0, 0, 0.25)",outline:"0 0 0 3px rgba(66, 153, 225, 0.6)",inner:"inset 0 2px 4px 0 rgba(0,0,0,0.06)",none:"none","dark-lg":"rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px"};var transitionProperty={common:"background-color, border-color, color, fill, stroke, opacity, box-shadow, transform",colors:"background-color, border-color, color, fill, stroke",dimensions:"width, height",position:"left, right, top, bottom",background:"background-color, background-image, background-position"},transitionTimingFunction={"ease-in":"cubic-bezier(0.4, 0, 1, 1)","ease-out":"cubic-bezier(0, 0, 0.2, 1)","ease-in-out":"cubic-bezier(0.4, 0, 0.2, 1)"},transitionDuration={"ultra-fast":"50ms",faster:"100ms",fast:"150ms",normal:"200ms",slow:"300ms",slower:"400ms","ultra-slow":"500ms"},transition2={property:transitionProperty,easing:transitionTimingFunction,duration:transitionDuration};var zIndices={hide:-1,auto:"auto",base:0,docked:10,dropdown:1000,sticky:1100,banner:1200,overlay:1300,modal:1400,popover:1500,skipLink:1600,toast:1700,tooltip:1800};var blur={none:0,sm:"4px",base:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"};var foundations={breakpoints:breakpoints2,zIndices,radii,blur,colors,...typography2,sizes,shadows,space:spacing,borders,transition:transition2};var semanticTokens={colors:{"chakra-body-text":{_light:"gray.800",_dark:"whiteAlpha.900"},"chakra-body-bg":{_light:"white",_dark:"gray.800"},"chakra-border-color":{_light:"gray.200",_dark:"whiteAlpha.300"},"chakra-inverse-text":{_light:"white",_dark:"gray.800"},"chakra-subtle-bg":{_light:"gray.100",_dark:"gray.700"},"chakra-subtle-text":{_light:"gray.600",_dark:"gray.400"},"chakra-placeholder-color":{_light:"gray.500",_dark:"whiteAlpha.400"}}};var styles={global:{body:{fontFamily:"body",color:"chakra-body-text",bg:"chakra-body-bg",transitionProperty:"background-color",transitionDuration:"normal",lineHeight:"base"},"*::placeholder":{color:"chakra-placeholder-color"},"*, *::before, *::after":{borderColor:"chakra-border-color"}}};var requiredChakraThemeKeys=["borders","breakpoints","colors","components","config","direction","fonts","fontSizes","fontWeights","letterSpacings","lineHeights","radii","shadows","sizes","space","styles","transition","zIndices"];function isChakraTheme(unit){if(!isObject(unit))return!1;return requiredChakraThemeKeys.every((propertyName)=>Object.prototype.hasOwnProperty.call(unit,propertyName))}var direction="ltr",config={useSystemColorMode:!1,initialColorMode:"light",cssVarPrefix:"chakra"},theme={semanticTokens,direction,...foundations,components,styles,config},baseTheme={semanticTokens,direction,components:{},...foundations,styles,config};var import_jsx_runtime24=__toESM(require_react_jsx_runtime_development(),1);var import_jsx_runtime6=__toESM(require_react_jsx_runtime_development(),1);var import_jsx_runtime=__toESM(require_react_jsx_runtime_development(),1);var import_react14=__toESM(require_react_development(),1);var import_react12=__toESM(require_react_development(),1),ColorModeContext=import_react12.createContext({});ColorModeContext.displayName="ColorModeContext";function useColorMode(){let context=import_react12.useContext(ColorModeContext);if(context===void 0)throw Error("useColorMode must be used within a ColorModeProvider");return context}var classNames={light:"chakra-ui-light",dark:"chakra-ui-dark"};function getColorModeUtils(options={}){let{preventTransition=!0,nonce}=options,utils={setDataset:(value)=>{let cleanup=preventTransition?utils.preventTransition():void 0;document.documentElement.dataset.theme=value,document.documentElement.style.colorScheme=value,cleanup?.()},setClassName(dark){document.body.classList.add(dark?classNames.dark:classNames.light),document.body.classList.remove(dark?classNames.light:classNames.dark)},query(){return window.matchMedia("(prefers-color-scheme: dark)")},getSystemTheme(fallback){return utils.query().matches??fallback==="dark"?"dark":"light"},addListener(fn){let mql=utils.query(),listener=(e)=>{fn(e.matches?"dark":"light")};if(typeof mql.addListener==="function")mql.addListener(listener);else mql.addEventListener("change",listener);return()=>{if(typeof mql.removeListener==="function")mql.removeListener(listener);else mql.removeEventListener("change",listener)}},preventTransition(){let css=document.createElement("style");if(css.appendChild(document.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),nonce!==void 0)css.nonce=nonce;return document.head.appendChild(css),()=>{(()=>window.getComputedStyle(document.body))(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{document.head.removeChild(css)})})}}};return utils}function createLocalStorageManager(key){return{ssr:!1,type:"localStorage",get(init){if(!globalThis?.document)return init;let value;try{value=localStorage.getItem(key)||init}catch(e){}return value||init},set(value){try{localStorage.setItem(key,value)}catch(e){}}}}var localStorageManager=createLocalStorageManager("chakra-ui-color-mode");function parseCookie(cookie,key){return cookie.match(new RegExp(`(^| )${key}=([^;]+)`))?.[2]}function createCookieStorageManager(key,cookie){return{ssr:!!cookie,type:"cookie",get(init){if(cookie)return parseCookie(cookie,key);if(!globalThis?.document)return init;return parseCookie(document.cookie,key)||init},set(value){document.cookie=`${key}=${value}; max-age=31536000; path=/`}}}var cookieStorageManager=createCookieStorageManager("chakra-ui-color-mode");var noop=()=>{},useSafeLayoutEffect2=isBrowser()?import_react14.useLayoutEffect:import_react14.useEffect;function getTheme(manager,fallback){return manager.type==="cookie"&&manager.ssr?manager.get(fallback):fallback}var ColorModeProvider=function(props){let{value,children,options:{useSystemColorMode,initialColorMode,disableTransitionOnChange}={},colorModeManager=localStorageManager}=props,cache=import_emotion_react_development_cjs.__unsafe_useEmotionCache(),defaultColorMode=initialColorMode==="dark"?"dark":"light",[colorMode,rawSetColorMode]=import_react14.useState(()=>getTheme(colorModeManager,defaultColorMode)),[resolvedColorMode,setResolvedColorMode]=import_react14.useState(()=>getTheme(colorModeManager)),{getSystemTheme,setClassName,setDataset,addListener}=import_react14.useMemo(()=>getColorModeUtils({preventTransition:disableTransitionOnChange,nonce:cache?.nonce}),[disableTransitionOnChange,cache?.nonce]),resolvedValue=initialColorMode==="system"&&!colorMode?resolvedColorMode:colorMode,setColorMode=import_react14.useCallback((value2)=>{let resolved=value2==="system"?getSystemTheme():value2;rawSetColorMode(resolved),setClassName(resolved==="dark"),setDataset(resolved),colorModeManager.set(resolved)},[colorModeManager,getSystemTheme,setClassName,setDataset]);useSafeLayoutEffect2(()=>{if(initialColorMode==="system")setResolvedColorMode(getSystemTheme())},[]),import_react14.useEffect(()=>{let managerValue=colorModeManager.get();if(managerValue){setColorMode(managerValue);return}if(initialColorMode==="system"){setColorMode("system");return}setColorMode(defaultColorMode)},[colorModeManager,defaultColorMode,initialColorMode,setColorMode]);let toggleColorMode=import_react14.useCallback(()=>{setColorMode(resolvedValue==="dark"?"light":"dark")},[resolvedValue,setColorMode]);import_react14.useEffect(()=>{if(!useSystemColorMode)return;return addListener(setColorMode)},[useSystemColorMode,addListener,setColorMode]);let context=import_react14.useMemo(()=>({colorMode:value??resolvedValue,toggleColorMode:value?noop:toggleColorMode,setColorMode:value?noop:setColorMode,forced:value!==void 0}),[resolvedValue,toggleColorMode,setColorMode,value]);return import_jsx_runtime.jsx(ColorModeContext.Provider,{value:context,children})};ColorModeProvider.displayName="ColorModeProvider";function DarkMode(props){let context=import_react14.useMemo(()=>({colorMode:"dark",toggleColorMode:noop,setColorMode:noop,forced:!0}),[]);return import_jsx_runtime.jsx(ColorModeContext.Provider,{value:context,...props})}DarkMode.displayName="DarkMode";function LightMode(props){let context=import_react14.useMemo(()=>({colorMode:"light",toggleColorMode:noop,setColorMode:noop,forced:!0}),[]);return import_jsx_runtime.jsx(ColorModeContext.Provider,{value:context,...props})}LightMode.displayName="LightMode";var import_jsx_runtime2=__toESM(require_react_jsx_runtime_development(),1);var css2=String.raw,vhPolyfill=css2`
|
|
17
|
+
:root,
|
|
18
|
+
:host {
|
|
19
|
+
--chakra-vh: 100vh;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@supports (height: -webkit-fill-available) {
|
|
23
|
+
:root,
|
|
24
|
+
:host {
|
|
25
|
+
--chakra-vh: -webkit-fill-available;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@supports (height: -moz-fill-available) {
|
|
30
|
+
:root,
|
|
31
|
+
:host {
|
|
32
|
+
--chakra-vh: -moz-fill-available;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@supports (height: 100dvh) {
|
|
37
|
+
:root,
|
|
38
|
+
:host {
|
|
39
|
+
--chakra-vh: 100dvh;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
`,CSSPolyfill=()=>import_jsx_runtime2.jsx(import_emotion_react_development_cjs.Global,{styles:vhPolyfill}),CSSReset=({scope=""})=>import_jsx_runtime2.jsx(import_emotion_react_development_cjs.Global,{styles:css2`
|
|
43
|
+
html {
|
|
44
|
+
line-height: 1.5;
|
|
45
|
+
-webkit-text-size-adjust: 100%;
|
|
46
|
+
font-family: system-ui, sans-serif;
|
|
47
|
+
-webkit-font-smoothing: antialiased;
|
|
48
|
+
text-rendering: optimizeLegibility;
|
|
49
|
+
-moz-osx-font-smoothing: grayscale;
|
|
50
|
+
touch-action: manipulation;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
body {
|
|
54
|
+
position: relative;
|
|
55
|
+
min-height: 100%;
|
|
56
|
+
margin: 0;
|
|
57
|
+
font-feature-settings: "kern";
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
${scope} :where(*, *::before, *::after) {
|
|
61
|
+
border-width: 0;
|
|
62
|
+
border-style: solid;
|
|
63
|
+
box-sizing: border-box;
|
|
64
|
+
word-wrap: break-word;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
main {
|
|
68
|
+
display: block;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
${scope} hr {
|
|
72
|
+
border-top-width: 1px;
|
|
73
|
+
box-sizing: content-box;
|
|
74
|
+
height: 0;
|
|
75
|
+
overflow: visible;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
${scope} :where(pre, code, kbd,samp) {
|
|
79
|
+
font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
|
|
80
|
+
font-size: 1em;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
${scope} a {
|
|
84
|
+
background-color: transparent;
|
|
85
|
+
color: inherit;
|
|
86
|
+
text-decoration: inherit;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
${scope} abbr[title] {
|
|
90
|
+
border-bottom: none;
|
|
91
|
+
text-decoration: underline;
|
|
92
|
+
-webkit-text-decoration: underline dotted;
|
|
93
|
+
text-decoration: underline dotted;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
${scope} :where(b, strong) {
|
|
97
|
+
font-weight: bold;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
${scope} small {
|
|
101
|
+
font-size: 80%;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
${scope} :where(sub,sup) {
|
|
105
|
+
font-size: 75%;
|
|
106
|
+
line-height: 0;
|
|
107
|
+
position: relative;
|
|
108
|
+
vertical-align: baseline;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
${scope} sub {
|
|
112
|
+
bottom: -0.25em;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
${scope} sup {
|
|
116
|
+
top: -0.5em;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
${scope} img {
|
|
120
|
+
border-style: none;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
${scope} :where(button, input, optgroup, select, textarea) {
|
|
124
|
+
font-family: inherit;
|
|
125
|
+
font-size: 100%;
|
|
126
|
+
line-height: 1.15;
|
|
127
|
+
margin: 0;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
${scope} :where(button, input) {
|
|
131
|
+
overflow: visible;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
${scope} :where(button, select) {
|
|
135
|
+
text-transform: none;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
${scope} :where(
|
|
139
|
+
button::-moz-focus-inner,
|
|
140
|
+
[type="button"]::-moz-focus-inner,
|
|
141
|
+
[type="reset"]::-moz-focus-inner,
|
|
142
|
+
[type="submit"]::-moz-focus-inner
|
|
143
|
+
) {
|
|
144
|
+
border-style: none;
|
|
145
|
+
padding: 0;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
${scope} fieldset {
|
|
149
|
+
padding: 0.35em 0.75em 0.625em;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
${scope} legend {
|
|
153
|
+
box-sizing: border-box;
|
|
154
|
+
color: inherit;
|
|
155
|
+
display: table;
|
|
156
|
+
max-width: 100%;
|
|
157
|
+
padding: 0;
|
|
158
|
+
white-space: normal;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
${scope} progress {
|
|
162
|
+
vertical-align: baseline;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
${scope} textarea {
|
|
166
|
+
overflow: auto;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
${scope} :where([type="checkbox"], [type="radio"]) {
|
|
170
|
+
box-sizing: border-box;
|
|
171
|
+
padding: 0;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
${scope} input[type="number"]::-webkit-inner-spin-button,
|
|
175
|
+
${scope} input[type="number"]::-webkit-outer-spin-button {
|
|
176
|
+
-webkit-appearance: none !important;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
${scope} input[type="number"] {
|
|
180
|
+
-moz-appearance: textfield;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
${scope} input[type="search"] {
|
|
184
|
+
-webkit-appearance: textfield;
|
|
185
|
+
outline-offset: -2px;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
${scope} input[type="search"]::-webkit-search-decoration {
|
|
189
|
+
-webkit-appearance: none !important;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
${scope} ::-webkit-file-upload-button {
|
|
193
|
+
-webkit-appearance: button;
|
|
194
|
+
font: inherit;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
${scope} details {
|
|
198
|
+
display: block;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
${scope} summary {
|
|
202
|
+
display: list-item;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
template {
|
|
206
|
+
display: none;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
[hidden] {
|
|
210
|
+
display: none !important;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
${scope} :where(
|
|
214
|
+
blockquote,
|
|
215
|
+
dl,
|
|
216
|
+
dd,
|
|
217
|
+
h1,
|
|
218
|
+
h2,
|
|
219
|
+
h3,
|
|
220
|
+
h4,
|
|
221
|
+
h5,
|
|
222
|
+
h6,
|
|
223
|
+
hr,
|
|
224
|
+
figure,
|
|
225
|
+
p,
|
|
226
|
+
pre
|
|
227
|
+
) {
|
|
228
|
+
margin: 0;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
${scope} button {
|
|
232
|
+
background: transparent;
|
|
233
|
+
padding: 0;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
${scope} fieldset {
|
|
237
|
+
margin: 0;
|
|
238
|
+
padding: 0;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
${scope} :where(ol, ul) {
|
|
242
|
+
margin: 0;
|
|
243
|
+
padding: 0;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
${scope} textarea {
|
|
247
|
+
resize: vertical;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
${scope} :where(button, [role="button"]) {
|
|
251
|
+
cursor: pointer;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
${scope} button::-moz-focus-inner {
|
|
255
|
+
border: 0 !important;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
${scope} table {
|
|
259
|
+
border-collapse: collapse;
|
|
260
|
+
}
|
|
261
|
+
|
|
262
|
+
${scope} :where(h1, h2, h3, h4, h5, h6) {
|
|
263
|
+
font-size: inherit;
|
|
264
|
+
font-weight: inherit;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
${scope} :where(button, input, optgroup, select, textarea) {
|
|
268
|
+
padding: 0;
|
|
269
|
+
line-height: inherit;
|
|
270
|
+
color: inherit;
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
${scope} :where(img, svg, video, canvas, audio, iframe, embed, object) {
|
|
274
|
+
display: block;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
${scope} :where(img, video) {
|
|
278
|
+
max-width: 100%;
|
|
279
|
+
height: auto;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
[data-js-focus-visible]
|
|
283
|
+
:focus:not([data-focus-visible-added]):not(
|
|
284
|
+
[data-focus-visible-disabled]
|
|
285
|
+
) {
|
|
286
|
+
outline: none;
|
|
287
|
+
box-shadow: none;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
${scope} select::-ms-expand {
|
|
291
|
+
display: none;
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
${vhPolyfill}
|
|
295
|
+
`});var import_jsx_runtime3=__toESM(require_react_jsx_runtime_development(),1);var import_react17=__toESM(require_react_development(),1);function ThemeProvider2(props){let{cssVarsRoot,theme,children}=props,computedTheme=import_react17.useMemo(()=>toCSSVar(theme),[theme]);return import_jsx_runtime3.jsxs(import_emotion_react_development_cjs.ThemeProvider,{theme:computedTheme,children:[import_jsx_runtime3.jsx(CSSVars,{root:cssVarsRoot}),children]})}function CSSVars({root=":host, :root"}){let selector=[root,"[data-theme]"].join(",");return import_jsx_runtime3.jsx(import_emotion_react_development_cjs.Global,{styles:(theme)=>({[selector]:theme.__cssVars})})}var[StylesProvider,useStyles]=createContext({name:"StylesContext",errorMessage:"useStyles: `styles` is undefined. Seems you forgot to wrap the components in `<StylesProvider />` "});function createStylesContext(componentName){return createContext({name:`${componentName}StylesContext`,errorMessage:`useStyles: "styles" is undefined. Seems you forgot to wrap the components in "<${componentName} />" `})}function GlobalStyle(){let{colorMode}=useColorMode();return import_jsx_runtime3.jsx(import_emotion_react_development_cjs.Global,{styles:(theme)=>{let styleObjectOrFn=memoizedGet(theme,"styles.global"),globalStyles=runIfFn(styleObjectOrFn,{theme,colorMode});if(!globalStyles)return;return css(globalStyles)(theme)}})}var import_jsx_runtime4=__toESM(require_react_jsx_runtime_development(),1);var[PortalManagerContextProvider,usePortalManager]=createContext({strict:!1,name:"PortalManagerContext"});function PortalManager(props){let{children,zIndex}=props;return import_jsx_runtime4.jsx(PortalManagerContextProvider,{value:{zIndex},children})}PortalManager.displayName="PortalManager";var import_jsx_runtime5=__toESM(require_react_jsx_runtime_development(),1);var import_react18=__toESM(require_react_development(),1),EnvironmentContext=import_react18.createContext({getDocument(){return document},getWindow(){return window}});EnvironmentContext.displayName="EnvironmentContext";function EnvironmentProvider(props){let{children,environment:environmentProp,disabled}=props,ref=import_react18.useRef(null),context=import_react18.useMemo(()=>{if(environmentProp)return environmentProp;return{getDocument:()=>ref.current?.ownerDocument??document,getWindow:()=>ref.current?.ownerDocument.defaultView??window}},[environmentProp]),showSpan=!disabled||!environmentProp;return import_jsx_runtime5.jsxs(EnvironmentContext.Provider,{value:context,children:[children,showSpan&&import_jsx_runtime5.jsx("span",{id:"__chakra_env",hidden:!0,ref})]})}EnvironmentProvider.displayName="EnvironmentProvider";var Provider=(props)=>{let{children,colorModeManager,portalZIndex,resetScope,resetCSS=!0,theme={},environment,cssVarsRoot,disableEnvironment,disableGlobalStyle}=props,_children=import_jsx_runtime6.jsx(EnvironmentProvider,{environment,disabled:disableEnvironment,children});return import_jsx_runtime6.jsx(ThemeProvider2,{theme,cssVarsRoot,children:import_jsx_runtime6.jsxs(ColorModeProvider,{colorModeManager,options:theme.config,children:[resetCSS?import_jsx_runtime6.jsx(CSSReset,{scope:resetScope}):import_jsx_runtime6.jsx(CSSPolyfill,{}),!disableGlobalStyle&&import_jsx_runtime6.jsx(GlobalStyle,{}),portalZIndex?import_jsx_runtime6.jsx(PortalManager,{zIndex:portalZIndex,children:_children}):_children]})})};var import_jsx_runtime23=__toESM(require_react_jsx_runtime_development(),1);var import_jsx_runtime9=__toESM(require_react_jsx_runtime_development(),1),import_react28=__toESM(require_react_development(),1);var import_react19=__toESM(require_react_development(),1),LayoutGroupContext=import_react19.createContext({});var import_react20=__toESM(require_react_development(),1);function useConstant(init){let ref=import_react20.useRef(null);if(ref.current===null)ref.current=init();return ref.current}var import_react21=__toESM(require_react_development(),1);var isBrowser2=typeof window<"u";var useIsomorphicLayoutEffect=isBrowser2?import_react21.useLayoutEffect:import_react21.useEffect;var import_jsx_runtime8=__toESM(require_react_jsx_runtime_development(),1),React3=__toESM(require_react_development(),1),import_react25=__toESM(require_react_development(),1);var import_react22=__toESM(require_react_development(),1),PresenceContext=import_react22.createContext(null);var import_jsx_runtime7=__toESM(require_react_jsx_runtime_development(),1);function addUniqueItem(arr,item){if(arr.indexOf(item)===-1)arr.push(item)}function removeItem(arr,item){let index=arr.indexOf(item);if(index>-1)arr.splice(index,1)}var clamp=(min,max,v)=>{if(v>max)return max;if(v<min)return min;return v};function formatErrorMessage(message,errorCode){return errorCode?`${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}`:message}var warning=()=>{},invariant=()=>{};if(typeof process<"u"&&process.env?.NODE_ENV!=="production")warning=(check,message,errorCode)=>{if(!check&&typeof console<"u")console.warn(formatErrorMessage(message,errorCode))},invariant=(check,message,errorCode)=>{if(!check)throw Error(formatErrorMessage(message,errorCode))};var MotionGlobalConfig={};var isNumericalString=(v)=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(v);var isObject2=(value)=>typeof value==="object"&&value!==null;var isZeroValueString=(v)=>/^0[^.\s]+$/u.test(v);function memo(callback){let result;return()=>{if(result===void 0)result=callback();return result}}var noop2=(any)=>any;var pipe3=(...transformers)=>transformers.reduce((a,b)=>(v)=>b(a(v)));var progress=(from,to,value)=>{let range=to-from;return range?(value-from)/range:1};class SubscriptionManager{constructor(){this.subscriptions=[]}add(handler){return addUniqueItem(this.subscriptions,handler),()=>removeItem(this.subscriptions,handler)}notify(a,b,c){let numSubscriptions=this.subscriptions.length;if(!numSubscriptions)return;if(numSubscriptions===1)this.subscriptions[0](a,b,c);else for(let i=0;i<numSubscriptions;i++){let handler=this.subscriptions[i];handler&&handler(a,b,c)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}var secondsToMilliseconds=(seconds)=>seconds*1000,millisecondsToSeconds=(milliseconds)=>milliseconds/1000;var velocityPerSecond=(velocity,frameDuration)=>frameDuration?velocity*(1000/frameDuration):0;var warned=new Set;function warnOnce(condition,message,errorCode){if(condition||warned.has(message))return;console.warn(formatErrorMessage(message,errorCode)),warned.add(message)}var calcBezier=(t,a1,a2)=>(((1-3*a2+3*a1)*t+(3*a2-6*a1))*t+3*a1)*t,subdivisionPrecision=0.0000001,subdivisionMaxIterations=12;function binarySubdivide(x,lowerBound,upperBound,mX1,mX2){let currentX,currentT,i=0;do if(currentT=lowerBound+(upperBound-lowerBound)/2,currentX=calcBezier(currentT,mX1,mX2)-x,currentX>0)upperBound=currentT;else lowerBound=currentT;while(Math.abs(currentX)>subdivisionPrecision&&++i<subdivisionMaxIterations);return currentT}function cubicBezier(mX1,mY1,mX2,mY2){if(mX1===mY1&&mX2===mY2)return noop2;let getTForX=(aX)=>binarySubdivide(aX,0,1,mX1,mX2);return(t)=>t===0||t===1?t:calcBezier(getTForX(t),mY1,mY2)}var mirrorEasing=(easing)=>(p)=>p<=0.5?easing(2*p)/2:(2-easing(2*(1-p)))/2;var reverseEasing=(easing)=>(p)=>1-easing(1-p);var backOut=cubicBezier(0.33,1.53,0.69,0.99),backIn=reverseEasing(backOut),backInOut=mirrorEasing(backIn);var anticipate=(p)=>p>=1?1:(p*=2)<1?0.5*backIn(p):0.5*(2-Math.pow(2,-10*(p-1)));var circIn=(p)=>1-Math.sin(Math.acos(p)),circOut=reverseEasing(circIn),circInOut=mirrorEasing(circIn);var easeIn=cubicBezier(0.42,0,1,1),easeOut=cubicBezier(0,0,0.58,1),easeInOut=cubicBezier(0.42,0,0.58,1);var isEasingArray=(ease)=>Array.isArray(ease)&&typeof ease[0]!=="number";var isBezierDefinition=(easing)=>Array.isArray(easing)&&typeof easing[0]==="number";var easingLookup={linear:noop2,easeIn,easeInOut,easeOut,circIn,circInOut,circOut,backIn,backInOut,backOut,anticipate},isValidEasing=(easing)=>typeof easing==="string",easingDefinitionToFunction=(definition)=>{if(isBezierDefinition(definition)){invariant(definition.length===4,"Cubic bezier arrays must contain four numerical values.","cubic-bezier-length");let[x1,y1,x2,y2]=definition;return cubicBezier(x1,y1,x2,y2)}else if(isValidEasing(definition))return invariant(easingLookup[definition]!==void 0,`Invalid easing type '${definition}'`,"invalid-easing-type"),easingLookup[definition];return definition};var stepsOrder2=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function createRenderStep2(runNextFrame){let thisFrame=new Set,nextFrame=new Set,isProcessing=!1,flushNextFrame=!1,toKeepAlive=new WeakSet,latestFrameData={delta:0,timestamp:0,isProcessing:!1};function triggerCallback(callback){if(toKeepAlive.has(callback))step.schedule(callback),runNextFrame();callback(latestFrameData)}let step={schedule:(callback,keepAlive=!1,immediate=!1)=>{let queue=immediate&&isProcessing?thisFrame:nextFrame;if(keepAlive)toKeepAlive.add(callback);return queue.add(callback),callback},cancel:(callback)=>{nextFrame.delete(callback),toKeepAlive.delete(callback)},process:(frameData)=>{if(latestFrameData=frameData,isProcessing){flushNextFrame=!0;return}isProcessing=!0;let prevFrame=thisFrame;if(thisFrame=nextFrame,nextFrame=prevFrame,thisFrame.forEach(triggerCallback),thisFrame.clear(),isProcessing=!1,flushNextFrame)flushNextFrame=!1,step.process(frameData)}};return step}var maxElapsed2=40;function createRenderBatcher(scheduleNextBatch,allowKeepAlive){let runNextFrame=!1,useDefaultElapsed=!0,state={delta:0,timestamp:0,isProcessing:!1},flagRunNextFrame=()=>runNextFrame=!0,steps=stepsOrder2.reduce((acc,key)=>(acc[key]=createRenderStep2(flagRunNextFrame),acc),{}),{setup,read,resolveKeyframes,preUpdate,update,preRender,render,postRender}=steps,processBatch=()=>{let useManualTiming=MotionGlobalConfig.useManualTiming,timestamp=useManualTiming?state.timestamp:performance.now();if(runNextFrame=!1,!useManualTiming)state.delta=useDefaultElapsed?16.666666666666668:Math.max(Math.min(timestamp-state.timestamp,maxElapsed2),1);if(state.timestamp=timestamp,state.isProcessing=!0,setup.process(state),read.process(state),resolveKeyframes.process(state),preUpdate.process(state),update.process(state),preRender.process(state),render.process(state),postRender.process(state),state.isProcessing=!1,runNextFrame&&allowKeepAlive)useDefaultElapsed=!1,scheduleNextBatch(processBatch)},wake=()=>{if(runNextFrame=!0,useDefaultElapsed=!0,!state.isProcessing)scheduleNextBatch(processBatch)};return{schedule:stepsOrder2.reduce((acc,key)=>{let step=steps[key];return acc[key]=(process2,keepAlive=!1,immediate=!1)=>{if(!runNextFrame)wake();return step.schedule(process2,keepAlive,immediate)},acc},{}),cancel:(process2)=>{for(let i=0;i<stepsOrder2.length;i++)steps[stepsOrder2[i]].cancel(process2)},state,steps}}var{schedule:frame2,cancel:cancelFrame,state:frameData,steps:frameSteps}=createRenderBatcher(typeof requestAnimationFrame<"u"?requestAnimationFrame:noop2,!0);var now;function clearTime(){now=void 0}var time={now:()=>{if(now===void 0)time.set(frameData.isProcessing||MotionGlobalConfig.useManualTiming?frameData.timestamp:performance.now());return now},set:(newTime)=>{now=newTime,queueMicrotask(clearTime)}};var checkStringStartsWith=(token)=>(key)=>typeof key==="string"&&key.startsWith(token),isCSSVariableName=checkStringStartsWith("--"),startsAsVariableToken=checkStringStartsWith("var(--"),isCSSVariableToken=(value)=>{if(!startsAsVariableToken(value))return!1;return singleCssVariableRegex.test(value.split("/*")[0].trim())},singleCssVariableRegex=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function containsCSSVariable(value){if(typeof value!=="string")return!1;return value.split("/*")[0].includes("var(--")}var number={test:(v)=>typeof v==="number",parse:parseFloat,transform:(v)=>v},alpha={...number,transform:(v)=>clamp(0,1,v)},scale={...number,default:1};var sanitize=(v)=>Math.round(v*1e5)/1e5;var floatRegex=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function isNullish(v){return v==null}var singleColorRegex=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;var isColorString=(type,testProp)=>(v)=>Boolean(typeof v==="string"&&singleColorRegex.test(v)&&v.startsWith(type)||testProp&&!isNullish(v)&&Object.prototype.hasOwnProperty.call(v,testProp)),splitColor=(aName,bName,cName)=>(v)=>{if(typeof v!=="string")return v;let[a,b,c,alpha]=v.match(floatRegex);return{[aName]:parseFloat(a),[bName]:parseFloat(b),[cName]:parseFloat(c),alpha:alpha!==void 0?parseFloat(alpha):1}};var clampRgbUnit=(v)=>clamp(0,255,v),rgbUnit={...number,transform:(v)=>Math.round(clampRgbUnit(v))},rgba2={test:isColorString("rgb","red"),parse:splitColor("red","green","blue"),transform:({red,green,blue,alpha:alpha$1=1})=>"rgba("+rgbUnit.transform(red)+", "+rgbUnit.transform(green)+", "+rgbUnit.transform(blue)+", "+sanitize(alpha.transform(alpha$1))+")"};function parseHex(v){let r="",g="",b="",a="";if(v.length>5)r=v.substring(1,3),g=v.substring(3,5),b=v.substring(5,7),a=v.substring(7,9);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}}var hex={test:isColorString("#"),parse:parseHex,transform:rgba2.transform};var createUnitType=(unit)=>({test:(v)=>typeof v==="string"&&v.endsWith(unit)&&v.split(" ").length===1,parse:parseFloat,transform:(v)=>`${v}${unit}`}),degrees=createUnitType("deg"),percent=createUnitType("%"),px2=createUnitType("px"),vh=createUnitType("vh"),vw=createUnitType("vw"),progressPercentage=(()=>({...percent,parse:(v)=>percent.parse(v)/100,transform:(v)=>percent.transform(v*100)}))();var hsla2={test:isColorString("hsl","hue"),parse:splitColor("hue","saturation","lightness"),transform:({hue,saturation,lightness,alpha:alpha$1=1})=>"hsla("+Math.round(hue)+", "+percent.transform(sanitize(saturation))+", "+percent.transform(sanitize(lightness))+", "+sanitize(alpha.transform(alpha$1))+")"};var color2={test:(v)=>rgba2.test(v)||hex.test(v)||hsla2.test(v),parse:(v)=>{if(rgba2.test(v))return rgba2.parse(v);else if(hsla2.test(v))return hsla2.parse(v);else return hex.parse(v)},transform:(v)=>typeof v==="string"?v:v.hasOwnProperty("red")?rgba2.transform(v):hsla2.transform(v),getAnimatableNone:(v)=>{let parsed=color2.parse(v);return parsed.alpha=0,color2.transform(parsed)}};var colorRegex=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function test(v){return isNaN(v)&&typeof v==="string"&&(v.match(floatRegex)?.length||0)+(v.match(colorRegex)?.length||0)>0}var NUMBER_TOKEN="number",COLOR_TOKEN="color",VAR_TOKEN="var",VAR_FUNCTION_TOKEN="var(",SPLIT_TOKEN="${}",complexRegex=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function analyseComplexValue(value){let originalValue=value.toString(),values=[],indexes={color:[],number:[],var:[]},types=[],i=0,split=originalValue.replace(complexRegex,(parsedValue)=>{if(color2.test(parsedValue))indexes.color.push(i),types.push(COLOR_TOKEN),values.push(color2.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));return++i,SPLIT_TOKEN}).split(SPLIT_TOKEN);return{values,split,indexes,types}}function parseComplexValue(v){return analyseComplexValue(v).values}function buildTransformer({split,types}){let numSections=split.length;return(v)=>{let output="";for(let i=0;i<numSections;i++)if(output+=split[i],v[i]!==void 0){let type=types[i];if(type===NUMBER_TOKEN)output+=sanitize(v[i]);else if(type===COLOR_TOKEN)output+=color2.transform(v[i]);else output+=v[i]}return output}}function createTransformer(source){return buildTransformer(analyseComplexValue(source))}var convertNumbersToZero=(v)=>typeof v==="number"?0:color2.test(v)?color2.getAnimatableNone(v):v,convertToZero=(value,splitBefore)=>{if(typeof value==="number")return splitBefore?.trim().endsWith("/")?value:0;return convertNumbersToZero(value)};function getAnimatableNone(v){let info=analyseComplexValue(v);return buildTransformer(info)(info.values.map((value,i)=>convertToZero(value,info.split[i])))}var complex={test,parse:parseComplexValue,createTransformer,getAnimatableNone};function hueToRgb(p,q,t){if(t<0)t+=1;if(t>1)t-=1;if(t<0.16666666666666666)return p+(q-p)*6*t;if(t<0.5)return q;if(t<0.6666666666666666)return p+(q-p)*(0.6666666666666666-t)*6;return p}function hslaToRgba({hue,saturation,lightness,alpha}){hue/=360,saturation/=100,lightness/=100;let red=0,green=0,blue=0;if(!saturation)red=green=blue=lightness;else{let q=lightness<0.5?lightness*(1+saturation):lightness+saturation-lightness*saturation,p=2*lightness-q;red=hueToRgb(p,q,hue+0.3333333333333333),green=hueToRgb(p,q,hue),blue=hueToRgb(p,q,hue-0.3333333333333333)}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}var mixNumber=(from,to,progress)=>from+(to-from)*progress;var mixLinearColor=(from,to,v)=>{let fromExpo=from*from,expo=v*(to*to-fromExpo)+fromExpo;return expo<0?0:Math.sqrt(expo)},colorTypes=[hex,rgba2,hsla2],getColorType=(v)=>colorTypes.find((type)=>type.test(v));function asRGBA(color){let type=getColorType(color);if(warning(Boolean(type),`'${color}' is not an animatable color. Use the equivalent color code instead.`,"color-not-animatable"),!Boolean(type))return!1;let model=type.parse(color);if(type===hsla2)model=hslaToRgba(model);return model}var mixColor=(from,to)=>{let fromRGBA=asRGBA(from),toRGBA=asRGBA(to);if(!fromRGBA||!toRGBA)return mixImmediate(from,to);let blended={...fromRGBA};return(v)=>(blended.red=mixLinearColor(fromRGBA.red,toRGBA.red,v),blended.green=mixLinearColor(fromRGBA.green,toRGBA.green,v),blended.blue=mixLinearColor(fromRGBA.blue,toRGBA.blue,v),blended.alpha=mixNumber(fromRGBA.alpha,toRGBA.alpha,v),rgba2.transform(blended))};var invisibleValues=new Set(["none","hidden"]);function mixVisibility(origin,target){if(invisibleValues.has(origin))return(p)=>p<=0?origin:target;else return(p)=>p>=1?target:origin}function mixNumber2(a,b){return(p)=>mixNumber(a,b,p)}function getMixer(a){if(typeof a==="number")return mixNumber2;else if(typeof a==="string")return isCSSVariableToken(a)?mixImmediate:color2.test(a)?mixColor:mixComplex;else if(Array.isArray(a))return mixArray;else if(typeof a==="object")return color2.test(a)?mixColor:mixObject;return mixImmediate}function mixArray(a,b){let output=[...a],numValues=output.length,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){let output={...a,...b},blendValue={};for(let key in output)if(a[key]!==void 0&&b[key]!==void 0)blendValue[key]=getMixer(a[key])(a[key],b[key]);return(v)=>{for(let key in blendValue)output[key]=blendValue[key](v);return output}}function matchOrder(origin,target){let orderedOrigin=[],pointers={color:0,var:0,number:0};for(let i=0;i<target.values.length;i++){let type=target.types[i],originIndex=origin.indexes[type][pointers[type]],originValue=origin.values[originIndex]??0;orderedOrigin[i]=originValue,pointers[type]++}return orderedOrigin}var mixComplex=(origin,target)=>{let template=complex.createTransformer(target),originStats=analyseComplexValue(origin),targetStats=analyseComplexValue(target);if(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(invisibleValues.has(origin)&&!targetStats.values.length||invisibleValues.has(target)&&!originStats.values.length)return mixVisibility(origin,target);return pipe3(mixArray(matchOrder(originStats,targetStats),targetStats.values),template)}else return warning(!0,`Complex values '${origin}' and '${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"),mixImmediate(origin,target)};function mix2(from,to,p){if(typeof from==="number"&&typeof to==="number"&&typeof p==="number")return mixNumber(from,to,p);return getMixer(from)(from,to)}var frameloopDriver=(update)=>{let passTimestamp=({timestamp})=>update(timestamp);return{start:(keepAlive=!0)=>frame2.update(passTimestamp,keepAlive),stop:()=>cancelFrame(passTimestamp),now:()=>frameData.isProcessing?frameData.timestamp:time.now()}};var generateLinearEasing=(easing,duration,resolution=10)=>{let points="",numPoints=Math.max(Math.round(duration/resolution),2);for(let i=0;i<numPoints;i++)points+=Math.round(easing(i/(numPoints-1))*1e4)/1e4+", ";return`linear(${points.substring(0,points.length-2)})`};var maxGeneratorDuration=20000;function calcGeneratorDuration(generator){let duration=0,timeStep=50,state=generator.next(duration);while(!state.done&&duration<20000)duration+=timeStep,state=generator.next(duration);return duration>=20000?1/0:duration}function createGeneratorEasing(options,scale=100,createGenerator){let generator=createGenerator({...options,keyframes:[0,scale]}),duration=Math.min(calcGeneratorDuration(generator),maxGeneratorDuration);return{type:"keyframes",ease:(progress)=>generator.next(duration*progress).value/scale,duration:millisecondsToSeconds(duration)}}var springDefaults={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:0.3,visualDuration:0.3,restSpeed:{granular:0.01,default:2},restDelta:{granular:0.005,default:0.5},minDuration:0.01,maxDuration:10,minDamping:0.05,maxDamping:1};function calcAngularFreq(undampedFreq,dampingRatio){return undampedFreq*Math.sqrt(1-dampingRatio*dampingRatio)}var 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}var safeMin=0.001;function findSpring({duration=springDefaults.duration,bounce=springDefaults.bounce,velocity=springDefaults.velocity,mass=springDefaults.mass}){let envelope,derivative;warning(duration<=secondsToMilliseconds(springDefaults.maxDuration),"Spring duration must be 10 seconds or less","spring-duration-limit");let dampingRatio=1-bounce;if(dampingRatio=clamp(springDefaults.minDamping,springDefaults.maxDamping,dampingRatio),duration=clamp(springDefaults.minDuration,springDefaults.maxDuration,millisecondsToSeconds(duration)),dampingRatio<1)envelope=(undampedFreq)=>{let exponentialDecay=undampedFreq*dampingRatio,delta=exponentialDecay*duration,a=exponentialDecay-velocity,b=calcAngularFreq(undampedFreq,dampingRatio),c=Math.exp(-delta);return safeMin-a/b*c},derivative=(undampedFreq)=>{let delta=undampedFreq*dampingRatio*duration,d=delta*velocity+velocity,e=Math.pow(dampingRatio,2)*Math.pow(undampedFreq,2)*duration,f=Math.exp(-delta),g=calcAngularFreq(Math.pow(undampedFreq,2),dampingRatio);return(-envelope(undampedFreq)+safeMin>0?-1:1)*((d-e)*f)/g};else envelope=(undampedFreq)=>{let a=Math.exp(-undampedFreq*duration),b=(undampedFreq-velocity)*duration+1;return-safeMin+a*b},derivative=(undampedFreq)=>{let a=Math.exp(-undampedFreq*duration),b=(velocity-undampedFreq)*(duration*duration);return a*b};let initialGuess=5/duration,undampedFreq=approximateRoot(envelope,derivative,initialGuess);if(duration=secondsToMilliseconds(duration),isNaN(undampedFreq))return{stiffness:springDefaults.stiffness,damping:springDefaults.damping,duration};else{let stiffness=Math.pow(undampedFreq,2)*mass;return{stiffness,damping:dampingRatio*2*Math.sqrt(mass*stiffness),duration}}}var durationKeys=["duration","bounce"],physicsKeys=["stiffness","damping","mass"];function isSpringType(options,keys){return keys.some((key)=>options[key]!==void 0)}function getSpringOptions(options){let springOptions={velocity:springDefaults.velocity,stiffness:springDefaults.stiffness,damping:springDefaults.damping,mass:springDefaults.mass,isResolvedFromDuration:!1,...options};if(!isSpringType(options,physicsKeys)&&isSpringType(options,durationKeys))if(springOptions.velocity=0,options.visualDuration){let visualDuration=options.visualDuration,root=2*Math.PI/(visualDuration*1.2),stiffness=root*root,damping=2*clamp(0.05,1,1-(options.bounce||0))*Math.sqrt(stiffness);springOptions={...springOptions,mass:springDefaults.mass,stiffness,damping}}else{let derived=findSpring({...options,velocity:0});springOptions={...springOptions,...derived,mass:springDefaults.mass},springOptions.isResolvedFromDuration=!0}return springOptions}function spring(optionsOrVisualDuration=springDefaults.visualDuration,bounce=springDefaults.bounce){let options=typeof optionsOrVisualDuration!=="object"?{visualDuration:optionsOrVisualDuration,keyframes:[0,1],bounce}:optionsOrVisualDuration,{restSpeed,restDelta}=options,origin=options.keyframes[0],target=options.keyframes[options.keyframes.length-1],state={done:!1,value:origin},{stiffness,damping,mass,duration,velocity,isResolvedFromDuration}=getSpringOptions({...options,velocity:-millisecondsToSeconds(options.velocity||0)}),initialVelocity=velocity||0,dampingRatio=damping/(2*Math.sqrt(stiffness*mass)),initialDelta=target-origin,undampedAngularFreq=millisecondsToSeconds(Math.sqrt(stiffness/mass)),isGranularScale=Math.abs(initialDelta)<5;restSpeed||(restSpeed=isGranularScale?springDefaults.restSpeed.granular:springDefaults.restSpeed.default),restDelta||(restDelta=isGranularScale?springDefaults.restDelta.granular:springDefaults.restDelta.default);let resolveSpring,resolveVelocity,angularFreq,A,sinCoeff,cosCoeff;if(dampingRatio<1)angularFreq=calcAngularFreq(undampedAngularFreq,dampingRatio),A=(initialVelocity+dampingRatio*undampedAngularFreq*initialDelta)/angularFreq,resolveSpring=(t)=>{let envelope=Math.exp(-dampingRatio*undampedAngularFreq*t);return target-envelope*(A*Math.sin(angularFreq*t)+initialDelta*Math.cos(angularFreq*t))},sinCoeff=dampingRatio*undampedAngularFreq*A+initialDelta*angularFreq,cosCoeff=dampingRatio*undampedAngularFreq*initialDelta-A*angularFreq,resolveVelocity=(t)=>Math.exp(-dampingRatio*undampedAngularFreq*t)*(sinCoeff*Math.sin(angularFreq*t)+cosCoeff*Math.cos(angularFreq*t));else if(dampingRatio===1){resolveSpring=(t)=>target-Math.exp(-undampedAngularFreq*t)*(initialDelta+(initialVelocity+undampedAngularFreq*initialDelta)*t);let C=initialVelocity+undampedAngularFreq*initialDelta;resolveVelocity=(t)=>Math.exp(-undampedAngularFreq*t)*(undampedAngularFreq*C*t-initialVelocity)}else{let dampedAngularFreq=undampedAngularFreq*Math.sqrt(dampingRatio*dampingRatio-1);resolveSpring=(t)=>{let envelope=Math.exp(-dampingRatio*undampedAngularFreq*t),freqForT=Math.min(dampedAngularFreq*t,300);return target-envelope*((initialVelocity+dampingRatio*undampedAngularFreq*initialDelta)*Math.sinh(freqForT)+dampedAngularFreq*initialDelta*Math.cosh(freqForT))/dampedAngularFreq};let P=(initialVelocity+dampingRatio*undampedAngularFreq*initialDelta)/dampedAngularFreq,sinhCoeff=dampingRatio*undampedAngularFreq*P-initialDelta*dampedAngularFreq,coshCoeff=dampingRatio*undampedAngularFreq*initialDelta-P*dampedAngularFreq;resolveVelocity=(t)=>{let envelope=Math.exp(-dampingRatio*undampedAngularFreq*t),freqForT=Math.min(dampedAngularFreq*t,300);return envelope*(sinhCoeff*Math.sinh(freqForT)+coshCoeff*Math.cosh(freqForT))}}let generator={calculatedDuration:isResolvedFromDuration?duration||null:null,velocity:(t)=>secondsToMilliseconds(resolveVelocity(t)),next:(t)=>{if(!isResolvedFromDuration&&dampingRatio<1){let envelope=Math.exp(-dampingRatio*undampedAngularFreq*t),sin=Math.sin(angularFreq*t),cos=Math.cos(angularFreq*t),current=target-envelope*(A*sin+initialDelta*cos),currentVelocity=secondsToMilliseconds(envelope*(sinCoeff*sin+cosCoeff*cos));return state.done=Math.abs(currentVelocity)<=restSpeed&&Math.abs(target-current)<=restDelta,state.value=state.done?target:current,state}let current=resolveSpring(t);if(!isResolvedFromDuration){let currentVelocity=secondsToMilliseconds(resolveVelocity(t));state.done=Math.abs(currentVelocity)<=restSpeed&&Math.abs(target-current)<=restDelta}else state.done=t>=duration;return state.value=state.done?target:current,state},toString:()=>{let calculatedDuration=Math.min(calcGeneratorDuration(generator),maxGeneratorDuration),easing=generateLinearEasing((progress)=>generator.next(calculatedDuration*progress).value,calculatedDuration,30);return calculatedDuration+"ms "+easing},toTransition:()=>{}};return generator}spring.applyToOptions=(options)=>{let generatorOptions=createGeneratorEasing(options,100,spring);return options.ease=generatorOptions.ease,options.duration=secondsToMilliseconds(generatorOptions.duration),options.type="keyframes",options};var velocitySampleDuration=5;function getGeneratorVelocity(resolveValue,t,current){let prevT=Math.max(t-velocitySampleDuration,0);return velocityPerSecond(current-resolveValue(prevT),t-prevT)}function inertia({keyframes,velocity=0,power=0.8,timeConstant=325,bounceDamping=10,bounceStiffness=500,modifyTarget,min,max,restDelta=0.5,restSpeed}){let origin=keyframes[0],state={done:!1,value:origin},isOutOfBounds=(v)=>min!==void 0&&v<min||max!==void 0&&v>max,nearestBoundary=(v)=>{if(min===void 0)return max;if(max===void 0)return min;return Math.abs(min-v)<Math.abs(max-v)?min:max},amplitude=power*velocity,ideal=origin+amplitude,target=modifyTarget===void 0?ideal:modifyTarget(ideal);if(target!==ideal)amplitude=target-origin;let calcDelta=(t)=>-amplitude*Math.exp(-t/timeConstant),calcLatest=(t)=>target+calcDelta(t),applyFriction=(t)=>{let delta=calcDelta(t),latest=calcLatest(t);state.done=Math.abs(delta)<=restDelta,state.value=state.done?target:latest},timeReachedBoundary,spring$1,checkCatchBoundary=(t)=>{if(!isOutOfBounds(state.value))return;timeReachedBoundary=t,spring$1=spring({keyframes:[state.value,nearestBoundary(state.value)],velocity:getGeneratorVelocity(calcLatest,t,state.value),damping:bounceDamping,stiffness:bounceStiffness,restDelta,restSpeed})};return checkCatchBoundary(0),{calculatedDuration:null,next:(t)=>{let hasUpdatedFrame=!1;if(!spring$1&&timeReachedBoundary===void 0)hasUpdatedFrame=!0,applyFriction(t),checkCatchBoundary(t);if(timeReachedBoundary!==void 0&&t>=timeReachedBoundary)return spring$1.next(t-timeReachedBoundary);else return!hasUpdatedFrame&&applyFriction(t),state}}}function createMixers(output,ease,customMixer){let mixers=[],mixerFactory=customMixer||MotionGlobalConfig.mix||mix2,numMixers=output.length-1;for(let i=0;i<numMixers;i++){let mixer=mixerFactory(output[i],output[i+1]);if(ease){let easingFunction=Array.isArray(ease)?ease[i]||noop2:ease;mixer=pipe3(easingFunction,mixer)}mixers.push(mixer)}return mixers}function interpolate(input,output,{clamp:isClamp=!0,ease,mixer}={}){let inputLength=input.length;if(invariant(inputLength===output.length,"Both input and output ranges must be the same length","range-length"),inputLength===1)return()=>output[0];if(inputLength===2&&output[0]===output[1])return()=>output[1];let isZeroDeltaRange=input[0]===input[1];if(input[0]>input[inputLength-1])input=[...input].reverse(),output=[...output].reverse();let mixers=createMixers(output,ease,mixer),numMixers=mixers.length,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}let progressInRange=progress(input[i],input[i+1],v);return mixers[i](progressInRange)};return isClamp?(v)=>interpolator(clamp(input[0],input[inputLength-1],v)):interpolator}function fillOffset(offset,remaining){let min=offset[offset.length-1];for(let i=1;i<=remaining;i++){let offsetProgress=progress(0,remaining,i);offset.push(mixNumber(min,1,offsetProgress))}}function defaultOffset(arr){let offset=[0];return fillOffset(offset,arr.length-1),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({duration=300,keyframes:keyframeValues,times,ease="easeInOut"}){let easingFunctions=isEasingArray(ease)?ease.map(easingDefinitionToFunction):easingDefinitionToFunction(ease),state={done:!1,value:keyframeValues[0]},absoluteTimes=convertOffsetToTimes(times&×.length===keyframeValues.length?times:defaultOffset(keyframeValues),duration),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,state)}}var isNotNull=(value)=>value!==null;function getFinalKeyframe(keyframes,{repeat,repeatType="loop"},finalKeyframe,speed=1){let resolvedKeyframes=keyframes.filter(isNotNull),index=speed<0||repeat&&repeatType!=="loop"&&repeat%2===1?0:resolvedKeyframes.length-1;return!index||finalKeyframe===void 0?resolvedKeyframes[index]:finalKeyframe}var transitionTypeMap={decay:inertia,inertia,tween: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()}then(onResolve,onReject){return this.finished.then(onResolve,onReject)}}var percentToProgress=(percent)=>percent/100;class JSAnimation extends WithPromise{constructor(options){super();if(this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.delayState={done:!1,value:void 0},this.stop=()=>{let{motionValue}=this.options;if(motionValue&&motionValue.updatedAt!==time.now())this.tick(time.now());if(this.isStopped=!0,this.state==="idle")return;this.teardown(),this.options.onStop?.()},this.options=options,this.initAnimation(),this.play(),options.autoplay===!1)this.pause()}initAnimation(){let{options}=this;replaceTransitionType(options);let{type=keyframes,repeat=0,repeatDelay=0,repeatType,velocity=0}=options,{keyframes:keyframes$1}=options,generatorFactory=type||keyframes;if(generatorFactory!==keyframes)invariant(keyframes$1.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes$1}`,"spring-two-frames");if(generatorFactory!==keyframes&&typeof keyframes$1[0]!=="number")this.mixKeyframes=pipe3(percentToProgress,mix2(keyframes$1[0],keyframes$1[1])),keyframes$1=[0,100];let generator=generatorFactory({...options,keyframes:keyframes$1});if(repeatType==="mirror")this.mirroredGenerator=generatorFactory({...options,keyframes:[...keyframes$1].reverse(),velocity:-velocity});if(generator.calculatedDuration===null)generator.calculatedDuration=calcGeneratorDuration(generator);let{calculatedDuration}=generator;this.calculatedDuration=calculatedDuration,this.resolvedDuration=calculatedDuration+repeatDelay,this.totalDuration=this.resolvedDuration*(repeat+1)-repeatDelay,this.generator=generator}updateTime(timestamp){let animationTime=Math.round(timestamp-this.startTime)*this.playbackSpeed;if(this.holdTime!==null)this.currentTime=this.holdTime;else this.currentTime=animationTime}tick(timestamp,sample=!1){let{generator,totalDuration,mixKeyframes,mirroredGenerator,resolvedDuration,calculatedDuration}=this;if(this.startTime===null)return generator.next(0);let{delay=0,keyframes,repeat,repeatType,repeatDelay,type,onUpdate,finalKeyframe}=this.options;if(this.speed>0)this.startTime=Math.min(this.startTime,timestamp);else if(this.speed<0)this.startTime=Math.min(timestamp-totalDuration/this.speed,this.startTime);if(sample)this.currentTime=timestamp;else this.updateTime(timestamp);let timeWithoutDelay=this.currentTime-delay*(this.playbackSpeed>=0?1:-1),isInDelayPhase=this.playbackSpeed>=0?timeWithoutDelay<0:timeWithoutDelay>totalDuration;if(this.currentTime=Math.max(timeWithoutDelay,0),this.state==="finished"&&this.holdTime===null)this.currentTime=totalDuration;let elapsed=this.currentTime,frameGenerator=generator;if(repeat){let progress=Math.min(this.currentTime,totalDuration)/resolvedDuration,currentIteration=Math.floor(progress),iterationProgress=progress%1;if(!iterationProgress&&progress>=1)iterationProgress=1;if(iterationProgress===1&¤tIteration--,currentIteration=Math.min(currentIteration,repeat+1),Boolean(currentIteration%2)){if(repeatType==="reverse"){if(iterationProgress=1-iterationProgress,repeatDelay)iterationProgress-=repeatDelay/resolvedDuration}else if(repeatType==="mirror")frameGenerator=mirroredGenerator}elapsed=clamp(0,1,iterationProgress)*resolvedDuration}let state;if(isInDelayPhase)this.delayState.value=keyframes[0],state=this.delayState;else state=frameGenerator.next(elapsed);if(mixKeyframes&&!isInDelayPhase)state.value=mixKeyframes(state.value);let{done}=state;if(!isInDelayPhase&&calculatedDuration!==null)done=this.playbackSpeed>=0?this.currentTime>=totalDuration:this.currentTime<=0;let isAnimationFinished=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&done);if(isAnimationFinished&&type!==inertia)state.value=getFinalKeyframe(keyframes,this.options,finalKeyframe,this.speed);if(onUpdate)onUpdate(state.value);if(isAnimationFinished)this.finish();return state}then(resolve,reject){return this.finished.then(resolve,reject)}get duration(){return millisecondsToSeconds(this.calculatedDuration)}get iterationDuration(){let{delay=0}=this.options||{};return this.duration+millisecondsToSeconds(delay)}get time(){return millisecondsToSeconds(this.currentTime)}set time(newTime){if(newTime=secondsToMilliseconds(newTime),this.currentTime=newTime,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0)this.holdTime=newTime;else if(this.driver)this.startTime=this.driver.now()-newTime/this.playbackSpeed;if(this.driver)this.driver.start(!1);else this.startTime=0,this.state="paused",this.holdTime=newTime,this.tick(newTime)}getGeneratorVelocity(){let t=this.currentTime;if(t<=0)return this.options.velocity||0;if(this.generator.velocity)return this.generator.velocity(t);let current=this.generator.next(t).value;return getGeneratorVelocity((s)=>this.generator.next(s).value,t,current)}get speed(){return this.playbackSpeed}set speed(newSpeed){let hasChanged=this.playbackSpeed!==newSpeed;if(hasChanged&&this.driver)this.updateTime(time.now());if(this.playbackSpeed=newSpeed,hasChanged&&this.driver)this.time=millisecondsToSeconds(this.currentTime)}play(){if(this.isStopped)return;let{driver=frameloopDriver,startTime}=this.options;if(!this.driver)this.driver=driver((timestamp)=>this.tick(timestamp));this.options.onPlay?.();let now=this.driver.now();if(this.state==="finished")this.updateFinished(),this.startTime=now;else if(this.holdTime!==null)this.startTime=now-this.holdTime;else if(!this.startTime)this.startTime=startTime??now;if(this.state==="finished"&&this.speed<0)this.startTime+=this.calculatedDuration;this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(time.now()),this.holdTime=this.currentTime}complete(){if(this.state!=="running")this.play();this.state="finished",this.holdTime=null}finish(){this.notifyFinished(),this.teardown(),this.state="finished",this.options.onComplete?.()}cancel(){this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),this.options.onCancel?.()}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){if(!this.driver)return;this.driver.stop(),this.driver=void 0}sample(sampleTime){return this.startTime=0,this.tick(sampleTime,!0)}attachTimeline(timeline){if(this.options.allowFlatten)this.options.type="keyframes",this.options.ease="linear",this.initAnimation();return this.driver?.stop(),timeline.observe(this)}}function fillWildcards(keyframes){for(let i=1;i<keyframes.length;i++)keyframes[i]??(keyframes[i]=keyframes[i-1])}var radToDeg=(rad)=>rad*180/Math.PI,rotate=(v)=>{let angle=radToDeg(Math.atan2(v[1],v[0]));return rebaseAngle(angle)},matrix2dParsers={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:(v)=>(Math.abs(v[0])+Math.abs(v[3]))/2,rotate,rotateZ:rotate,skewX:(v)=>radToDeg(Math.atan(v[1])),skewY:(v)=>radToDeg(Math.atan(v[2])),skew:(v)=>(Math.abs(v[1])+Math.abs(v[2]))/2},rebaseAngle=(angle)=>{if(angle=angle%360,angle<0)angle+=360;return angle},rotateZ=rotate,scaleX=(v)=>Math.sqrt(v[0]*v[0]+v[1]*v[1]),scaleY=(v)=>Math.sqrt(v[4]*v[4]+v[5]*v[5]),matrix3dParsers={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX,scaleY,scale:(v)=>(scaleX(v)+scaleY(v))/2,rotateX:(v)=>rebaseAngle(radToDeg(Math.atan2(v[6],v[5]))),rotateY:(v)=>rebaseAngle(radToDeg(Math.atan2(-v[2],v[0]))),rotateZ,rotate:rotateZ,skewX:(v)=>radToDeg(Math.atan(v[4])),skewY:(v)=>radToDeg(Math.atan(v[1])),skew:(v)=>(Math.abs(v[1])+Math.abs(v[4]))/2};function defaultTransformValue(name){return name.includes("scale")?1:0}function parseValueFromTransform(transform,name){if(!transform||transform==="none")return defaultTransformValue(name);let matrix3dMatch=transform.match(/^matrix3d\(([-\d.e\s,]+)\)$/u),parsers,match;if(matrix3dMatch)parsers=matrix3dParsers,match=matrix3dMatch;else{let matrix2dMatch=transform.match(/^matrix\(([-\d.e\s,]+)\)$/u);parsers=matrix2dParsers,match=matrix2dMatch}if(!match)return defaultTransformValue(name);let valueParser=parsers[name],values=match[1].split(",").map(convertTransformToNumber);return typeof valueParser==="function"?valueParser(values):values[valueParser]}var readTransformValue=(instance,name)=>{let{transform="none"}=getComputedStyle(instance);return parseValueFromTransform(transform,name)};function convertTransformToNumber(value){return parseFloat(value.trim())}var transformPropOrder=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],transformProps=(()=>new Set([...transformPropOrder,"pathRotation"]))();var isNumOrPxType=(v)=>v===number||v===px2,transformKeys=new Set(["x","y","z"]),nonTranslationalTransformKeys=transformPropOrder.filter((key)=>!transformKeys.has(key));function removeNonTranslationalTransform(visualElement){let removedTransforms=[];return nonTranslationalTransformKeys.forEach((key)=>{let value=visualElement.getValue(key);if(value!==void 0)removedTransforms.push([key,value.get()]),value.set(key.startsWith("scale")?1:0)}),removedTransforms}var positionalValues={width:({x},{paddingLeft="0",paddingRight="0",boxSizing})=>{let width=x.max-x.min;return boxSizing==="border-box"?width:width-parseFloat(paddingLeft)-parseFloat(paddingRight)},height:({y},{paddingTop="0",paddingBottom="0",boxSizing})=>{let height=y.max-y.min;return boxSizing==="border-box"?height:height-parseFloat(paddingTop)-parseFloat(paddingBottom)},top:(_bbox,{top})=>parseFloat(top),left:(_bbox,{left})=>parseFloat(left),bottom:({y},{top})=>parseFloat(top)+(y.max-y.min),right:({x},{left})=>parseFloat(left)+(x.max-x.min),x:(_bbox,{transform})=>parseValueFromTransform(transform,"x"),y:(_bbox,{transform})=>parseValueFromTransform(transform,"y")};positionalValues.translateX=positionalValues.x;positionalValues.translateY=positionalValues.y;var toResolve=new Set,isScheduled=!1,anyNeedsMeasurement=!1,isForced=!1;function measureAllKeyframes(){if(anyNeedsMeasurement){let resolversToMeasure=Array.from(toResolve).filter((resolver)=>resolver.needsMeasurement),elementsToMeasure=new Set(resolversToMeasure.map((resolver)=>resolver.element)),transformsToRestore=new Map;elementsToMeasure.forEach((element)=>{let removedTransforms=removeNonTranslationalTransform(element);if(!removedTransforms.length)return;transformsToRestore.set(element,removedTransforms),element.render()}),resolversToMeasure.forEach((resolver)=>resolver.measureInitialState()),elementsToMeasure.forEach((element)=>{element.render();let restore=transformsToRestore.get(element);if(restore)restore.forEach(([key,value])=>{element.getValue(key)?.set(value)})}),resolversToMeasure.forEach((resolver)=>resolver.measureEndState()),resolversToMeasure.forEach((resolver)=>{if(resolver.suspendedScrollY!==void 0)window.scrollTo(0,resolver.suspendedScrollY)})}anyNeedsMeasurement=!1,isScheduled=!1,toResolve.forEach((resolver)=>resolver.complete(isForced)),toResolve.clear()}function readAllKeyframes(){toResolve.forEach((resolver)=>{if(resolver.readKeyframes(),resolver.needsMeasurement)anyNeedsMeasurement=!0})}function flushKeyframeResolvers(){isForced=!0,readAllKeyframes(),measureAllKeyframes(),isForced=!1}class KeyframeResolver{constructor(unresolvedKeyframes,onComplete,name,motionValue,element,isAsync=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...unresolvedKeyframes],this.onComplete=onComplete,this.name=name,this.motionValue=motionValue,this.element=element,this.isAsync=isAsync}scheduleResolve(){if(this.state="scheduled",this.isAsync){if(toResolve.add(this),!isScheduled)isScheduled=!0,frame2.read(readAllKeyframes),frame2.resolveKeyframes(measureAllKeyframes)}else this.readKeyframes(),this.complete()}readKeyframes(){let{unresolvedKeyframes,name,element,motionValue}=this;if(unresolvedKeyframes[0]===null){let currentValue=motionValue?.get(),finalKeyframe=unresolvedKeyframes[unresolvedKeyframes.length-1];if(currentValue!==void 0)unresolvedKeyframes[0]=currentValue;else if(element&&name){let valueAsRead=element.readValue(name,finalKeyframe);if(valueAsRead!==void 0&&valueAsRead!==null)unresolvedKeyframes[0]=valueAsRead}if(unresolvedKeyframes[0]===void 0)unresolvedKeyframes[0]=finalKeyframe;if(motionValue&¤tValue===void 0)motionValue.set(unresolvedKeyframes[0])}fillWildcards(unresolvedKeyframes)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(isForcedComplete=!1){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()}}var isCSSVar=(name)=>name.startsWith("--");function setStyle(element,name,value){isCSSVar(name)?element.style.setProperty(name,value):element.style[name]=value}var supportsFlags={};function memoSupports(callback,supportsFlag){let memoized=memo(callback);return()=>supportsFlags[supportsFlag]??memoized()}var supportsScrollTimeline=memoSupports(()=>window.ScrollTimeline!==void 0,"scrollTimeline");var supportsLinearEasing=memoSupports(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch(e){return!1}return!0},"linearEasing");var cubicBezierAsString=([a,b,c,d])=>`cubic-bezier(${a}, ${b}, ${c}, ${d})`;var supportedWaapiEasing={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:cubicBezierAsString([0,0.65,0.55,1]),circOut:cubicBezierAsString([0.55,0,1,0.45]),backIn:cubicBezierAsString([0.31,0.01,0.66,-0.59]),backOut:cubicBezierAsString([0.33,1.53,0.69,0.99])};function mapEasingToNativeEasing(easing,duration){if(!easing)return;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,{delay=0,duration=300,repeat=0,repeatType="loop",ease="easeOut",times}={},pseudoElement=void 0){let keyframeOptions={[valueName]:keyframes};if(times)keyframeOptions.offset=times;let easing=mapEasingToNativeEasing(ease,duration);if(Array.isArray(easing))keyframeOptions.easing=easing;let options={delay,duration,easing:!Array.isArray(easing)?easing:"linear",fill:"both",iterations:repeat+1,direction:repeatType==="reverse"?"alternate":"normal"};if(pseudoElement)options.pseudoElement=pseudoElement;return element.animate(keyframeOptions,options)}function isGenerator(type){return typeof type==="function"&&"applyToOptions"in type}function applyGeneratorOptions({type,...options}){if(isGenerator(type)&&supportsLinearEasing())return type.applyToOptions(options);else options.duration??(options.duration=300),options.ease??(options.ease="easeOut");return options}class NativeAnimation extends WithPromise{constructor(options){super();if(this.finishedTime=null,this.isStopped=!1,this.manualStartTime=null,!options)return;let{element,name,keyframes,pseudoElement,allowFlatten=!1,finalKeyframe,onComplete}=options;this.isPseudoElement=Boolean(pseudoElement),this.allowFlatten=allowFlatten,this.options=options,invariant(typeof options.type!=="string",`Mini animate() doesn't support "type" as a string.`,"mini-spring");let transition=applyGeneratorOptions(options);if(this.animation=startWaapiAnimation(element,name,keyframes,transition,pseudoElement),transition.autoplay===!1)this.animation.pause();this.animation.onfinish=()=>{if(this.finishedTime=this.time,!pseudoElement){let keyframe=getFinalKeyframe(keyframes,this.options,finalKeyframe,this.speed);if(this.updateMotionValue)this.updateMotionValue(keyframe);setStyle(element,name,keyframe),this.animation.cancel()}onComplete?.(),this.notifyFinished()}}play(){if(this.isStopped)return;if(this.manualStartTime=null,this.animation.play(),this.state==="finished")this.updateFinished()}pause(){this.animation.pause()}complete(){this.animation.finish?.()}cancel(){try{this.animation.cancel()}catch(e){}}stop(){if(this.isStopped)return;this.isStopped=!0;let{state}=this;if(state==="idle"||state==="finished")return;if(this.updateMotionValue)this.updateMotionValue();else this.commitStyles();if(!this.isPseudoElement)this.cancel()}commitStyles(){let element=this.options?.element;if(!this.isPseudoElement&&element?.isConnected)this.animation.commitStyles?.()}get duration(){let duration=this.animation.effect?.getComputedTiming?.().duration||0;return millisecondsToSeconds(Number(duration))}get iterationDuration(){let{delay=0}=this.options||{};return this.duration+millisecondsToSeconds(delay)}get time(){return millisecondsToSeconds(Number(this.animation.currentTime)||0)}set time(newTime){let wasFinished=this.finishedTime!==null;if(this.manualStartTime=null,this.finishedTime=null,this.animation.currentTime=secondsToMilliseconds(newTime),wasFinished)this.animation.pause()}get speed(){return this.animation.playbackRate}set speed(newSpeed){if(newSpeed<0)this.finishedTime=null;this.animation.playbackRate=newSpeed}get state(){return this.finishedTime!==null?"finished":this.animation.playState}get startTime(){return this.manualStartTime??Number(this.animation.startTime)}set startTime(newStartTime){this.manualStartTime=this.animation.startTime=newStartTime}attachTimeline({timeline,rangeStart,rangeEnd,observe}){if(this.allowFlatten)this.animation.effect?.updateTiming({easing:"linear"});if(this.animation.onfinish=null,timeline&&supportsScrollTimeline()){if(this.animation.timeline=timeline,rangeStart)this.animation.rangeStart=rangeStart;if(rangeEnd)this.animation.rangeEnd=rangeEnd;return noop2}else return observe(this)}}var 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]}var sampleDelta=10;class NativeAnimationExtended extends NativeAnimation{constructor(options){replaceStringEasing(options),replaceTransitionType(options);super(options);if(options.startTime!==void 0&&options.autoplay!==!1)this.startTime=options.startTime;this.options=options}updateMotionValue(value){let{motionValue,onUpdate,onComplete,element,...options}=this.options;if(!motionValue)return;if(value!==void 0){motionValue.set(value);return}let sampleAnimation=new JSAnimation({...options,autoplay:!1}),sampleTime=Math.max(sampleDelta,time.now()-this.startTime),delta=clamp(0,sampleDelta,sampleTime-sampleDelta),current=sampleAnimation.sample(sampleTime).value,{name}=this.options;if(element&&name)setStyle(element,name,current);motionValue.setWithVelocity(sampleAnimation.sample(Math.max(0,sampleTime-delta)).value,current,delta),sampleAnimation.stop()}}var isAnimatable=(value,name)=>{if(name==="zIndex")return!1;if(typeof value==="number"||Array.isArray(value))return!0;if(typeof value==="string"&&(complex.test(value)||value==="0")&&!value.startsWith("url("))return!0;return!1};function hasKeyframesChanged(keyframes){let current=keyframes[0];if(keyframes.length===1)return!0;for(let i=0;i<keyframes.length;i++)if(keyframes[i]!==current)return!0}function canAnimate(keyframes,name,type,velocity){let originKeyframe=keyframes[0];if(originKeyframe===null)return!1;if(name==="display"||name==="visibility")return!0;let targetKeyframe=keyframes[keyframes.length-1],isOriginAnimatable=isAnimatable(originKeyframe,name),isTargetAnimatable=isAnimatable(targetKeyframe,name);if(warning(isOriginAnimatable===isTargetAnimatable,`You are trying to animate ${name} from "${originKeyframe}" to "${targetKeyframe}". "${isOriginAnimatable?targetKeyframe:originKeyframe}" is not an animatable value.`,"value-not-animatable"),!isOriginAnimatable||!isTargetAnimatable)return!1;return hasKeyframesChanged(keyframes)||(type==="spring"||isGenerator(type))&&velocity}function makeAnimationInstant(options){options.duration=0,options.type="keyframes"}var acceleratedValues=new Set(["opacity","clipPath","filter","transform","backgroundColor"]);var browserColorFunctions=/^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/;function hasBrowserOnlyColors(keyframes){for(let i=0;i<keyframes.length;i++)if(typeof keyframes[i]==="string"&&browserColorFunctions.test(keyframes[i]))return!0;return!1}var colorProperties=new Set(["color","backgroundColor","outlineColor","fill","stroke","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor"]),supportsWaapi=memo(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function supportsBrowserAnimation(options){let{motionValue,name,repeatDelay,repeatType,damping,type,keyframes}=options,subject=motionValue?.owner?.current;if(!(subject instanceof HTMLElement)&&!(subject instanceof SVGElement))return!1;let{onUpdate,transformTemplate}=motionValue.owner.getProps();return supportsWaapi()&&name&&(acceleratedValues.has(name)||colorProperties.has(name)&&hasBrowserOnlyColors(keyframes))&&(name!=="transform"||!transformTemplate)&&!onUpdate&&!repeatDelay&&repeatType!=="mirror"&&damping!==0&&type!=="inertia"}var MAX_RESOLVE_DELAY=40;class AsyncMotionValueAnimation extends WithPromise{constructor({autoplay=!0,delay=0,type="keyframes",repeat=0,repeatDelay=0,repeatType="loop",keyframes,name,motionValue,element,...options}){super();this.stop=()=>{if(this._animation)this._animation.stop(),this.stopTimeline?.();this.keyframeResolver?.cancel()},this.createdAt=time.now();let optionsWithDefaults={autoplay,delay,type,repeat,repeatDelay,repeatType,name,motionValue,element,...options},KeyframeResolver$1=element?.KeyframeResolver||KeyframeResolver;this.keyframeResolver=new KeyframeResolver$1(keyframes,(resolvedKeyframes,finalKeyframe,forced)=>this.onKeyframesResolved(resolvedKeyframes,finalKeyframe,optionsWithDefaults,!forced),name,motionValue,element),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(keyframes,finalKeyframe,options,sync){this.keyframeResolver=void 0;let{name,type,velocity,delay,isHandoff,onUpdate}=options;this.resolvedAt=time.now();let canAnimateValue=!0;if(!canAnimate(keyframes,name,type,velocity)){if(canAnimateValue=!1,MotionGlobalConfig.instantAnimations||!delay)onUpdate?.(getFinalKeyframe(keyframes,options,finalKeyframe));keyframes[0]=keyframes[keyframes.length-1],makeAnimationInstant(options),options.repeat=0}let resolvedOptions={startTime:sync?!this.resolvedAt?this.createdAt:this.resolvedAt-this.createdAt>MAX_RESOLVE_DELAY?this.resolvedAt:this.createdAt:void 0,finalKeyframe,...options,keyframes},useWaapi=canAnimateValue&&!isHandoff&&supportsBrowserAnimation(resolvedOptions),element=resolvedOptions.motionValue?.owner?.current,animation;if(useWaapi)try{animation=new NativeAnimationExtended({...resolvedOptions,element})}catch{animation=new JSAnimation(resolvedOptions)}else animation=new JSAnimation(resolvedOptions);if(animation.finished.then(()=>{this.notifyFinished()}).catch(noop2),this.pendingTimeline)this.stopTimeline=animation.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0;this._animation=animation}get finished(){if(!this._animation)return this._finished;else return this.animation.finished}then(onResolve,_onReject){return this.finished.finally(onResolve).then(()=>{})}get animation(){if(!this._animation)this.keyframeResolver?.resume(),flushKeyframeResolvers();return this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(newTime){this.animation.time=newTime}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(newSpeed){this.animation.speed=newSpeed}get startTime(){return this.animation.startTime}attachTimeline(timeline){if(this._animation)this.stopTimeline=this.animation.attachTimeline(timeline);else this.pendingTimeline=timeline;return()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){if(this._animation)this.animation.cancel();this.keyframeResolver?.cancel()}}function calcChildStagger(children,child,delayChildren,staggerChildren=0,staggerDirection=1){let index=Array.from(children).sort((a,b)=>a.sortNodePosition(b)).indexOf(child),numChildren=children.size,maxStaggerDuration=(numChildren-1)*staggerChildren;return typeof delayChildren==="function"?delayChildren(index,numChildren):staggerDirection===1?index*staggerChildren:maxStaggerDuration-index*staggerChildren}var MAX_VELOCITY_DELTA=30,isFloat=(value)=>!isNaN(parseFloat(value)),collectMotionValues={current:void 0};class MotionValue{constructor(init,options={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=(v)=>{let currentTime=time.now();if(this.updatedAt!==currentTime)this.setPrevFrameValue();if(this.prev=this.current,this.setCurrent(v),this.current!==this.prev){if(this.events.change?.notify(this.current),this.dependents)for(let dependent of this.dependents)dependent.dirty()}},this.hasAnimated=!1,this.setCurrent(init),this.owner=options.owner}setCurrent(current){if(this.current=current,this.updatedAt=time.now(),this.canTrackVelocity===null&¤t!==void 0)this.canTrackVelocity=isFloat(this.current)}setPrevFrameValue(prevFrameValue=this.current){this.prevFrameValue=prevFrameValue,this.prevUpdatedAt=this.updatedAt}onChange(subscription){return warnOnce(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",subscription)}on(eventName,callback){if(!this.events[eventName])this.events[eventName]=new SubscriptionManager;let unsubscribe=this.events[eventName].add(callback);if(eventName==="change")return()=>{unsubscribe(),frame2.read(()=>{if(!this.events.change.getSize())this.stop()})};return unsubscribe}clearListeners(){for(let eventManagers in this.events)this.events[eventManagers].clear()}attach(passiveEffect,stopPassiveEffect){this.passiveEffect=passiveEffect,this.stopPassiveEffect=stopPassiveEffect}set(v){if(!this.passiveEffect)this.updateAndNotify(v);else this.passiveEffect(v,this.updateAndNotify)}setWithVelocity(prev,current,delta){this.set(current),this.prev=void 0,this.prevFrameValue=prev,this.prevUpdatedAt=this.updatedAt-delta}jump(v,endAnimation=!0){if(this.updateAndNotify(v),this.prev=v,this.prevUpdatedAt=this.prevFrameValue=void 0,endAnimation&&this.stop(),this.stopPassiveEffect)this.stopPassiveEffect()}dirty(){this.events.change?.notify(this.current)}addDependent(dependent){if(!this.dependents)this.dependents=new Set;this.dependents.add(dependent)}removeDependent(dependent){if(this.dependents)this.dependents.delete(dependent)}get(){if(collectMotionValues.current)collectMotionValues.current.push(this);return this.current}getPrevious(){return this.prev}getVelocity(){let currentTime=time.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||currentTime-this.updatedAt>MAX_VELOCITY_DELTA)return 0;let delta=Math.min(this.updatedAt-this.prevUpdatedAt,MAX_VELOCITY_DELTA);return velocityPerSecond(parseFloat(this.current)-parseFloat(this.prevFrameValue),delta)}start(startAnimation){return this.stop(),new Promise((resolve)=>{if(this.hasAnimated=!0,this.animation=startAnimation(resolve),this.events.animationStart)this.events.animationStart.notify()}).then(()=>{if(this.events.animationComplete)this.events.animationComplete.notify();this.clearAnimation()})}stop(){if(this.animation){if(this.animation.stop(),this.events.animationCancel)this.events.animationCancel.notify()}this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){if(this.dependents?.clear(),this.events.destroy?.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect)this.stopPassiveEffect()}}function motionValue(init,options){return new MotionValue(init,options)}function resolveTransition(transition,parentTransition){if(transition?.inherit&&parentTransition){let{inherit:_,...rest}=transition;return{...parentTransition,...rest}}return transition}function getValueTransition(transition,key){let valueTransition=transition?.[key]??transition?.default??transition;if(valueTransition!==transition)return resolveTransition(valueTransition,transition);return valueTransition}var underDampedSpring={type:"spring",stiffness:500,damping:25,restSpeed:10},criticallyDampedSpring=(target)=>({type:"spring",stiffness:550,damping:target===0?2*Math.sqrt(550):30,restSpeed:10}),keyframesTransition={type:"keyframes",duration:0.8},ease={type:"keyframes",ease:[0.25,0.1,0.35,1],duration:0.3},getDefaultTransition=(valueKey,{keyframes})=>{if(keyframes.length>2)return keyframesTransition;else if(transformProps.has(valueKey))return valueKey.startsWith("scale")?criticallyDampedSpring(keyframes[1]):underDampedSpring;return ease};var orchestrationKeys=new Set(["when","delay","delayChildren","staggerChildren","staggerDirection","repeat","repeatType","repeatDelay","from","elapsed"]);function isTransitionDefined(transition){for(let key in transition)if(!orchestrationKeys.has(key))return!0;return!1}var animateMotionValue=(name,value,target,transition={},element,isHandoff)=>(onComplete)=>{let valueTransition=getValueTransition(transition,name)||{},delay=valueTransition.delay||transition.delay||0,{elapsed=0}=transition;elapsed=elapsed-secondsToMilliseconds(delay);let options={keyframes:Array.isArray(target)?target:[null,target],ease:"easeOut",velocity:value.getVelocity(),...valueTransition,delay:-elapsed,onUpdate:(v)=>{value.set(v),valueTransition.onUpdate&&valueTransition.onUpdate(v)},onComplete:()=>{onComplete(),valueTransition.onComplete&&valueTransition.onComplete()},name,motionValue:value,element:isHandoff?void 0:element};if(!isTransitionDefined(valueTransition))Object.assign(options,getDefaultTransition(name,options));if(options.duration&&(options.duration=secondsToMilliseconds(options.duration)),options.repeatDelay&&(options.repeatDelay=secondsToMilliseconds(options.repeatDelay)),options.from!==void 0)options.keyframes[0]=options.from;let shouldSkip=!1;if(options.type===!1||options.duration===0&&!options.repeatDelay){if(makeAnimationInstant(options),options.delay===0)shouldSkip=!0}if(MotionGlobalConfig.instantAnimations||MotionGlobalConfig.skipAnimations||element?.shouldSkipAnimations||valueTransition.skipAnimations)shouldSkip=!0,makeAnimationInstant(options),options.delay=0;if(options.allowFlatten=!valueTransition.type&&!valueTransition.ease,shouldSkip&&!isHandoff&&value.get()!==void 0){let finalKeyframe=getFinalKeyframe(options.keyframes,valueTransition);if(finalKeyframe!==void 0){frame2.update(()=>{options.onUpdate(finalKeyframe),options.onComplete()});return}}return valueTransition.isSync?new JSAnimation(options):new AsyncMotionValueAnimation(options)};var splitCSSVariableRegex=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function parseCSSVariable(current){let match=splitCSSVariableRegex.exec(current);if(!match)return[,];let[,token1,token2,fallback]=match;return[`--${token1??token2}`,fallback]}var maxDepth=4;function getVariableValue(current,element,depth=1){invariant(depth<=maxDepth,`Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`,"max-css-var-depth");let[token,fallback]=parseCSSVariable(current);if(!token)return;let resolved=window.getComputedStyle(element).getPropertyValue(token);if(resolved){let trimmed=resolved.trim();return isNumericalString(trimmed)?parseFloat(trimmed):trimmed}return isCSSVariableToken(fallback)?getVariableValue(fallback,element,depth+1):fallback}function getValueState(visualElement){let state=[{},{}];return visualElement?.values.forEach((value,key)=>{state[0][key]=value.get(),state[1][key]=value.getVelocity()}),state}function resolveVariantFromProps(props,definition,custom,visualElement){if(typeof definition==="function"){let[current,velocity]=getValueState(visualElement);definition=definition(custom!==void 0?custom:props.custom,current,velocity)}if(typeof definition==="string")definition=props.variants&&props.variants[definition];if(typeof definition==="function"){let[current,velocity]=getValueState(visualElement);definition=definition(custom!==void 0?custom:props.custom,current,velocity)}return definition}function resolveVariant(visualElement,definition,custom){let props=visualElement.getProps();return resolveVariantFromProps(props,definition,custom!==void 0?custom:props.custom,visualElement)}var positionalKeys=new Set(["width","height","top","left","right","bottom",...transformPropOrder]);var isKeyframesTarget=(v)=>Array.isArray(v);function setMotionValue(visualElement,key,value){if(visualElement.hasValue(key))visualElement.getValue(key).set(value);else visualElement.addValue(key,motionValue(value))}function resolveFinalValueInKeyframes(v){return isKeyframesTarget(v)?v[v.length-1]||0:v}function setTarget(visualElement,definition){let resolved=resolveVariant(visualElement,definition),{transitionEnd={},transition={},...target}=resolved||{};target={...target,...transitionEnd};for(let key in target){let value=resolveFinalValueInKeyframes(target[key]);setMotionValue(visualElement,key,value)}}var isMotionValue=(value)=>Boolean(value&&value.getVelocity);function isWillChangeMotionValue(value){return Boolean(isMotionValue(value)&&value.add)}function addValueToWillChange(visualElement,key){let willChange=visualElement.getValue("willChange");if(isWillChangeMotionValue(willChange))return willChange.add(key);else if(!willChange&&MotionGlobalConfig.WillChange){let newWillChange=new MotionGlobalConfig.WillChange("auto");visualElement.addValue("willChange",newWillChange),newWillChange.add(key)}}function camelToDash(str){return str.replace(/([A-Z])/g,(match)=>`-${match.toLowerCase()}`)}var optimizedAppearDataId="framerAppearId",optimizedAppearDataAttribute="data-"+camelToDash(optimizedAppearDataId);function getOptimisedAppearId(visualElement){return visualElement.props[optimizedAppearDataAttribute]}function shouldBlockAnimation({protectedKeys,needsAnimating},key){let shouldBlock=protectedKeys.hasOwnProperty(key)&&needsAnimating[key]!==!0;return needsAnimating[key]=!1,shouldBlock}function animateTarget(visualElement,targetAndTransition,{delay=0,transitionOverride,type}={}){let{transition,transitionEnd,...target}=targetAndTransition,defaultTransition=visualElement.getDefaultTransition();transition=transition?resolveTransition(transition,defaultTransition):defaultTransition;let reduceMotion=transition?.reduceMotion,skipAnimations=transition?.skipAnimations;if(transitionOverride)transition=transitionOverride;let animations=[],animationTypeState=type&&visualElement.animationState&&visualElement.animationState.getState()[type],path=transition?.path;if(path)path.animateVisualElement(visualElement,target,transition,delay,animations);for(let key in target){let value=visualElement.getValue(key,visualElement.latestValues[key]??null),valueTarget=target[key];if(valueTarget===void 0||animationTypeState&&shouldBlockAnimation(animationTypeState,key))continue;let valueTransition={delay,...getValueTransition(transition||{},key)};if(skipAnimations)valueTransition.skipAnimations=!0;let currentValue=value.get();if(currentValue!==void 0&&!value.isAnimating()&&!Array.isArray(valueTarget)&&valueTarget===currentValue&&!valueTransition.velocity){frame2.update(()=>value.set(valueTarget));continue}let isHandoff=!1;if(window.MotionHandoffAnimation){let appearId=getOptimisedAppearId(visualElement);if(appearId){let startTime=window.MotionHandoffAnimation(appearId,key,frame2);if(startTime!==null)valueTransition.startTime=startTime,isHandoff=!0}}addValueToWillChange(visualElement,key);let shouldReduceMotion=reduceMotion??visualElement.shouldReduceMotion;value.start(animateMotionValue(key,value,valueTarget,shouldReduceMotion&&positionalKeys.has(key)?{type:!1}:valueTransition,visualElement,isHandoff));let animation=value.animation;if(animation)animations.push(animation)}if(transitionEnd){let applyTransitionEnd=()=>frame2.update(()=>{transitionEnd&&setTarget(visualElement,transitionEnd)});if(animations.length)Promise.all(animations).then(applyTransitionEnd);else applyTransitionEnd()}return animations}function animateVariant(visualElement,variant,options={}){let resolved=resolveVariant(visualElement,variant,options.type==="exit"?visualElement.presenceContext?.custom:void 0),{transition=visualElement.getDefaultTransition()||{}}=resolved||{};if(options.transitionOverride)transition=options.transitionOverride;let getAnimation=resolved?()=>Promise.all(animateTarget(visualElement,resolved,options)):()=>Promise.resolve(),getChildAnimations=visualElement.variantChildren&&visualElement.variantChildren.size?(forwardDelay=0)=>{let{delayChildren=0,staggerChildren,staggerDirection}=transition;return animateChildren(visualElement,variant,forwardDelay,delayChildren,staggerChildren,staggerDirection,options)}:()=>Promise.resolve(),{when}=transition;if(when){let[first,last]=when==="beforeChildren"?[getAnimation,getChildAnimations]:[getChildAnimations,getAnimation];return first().then(()=>last())}else return Promise.all([getAnimation(),getChildAnimations(options.delay)])}function animateChildren(visualElement,variant,delay=0,delayChildren=0,staggerChildren=0,staggerDirection=1,options){let animations=[];for(let child of visualElement.variantChildren)child.notify("AnimationStart",variant),animations.push(animateVariant(child,variant,{...options,delay:delay+(typeof delayChildren==="function"?0:delayChildren)+calcChildStagger(visualElement.variantChildren,child,delayChildren,staggerChildren,staggerDirection)}).then(()=>child.notify("AnimationComplete",variant)));return Promise.all(animations)}function animateVisualElement(visualElement,definition,options={}){visualElement.notify("AnimationStart",definition);let animation;if(Array.isArray(definition)){let animations=definition.map((variant)=>animateVariant(visualElement,variant,options));animation=Promise.all(animations)}else if(typeof definition==="string")animation=animateVariant(visualElement,definition,options);else{let resolvedDefinition=typeof definition==="function"?resolveVariant(visualElement,definition,options.custom):definition;animation=Promise.all(animateTarget(visualElement,resolvedDefinition,options))}return animation.then(()=>{visualElement.notify("AnimationComplete",definition)})}var auto={test:(v)=>v==="auto",parse:(v)=>v};var testValueType=(v)=>(type)=>type.test(v);var dimensionValueTypes=[number,px2,percent,degrees,vw,vh,auto],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!0}var maxDefaults=new Set(["brightness","contrast","saturate","opacity"]);function applyDefaultFilter(v){let[name,value]=v.slice(0,-1).split("(");if(name==="drop-shadow")return v;let[number]=value.match(floatRegex)||[];if(!number)return v;let unit=value.replace(number,""),defaultValue=maxDefaults.has(name)?1:0;if(number!==value)defaultValue*=100;return name+"("+defaultValue+unit+")"}var functionRegex=/\b([a-z-]*)\(.*?\)/gu,filter3={...complex,getAnimatableNone:(v)=>{let functions=v.match(functionRegex);return functions?functions.map(applyDefaultFilter).join(" "):v}};var mask={...complex,getAnimatableNone:(v)=>{let parsed=complex.parse(v);return complex.createTransformer(v)(parsed.map((v)=>typeof v==="number"?0:typeof v==="object"?{...v,alpha:1}:v))}};var int={...number,transform:Math.round};var transformValueTypes={rotate:degrees,pathRotation:degrees,rotateX:degrees,rotateY:degrees,rotateZ:degrees,scale,scaleX:scale,scaleY:scale,scaleZ:scale,skew:degrees,skewX:degrees,skewY:degrees,distance:px2,translateX:px2,translateY:px2,translateZ:px2,x:px2,y:px2,z:px2,perspective:px2,transformPerspective:px2,opacity:alpha,originX:progressPercentage,originY:progressPercentage,originZ:px2};var numberValueTypes={borderWidth:px2,borderTopWidth:px2,borderRightWidth:px2,borderBottomWidth:px2,borderLeftWidth:px2,borderRadius:px2,borderTopLeftRadius:px2,borderTopRightRadius:px2,borderBottomRightRadius:px2,borderBottomLeftRadius:px2,width:px2,maxWidth:px2,height:px2,maxHeight:px2,top:px2,right:px2,bottom:px2,left:px2,inset:px2,insetBlock:px2,insetBlockStart:px2,insetBlockEnd:px2,insetInline:px2,insetInlineStart:px2,insetInlineEnd:px2,padding:px2,paddingTop:px2,paddingRight:px2,paddingBottom:px2,paddingLeft:px2,paddingBlock:px2,paddingBlockStart:px2,paddingBlockEnd:px2,paddingInline:px2,paddingInlineStart:px2,paddingInlineEnd:px2,margin:px2,marginTop:px2,marginRight:px2,marginBottom:px2,marginLeft:px2,marginBlock:px2,marginBlockStart:px2,marginBlockEnd:px2,marginInline:px2,marginInlineStart:px2,marginInlineEnd:px2,fontSize:px2,backgroundPositionX:px2,backgroundPositionY:px2,...transformValueTypes,zIndex:int,fillOpacity:alpha,strokeOpacity:alpha,numOctaves:int};var defaultValueTypes={...numberValueTypes,color:color2,backgroundColor:color2,outlineColor:color2,fill:color2,stroke:color2,borderColor:color2,borderTopColor:color2,borderRightColor:color2,borderBottomColor:color2,borderLeftColor:color2,filter:filter3,WebkitFilter:filter3,mask,WebkitMask:mask},getDefaultValueType=(key)=>defaultValueTypes[key];var customTypes=new Set([filter3,mask]);function getAnimatableNone2(key,value){let defaultValueType=getDefaultValueType(key);if(!customTypes.has(defaultValueType))defaultValueType=complex;return defaultValueType.getAnimatableNone?defaultValueType.getAnimatableNone(value):void 0}var invalidTemplates=new Set(["auto","none","0"]);function makeNoneKeyframesAnimatable(unresolvedKeyframes,noneKeyframeIndexes,name){let i=0,animatableTemplate=void 0;while(i<unresolvedKeyframes.length&&!animatableTemplate){let keyframe=unresolvedKeyframes[i];if(typeof keyframe==="string"&&!invalidTemplates.has(keyframe)&&analyseComplexValue(keyframe).values.length)animatableTemplate=unresolvedKeyframes[i];i++}if(animatableTemplate&&name)for(let noneIndex of noneKeyframeIndexes)unresolvedKeyframes[noneIndex]=getAnimatableNone2(name,animatableTemplate)}class DOMKeyframesResolver extends KeyframeResolver{constructor(unresolvedKeyframes,onComplete,name,motionValue,element){super(unresolvedKeyframes,onComplete,name,motionValue,element,!0)}readKeyframes(){let{unresolvedKeyframes,element,name}=this;if(!element||!element.current)return;super.readKeyframes();for(let i=0;i<unresolvedKeyframes.length;i++){let keyframe=unresolvedKeyframes[i];if(typeof keyframe==="string"){if(keyframe=keyframe.trim(),isCSSVariableToken(keyframe)){let resolved=getVariableValue(keyframe,element.current);if(resolved!==void 0)unresolvedKeyframes[i]=resolved;if(i===unresolvedKeyframes.length-1)this.finalKeyframe=keyframe}}}if(this.resolveNoneKeyframes(),!positionalKeys.has(name)||unresolvedKeyframes.length!==2)return;let[origin,target]=unresolvedKeyframes,originType=findDimensionValueType(origin),targetType=findDimensionValueType(target),originHasVar=containsCSSVariable(origin),targetHasVar=containsCSSVariable(target);if(originHasVar!==targetHasVar&&positionalValues[name]){this.needsMeasurement=!0;return}if(originType===targetType)return;if(isNumOrPxType(originType)&&isNumOrPxType(targetType))for(let i=0;i<unresolvedKeyframes.length;i++){let value=unresolvedKeyframes[i];if(typeof value==="string")unresolvedKeyframes[i]=parseFloat(value)}else if(positionalValues[name])this.needsMeasurement=!0}resolveNoneKeyframes(){let{unresolvedKeyframes,name}=this,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(){let{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;let measureKeyframe=unresolvedKeyframes[unresolvedKeyframes.length-1];if(measureKeyframe!==void 0)element.getValue(name,measureKeyframe).jump(measureKeyframe,!1)}measureEndState(){let{element,name,unresolvedKeyframes}=this;if(!element||!element.current)return;let value=element.getValue(name);value&&value.jump(this.measuredOrigin,!1);let finalKeyframeIndex=unresolvedKeyframes.length-1,finalKeyframe=unresolvedKeyframes[finalKeyframeIndex];if(unresolvedKeyframes[finalKeyframeIndex]=positionalValues[name](element.measureViewportBox(),window.getComputedStyle(element.current)),finalKeyframe!==null&&this.finalKeyframe===void 0)this.finalKeyframe=finalKeyframe;if(this.removedTransforms?.length)this.removedTransforms.forEach(([unsetTransformName,unsetTransformValue])=>{element.getValue(unsetTransformName).set(unsetTransformValue)});this.resolveNoneKeyframes()}}var cornerRadiusProps=["borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius"];function resolveElements(elementOrSelector,scope,selectorCache){if(elementOrSelector==null)return[];if(elementOrSelector instanceof EventTarget)return[elementOrSelector];else if(typeof elementOrSelector==="string"){let root=document;if(scope)root=scope.current;let elements=selectorCache?.[elementOrSelector]??root.querySelectorAll(elementOrSelector);return elements?Array.from(elements):[]}return Array.from(elementOrSelector).filter((element)=>element!=null)}var getValueAsType=(value,type)=>type&&typeof value==="number"?type.transform(value):value;function isHTMLElement2(element){return isObject2(element)&&"offsetHeight"in element&&!("ownerSVGElement"in element)}var{schedule:microtask,cancel:cancelMicrotask}=createRenderBatcher(queueMicrotask,!1);var isDragging={x:!1,y:!1};function isDragActive(){return isDragging.x||isDragging.y}function setDragLock(axis){if(axis==="x"||axis==="y")if(isDragging[axis])return null;else return isDragging[axis]=!0,()=>{isDragging[axis]=!1};else if(isDragging.x||isDragging.y)return null;else return isDragging.x=isDragging.y=!0,()=>{isDragging.x=isDragging.y=!1}}function setupGesture(elementOrSelector,options){let elements=resolveElements(elementOrSelector),gestureAbortController=new AbortController,eventOptions={passive:!0,...options,signal:gestureAbortController.signal};return[elements,eventOptions,()=>gestureAbortController.abort()]}function isValidHover(event){return!(event.pointerType==="touch"||isDragActive())}function hover(elementOrSelector,onHoverStart,options={}){let[elements,eventOptions,cancel]=setupGesture(elementOrSelector,options);return elements.forEach((element)=>{let isPressed=!1,deferredHoverEnd=!1,hoverEndCallback,removePointerLeave=()=>{element.removeEventListener("pointerleave",onPointerLeave)},endHover=(event)=>{if(hoverEndCallback)hoverEndCallback(event),hoverEndCallback=void 0;removePointerLeave()},onPointerUp=(event)=>{if(isPressed=!1,window.removeEventListener("pointerup",onPointerUp),window.removeEventListener("pointercancel",onPointerUp),deferredHoverEnd)deferredHoverEnd=!1,endHover(event)},onPointerDown=()=>{isPressed=!0,window.addEventListener("pointerup",onPointerUp,eventOptions),window.addEventListener("pointercancel",onPointerUp,eventOptions)},onPointerLeave=(leaveEvent)=>{if(leaveEvent.pointerType==="touch")return;if(isPressed){deferredHoverEnd=!0;return}endHover(leaveEvent)},onPointerEnter=(enterEvent)=>{if(!isValidHover(enterEvent))return;deferredHoverEnd=!1;let 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)}),cancel}var isNodeOrChild=(parent,child)=>{if(!child)return!1;else if(parent===child)return!0;else return isNodeOrChild(parent,child.parentElement)};var isPrimaryPointer=(event)=>{if(event.pointerType==="mouse")return typeof event.button!=="number"||event.button<=0;else return event.isPrimary!==!1};var keyboardAccessibleElements=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function isElementKeyboardAccessible(element){return keyboardAccessibleElements.has(element.tagName)||element.isContentEditable===!0}var textInputElements=new Set(["INPUT","SELECT","TEXTAREA"]);function isElementTextInput(element){return textInputElements.has(element.tagName)||element.isContentEditable===!0}var isPressing=new WeakSet;function filterEvents(callback){return(event)=>{if(event.key!=="Enter")return;callback(event)}}function firePointerEvent(target,type){target.dispatchEvent(new PointerEvent("pointer"+type,{isPrimary:!0,bubbles:!0}))}var enableKeyboardPress=(focusEvent,eventOptions)=>{let element=focusEvent.currentTarget;if(!element)return;let handleKeydown=filterEvents(()=>{if(isPressing.has(element))return;firePointerEvent(element,"down");let handleKeyup=filterEvents(()=>{firePointerEvent(element,"up")}),handleBlur=()=>firePointerEvent(element,"cancel");element.addEventListener("keyup",handleKeyup,eventOptions),element.addEventListener("blur",handleBlur,eventOptions)});element.addEventListener("keydown",handleKeydown,eventOptions),element.addEventListener("blur",()=>element.removeEventListener("keydown",handleKeydown),eventOptions)};function isValidPressEvent(event){return isPrimaryPointer(event)&&!isDragActive()}var claimedPointerDownEvents=new WeakSet;function press(targetOrSelector,onPressStart,options={}){let[targets,eventOptions,cancelEvents]=setupGesture(targetOrSelector,options),startPress=(startEvent)=>{let target=startEvent.currentTarget;if(!isValidPressEvent(startEvent))return;if(claimedPointerDownEvents.has(startEvent))return;if(isPressing.add(target),options.stopPropagation)claimedPointerDownEvents.add(startEvent);let onPressEnd=onPressStart(target,startEvent),endEventOptions={...eventOptions,capture:!0},onPointerEnd=(endEvent,success)=>{if(window.removeEventListener("pointerup",onPointerUp,endEventOptions),window.removeEventListener("pointercancel",onPointerCancel,endEventOptions),isPressing.has(target))isPressing.delete(target);if(!isValidPressEvent(endEvent))return;if(typeof onPressEnd==="function")onPressEnd(endEvent,{success})},onPointerUp=(upEvent)=>{onPointerEnd(upEvent,target===window||target===document||options.useGlobalTarget||isNodeOrChild(target,upEvent.target))},onPointerCancel=(cancelEvent)=>{onPointerEnd(cancelEvent,!1)};window.addEventListener("pointerup",onPointerUp,endEventOptions),window.addEventListener("pointercancel",onPointerCancel,endEventOptions)};return targets.forEach((target)=>{if((options.useGlobalTarget?window:target).addEventListener("pointerdown",startPress,eventOptions),isHTMLElement2(target)){if(target.addEventListener("focus",(event)=>enableKeyboardPress(event,eventOptions)),!isElementKeyboardAccessible(target)&&!target.hasAttribute("tabindex"))target.tabIndex=0}}),cancelEvents}function isSVGElement(element){return isObject2(element)&&"ownerSVGElement"in element}var resizeHandlers=new WeakMap,observer,getSize5=(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]},getWidth=getSize5("inline","width","offsetWidth"),getHeight=getSize5("block","height","offsetHeight");function notifyTarget({target,borderBoxSize}){resizeHandlers.get(target)?.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>"u")return;observer=new ResizeObserver(notifyAll)}function resizeElement(target,handler){if(!observer)createResizeObserver();let elements=resolveElements(target);return elements.forEach((element)=>{let elementHandlers=resizeHandlers.get(element);if(!elementHandlers)elementHandlers=new Set,resizeHandlers.set(element,elementHandlers);elementHandlers.add(handler),observer?.observe(element)}),()=>{elements.forEach((element)=>{let elementHandlers=resizeHandlers.get(element);if(elementHandlers?.delete(handler),!elementHandlers?.size)observer?.unobserve(element)})}}var windowCallbacks=new Set,windowResizeHandler;function createWindowResizeHandler(){windowResizeHandler=()=>{let info={get width(){return window.innerWidth},get height(){return window.innerHeight}};windowCallbacks.forEach((callback)=>callback(info))},window.addEventListener("resize",windowResizeHandler)}function resizeWindow(callback){if(windowCallbacks.add(callback),!windowResizeHandler)createWindowResizeHandler();return()=>{if(windowCallbacks.delete(callback),!windowCallbacks.size&&typeof windowResizeHandler==="function")window.removeEventListener("resize",windowResizeHandler),windowResizeHandler=void 0}}function resize(a,b){return typeof a==="function"?resizeWindow(a):resizeElement(a,b)}var statsBuffer={value:null,addProjectionMetrics:null};function isSVGSVGElement(element){return isSVGElement(element)&&element.tagName==="svg"}var valueTypes=[...dimensionValueTypes,color2,complex],findValueType=(v)=>valueTypes.find(testValueType(v));var createAxisDelta=()=>({translate:0,scale:1,origin:0,originPoint:0}),createDelta=()=>({x:createAxisDelta(),y:createAxisDelta()}),createAxis=()=>({min:0,max:0}),createBox=()=>({x:createAxis(),y:createAxis()});var visualElementStore=new WeakMap;function isAnimationControls(v){return v!==null&&typeof v==="object"&&typeof v.start==="function"}function isVariantLabel(v){return typeof v==="string"||Array.isArray(v)}var variantPriorityOrder=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],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)}function updateMotionValuesFromProps(element,next,prev){for(let key in next){let nextValue=next[key],prevValue=prev[key];if(isMotionValue(nextValue))element.addValue(key,nextValue);else if(isMotionValue(prevValue))element.addValue(key,motionValue(nextValue,{owner:element}));else if(prevValue!==nextValue)if(element.hasValue(key)){let existingValue=element.getValue(key);if(existingValue.liveStyle===!0)existingValue.jump(nextValue);else if(!existingValue.hasAnimated)existingValue.set(nextValue)}else{let latestValue=element.getStaticValue(key);element.addValue(key,motionValue(latestValue!==void 0?latestValue:nextValue,{owner:element}))}}for(let key in prev)if(next[key]===void 0)element.removeValue(key);return next}var prefersReducedMotion={current:null},hasReducedMotionListener={current:!1};var isBrowser3=typeof window<"u";function initPrefersReducedMotion(){if(hasReducedMotionListener.current=!0,!isBrowser3)return;if(window.matchMedia){let motionMediaQuery=window.matchMedia("(prefers-reduced-motion)"),setReducedMotionPreferences=()=>prefersReducedMotion.current=motionMediaQuery.matches;motionMediaQuery.addEventListener("change",setReducedMotionPreferences),setReducedMotionPreferences()}else prefersReducedMotion.current=!1}var propEventHandlers=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],featureDefinitions={};function setFeatureDefinitions(definitions){featureDefinitions=definitions}function getFeatureDefinitions(){return featureDefinitions}class VisualElement{scrapeMotionValuesFromProps(_props,_prevProps,_visualElement){return{}}constructor({parent,props,presenceContext,reducedMotionConfig,skipAnimations,blockInitialAnimation,visualState},options={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.shouldSkipAnimations=!1,this.values=new Map,this.KeyframeResolver=KeyframeResolver,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.hasBeenMounted=!1,this.events={},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,this.scheduleRender=()=>{let now=time.now();if(this.renderScheduledAt<now)this.renderScheduledAt=now,frame2.render(this.render,!1,!0)};let{latestValues,renderState}=visualState;if(this.latestValues=latestValues,this.baseTarget={...latestValues},this.initialValues=props.initial?{...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),this.isVariantNode)this.variantChildren=new Set;this.manuallyAnimateOnMount=Boolean(parent&&parent.current);let{willChange,...initialMotionValues}=this.scrapeMotionValuesFromProps(props,{},this);for(let key in initialMotionValues){let value=initialMotionValues[key];if(latestValues[key]!==void 0&&isMotionValue(value))value.set(latestValues[key])}}mount(instance){if(this.hasBeenMounted)for(let key in this.initialValues)this.values.get(key)?.jump(this.initialValues[key]),this.latestValues[key]=this.initialValues[key];if(this.current=instance,visualElementStore.set(instance,this),this.projection&&!this.projection.instance)this.projection.mount(instance);if(this.parent&&this.isVariantNode&&!this.isControllingVariants)this.removeFromVariantTree=this.parent.addVariantChild(this);if(this.values.forEach((value,key)=>this.bindToMotionValue(key,value)),this.reducedMotionConfig==="never")this.shouldReduceMotion=!1;else if(this.reducedMotionConfig==="always")this.shouldReduceMotion=!0;else{if(!hasReducedMotionListener.current)initPrefersReducedMotion();this.shouldReduceMotion=prefersReducedMotion.current}warnOnce(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected.","reduced-motion-disabled"),this.shouldSkipAnimations=this.skipAnimationsConfig??!1,this.parent?.addChild(this),this.update(this.props,this.presenceContext),this.hasBeenMounted=!0}unmount(){this.projection&&this.projection.unmount(),cancelFrame(this.notifyUpdate),cancelFrame(this.render),this.valueSubscriptions.forEach((remove)=>remove()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent?.removeChild(this);for(let key in this.events)this.events[key].clear();for(let key in this.features){let feature=this.features[key];if(feature)feature.unmount(),feature.isMounted=!1}this.current=null}addChild(child){this.children.add(child),this.enteringChildren??(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){let{factory,keyframes,times,ease,duration}=value.accelerate,animation=new NativeAnimation({element:this.current,name:key,keyframes,times,ease,duration:secondsToMilliseconds(duration)}),cleanup=factory(animation);this.valueSubscriptions.set(key,()=>{cleanup(),animation.cancel()});return}let valueIsTransform=transformProps.has(key);if(valueIsTransform&&this.onBindTransform)this.onBindTransform();let removeOnChange=value.on("change",(latestValue)=>{if(this.latestValues[key]=latestValue,this.props.onUpdate&&frame2.preRender(this.notifyUpdate),valueIsTransform&&this.projection)this.projection.isTransformDirty=!0;this.scheduleRender()}),removeSyncCheck;if(typeof window<"u"&&window.MotionCheckAppearSync)removeSyncCheck=window.MotionCheckAppearSync(this,key,value);this.valueSubscriptions.set(key,()=>{if(removeOnChange(),removeSyncCheck)removeSyncCheck()})}sortNodePosition(other){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){let featureDefinition=featureDefinitions[key];if(!featureDefinition)continue;let{isEnabled,Feature:FeatureConstructor}=featureDefinition;if(!this.features[key]&&FeatureConstructor&&isEnabled(this.props))this.features[key]=new FeatureConstructor(this);if(this.features[key]){let feature=this.features[key];if(feature.isMounted)feature.update();else feature.mount(),feature.isMounted=!0}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):createBox()}getStaticValue(key){return this.latestValues[key]}setStaticValue(key,value){this.latestValues[key]=value}update(props,presenceContext){if(props.transformTemplate||this.props.transformTemplate)this.scheduleRender();this.prevProps=this.props,this.props=props,this.prevPresenceContext=this.presenceContext,this.presenceContext=presenceContext;for(let i=0;i<propEventHandlers.length;i++){let key=propEventHandlers[i];if(this.propEventSubscriptions[key])this.propEventSubscriptions[key](),delete this.propEventSubscriptions[key];let listenerName="on"+key,listener=props[listenerName];if(listener)this.propEventSubscriptions[key]=this.on(key,listener)}if(this.prevMotionValues=updateMotionValuesFromProps(this,this.scrapeMotionValuesFromProps(props,this.prevProps||{},this),this.prevMotionValues),this.handleChildMotionValue)this.handleChildMotionValue()}getProps(){return this.props}getVariant(name){return this.props.variants?this.props.variants[name]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}addVariantChild(child){let closestVariantNode=this.getClosestVariantNode();if(closestVariantNode)return closestVariantNode.variantChildren&&closestVariantNode.variantChildren.add(child),()=>closestVariantNode.variantChildren.delete(child)}addValue(key,value){let existingValue=this.values.get(key);if(value!==existingValue){if(existingValue)this.removeValue(key);this.bindToMotionValue(key,value),this.values.set(key,value),this.latestValues[key]=value.get()}}removeValue(key){this.values.delete(key);let unsubscribe=this.valueSubscriptions.get(key);if(unsubscribe)unsubscribe(),this.valueSubscriptions.delete(key);delete this.latestValues[key],this.removeValueFromRenderState(key,this.renderState)}hasValue(key){return this.values.has(key)}getValue(key,defaultValue){if(this.props.values&&this.props.values[key])return this.props.values[key];let value=this.values.get(key);if(value===void 0&&defaultValue!==void 0)value=motionValue(defaultValue===null?void 0:defaultValue,{owner:this}),this.addValue(key,value);return value}readValue(key,target){let value=this.latestValues[key]!==void 0||!this.current?this.latestValues[key]:this.getBaseTargetFromProps(this.props,key)??this.readValueFromInstance(this.current,key,this.options);if(value!==void 0&&value!==null){if(typeof value==="string"&&(isNumericalString(value)||isZeroValueString(value)))value=parseFloat(value);else if(!findValueType(value)&&complex.test(target))value=getAnimatableNone2(key,target);this.setBaseTarget(key,isMotionValue(value)?value.get():value)}return isMotionValue(value)?value.get():value}setBaseTarget(key,value){this.baseTarget[key]=value}getBaseTarget(key){let{initial}=this.props,valueFromInitial;if(typeof initial==="string"||typeof initial==="object"){let variant=resolveVariantFromProps(this.props,initial,this.presenceContext?.custom);if(variant)valueFromInitial=variant[key]}if(initial&&valueFromInitial!==void 0)return valueFromInitial;let target=this.getBaseTargetFromProps(this.props,key);if(target!==void 0&&!isMotionValue(target))return target;return this.initialValues[key]!==void 0&&valueFromInitial===void 0?void 0:this.baseTarget[key]}on(eventName,callback){if(!this.events[eventName])this.events[eventName]=new SubscriptionManager;return this.events[eventName].add(callback)}notify(eventName,...args){if(this.events[eventName])this.events[eventName].notify(...args)}scheduleRenderMicrotask(){microtask.render(this.render)}}class DOMVisualElement extends VisualElement{constructor(){super(...arguments);this.KeyframeResolver=DOMKeyframesResolver}sortInstanceNodePosition(a,b){return a.compareDocumentPosition(b)&2?1:-1}getBaseTargetFromProps(props,key){let style=props.style;return style?style[key]:void 0}removeValueFromRenderState(key,{vars,style}){delete vars[key],delete style[key]}handleChildMotionValue(){if(this.childSubscription)this.childSubscription(),delete this.childSubscription;let{children}=this.props;if(isMotionValue(children))this.childSubscription=children.on("change",(latest)=>{if(this.current)this.current.textContent=`${latest}`})}}class Feature{constructor(node){this.isMounted=!1,this.node=node}update(){}}function convertBoundingBoxToBox({top,left,right,bottom}){return{x:{min:left,max:right},y:{min:top,max:bottom}}}function convertBoxToBoundingBox({x,y}){return{top:y.min,right:x.max,bottom:y.max,left:x.min}}function transformBoxPoints(point,transformPoint){if(!transformPoint)return point;let topLeft=transformPoint({x:point.left,y:point.top}),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===void 0||scale===1}function hasScale({scale,scaleX,scaleY}){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%"}function scalePoint(point,scale,originPoint){let distanceFromOrigin=point-originPoint,scaled=scale*distanceFromOrigin;return originPoint+scaled}function applyPointDelta(point,translate,scale,originPoint,boxScale){if(boxScale!==void 0)point=scalePoint(point,boxScale,originPoint);return scalePoint(point,scale,originPoint)+translate}function applyAxisDelta(axis,translate=0,scale=1,originPoint,boxScale){axis.min=applyPointDelta(axis.min,translate,scale,originPoint,boxScale),axis.max=applyPointDelta(axis.max,translate,scale,originPoint,boxScale)}function applyBoxDelta(box,{x,y}){applyAxisDelta(box.x,x.translate,x.scale,x.originPoint),applyAxisDelta(box.y,y.translate,y.scale,y.originPoint)}var TREE_SCALE_SNAP_MIN=0.999999999999,TREE_SCALE_SNAP_MAX=1.0000000000001;function applyTreeDeltas(box,treeScale,treePath,isSharedTransition=!1){let treeLength=treePath.length;if(!treeLength)return;treeScale.x=treeScale.y=1;let node,delta;for(let i=0;i<treeLength;i++){node=treePath[i],delta=node.projectionDelta;let{visualElement}=node.options;if(visualElement&&visualElement.props.style&&visualElement.props.style.display==="contents")continue;if(isSharedTransition&&node.options.layoutScroll&&node.scroll&&node!==node.root)translateAxis(box.x,-node.scroll.offset.x),translateAxis(box.y,-node.scroll.offset.y);if(delta)treeScale.x*=delta.x.scale,treeScale.y*=delta.y.scale,applyBoxDelta(box,delta);if(isSharedTransition&&hasTransform(node.latestValues))transformBox(box,node.latestValues,node.layout?.layoutBox)}if(treeScale.x<TREE_SCALE_SNAP_MAX&&treeScale.x>TREE_SCALE_SNAP_MIN)treeScale.x=1;if(treeScale.y<TREE_SCALE_SNAP_MAX&&treeScale.y>TREE_SCALE_SNAP_MIN)treeScale.y=1}function translateAxis(axis,distance){axis.min+=distance,axis.max+=distance}function transformAxis(axis,axisTranslate,axisScale,boxScale,axisOrigin=0.5){let originPoint=mixNumber(axis.min,axis.max,axisOrigin);applyAxisDelta(axis,axisTranslate,axisScale,originPoint,boxScale)}function resolveAxisTranslate(value,axis){if(typeof value==="string")return parseFloat(value)/100*(axis.max-axis.min);return value}function transformBox(box,transform,sourceBox){let resolveBox=sourceBox??box;transformAxis(box.x,resolveAxisTranslate(transform.x,resolveBox.x),transform.scaleX,transform.scale,transform.originX),transformAxis(box.y,resolveAxisTranslate(transform.y,resolveBox.y),transform.scaleY,transform.scale,transform.originY)}function measureViewportBox(instance,transformPoint){return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(),transformPoint))}function measurePageBox(element,rootProjectionNode,transformPagePoint){let viewportBox=measureViewportBox(element,transformPagePoint),{scroll}=rootProjectionNode;if(scroll)translateAxis(viewportBox.x,scroll.offset.x),translateAxis(viewportBox.y,scroll.offset.y);return viewportBox}var translateAlias={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},numTransforms=transformPropOrder.length;function buildTransform(latestValues,transform,transformTemplate){let transformString="",transformIsDefault=!0;for(let i=0;i<numTransforms;i++){let key=transformPropOrder[i],value=latestValues[key];if(value===void 0)continue;let valueIsDefault=!0;if(typeof value==="number")valueIsDefault=value===(key.startsWith("scale")?1:0);else{let parsed=parseFloat(value);valueIsDefault=key.startsWith("scale")?parsed===1:parsed===0}if(!valueIsDefault||transformTemplate){let valueAsType=getValueAsType(value,numberValueTypes[key]);if(!valueIsDefault){transformIsDefault=!1;let transformName=translateAlias[key]||key;transformString+=`${transformName}(${valueAsType}) `}if(transformTemplate)transform[key]=valueAsType}}let pathRotation=latestValues.pathRotation;if(pathRotation)transformIsDefault=!1,transformString+=`rotate(${getValueAsType(pathRotation,numberValueTypes.pathRotation)}) `;if(transformString=transformString.trim(),transformTemplate)transformString=transformTemplate(transform,transformIsDefault?"":transformString);else if(transformIsDefault)transformString="none";return transformString}function buildHTMLStyles(state,latestValues,transformTemplate){let{style,vars,transformOrigin}=state,hasTransform=!1,hasTransformOrigin=!1;for(let key in latestValues){let value=latestValues[key];if(transformProps.has(key)){hasTransform=!0;continue}else if(isCSSVariableName(key)){vars[key]=value;continue}else{let valueAsType=getValueAsType(value,numberValueTypes[key]);if(key.startsWith("origin"))hasTransformOrigin=!0,transformOrigin[key]=valueAsType;else style[key]=valueAsType}}if(!latestValues.transform){if(hasTransform||transformTemplate)style.transform=buildTransform(latestValues,state.transform,transformTemplate);else if(style.transform)style.transform="none"}if(hasTransformOrigin){let{originX="50%",originY="50%",originZ=0}=transformOrigin;style.transformOrigin=`${originX} ${originY} ${originZ}`}}function renderHTML(element,{style,vars},styleProp,projection){let elementStyle=element.style,key;for(key in style)elementStyle[key]=style[key];projection?.applyProjectionStyles(elementStyle,styleProp);for(key in vars)elementStyle.setProperty(key,vars[key])}function pixelsToPercent(pixels,axis){if(axis.max===axis.min)return 0;return pixels/(axis.max-axis.min)*100}var correctBorderRadius={correct:(latest,node)=>{if(!node.target)return latest;if(typeof latest==="string")if(px2.test(latest))latest=parseFloat(latest);else return latest;let x=pixelsToPercent(latest,node.target.x),y=pixelsToPercent(latest,node.target.y);return`${x}% ${y}%`}};var correctBoxShadow={correct:(latest,{treeScale,projectionDelta})=>{let original=latest,shadow=complex.parse(latest);if(shadow.length>5)return original;let template=complex.createTransformer(latest),offset=typeof shadow[0]!=="number"?1:0,xScale=projectionDelta.x.scale*treeScale.x,yScale=projectionDelta.y.scale*treeScale.y;shadow[0+offset]/=xScale,shadow[1+offset]/=yScale;let averageScale=mixNumber(xScale,yScale,0.5);if(typeof shadow[2+offset]==="number")shadow[2+offset]/=averageScale;if(typeof shadow[3+offset]==="number")shadow[3+offset]/=averageScale;return template(shadow)}};var scaleCorrectors={borderRadius:{...correctBorderRadius,applyTo:[...cornerRadiusProps]},borderTopLeftRadius:correctBorderRadius,borderTopRightRadius:correctBorderRadius,borderBottomLeftRadius:correctBorderRadius,borderBottomRightRadius:correctBorderRadius,boxShadow:correctBoxShadow};function isForcedMotionValue(key,{layout,layoutId}){return transformProps.has(key)||key.startsWith("origin")||(layout||layoutId!==void 0)&&(!!scaleCorrectors[key]||key==="opacity")}function scrapeMotionValuesFromProps(props,prevProps,visualElement){let style=props.style,prevStyle=prevProps?.style,newValues={};if(!style)return newValues;for(let key in style)if(isMotionValue(style[key])||prevStyle&&isMotionValue(prevStyle[key])||isForcedMotionValue(key,props)||visualElement?.getValue(key)?.liveStyle!==void 0)newValues[key]=style[key];return newValues}function getComputedStyle2(element){return window.getComputedStyle(element)}class HTMLVisualElement extends DOMVisualElement{constructor(){super(...arguments);this.type="html",this.renderInstance=renderHTML}mount(instance){invariant(Boolean(instance.style),"motion.create() components must forward their ref to a HTML or SVG element","custom-component-ref"),super.mount(instance)}readValueFromInstance(instance,key){if(transformProps.has(key))return this.projection?.isProjecting?defaultTransformValue(key):readTransformValue(instance,key);else{let computedStyle=getComputedStyle2(instance),value=(isCSSVariableName(key)?computedStyle.getPropertyValue(key):computedStyle[key])||0;return typeof value==="string"?value.trim():value}}measureInstanceViewportBox(instance,{transformPagePoint}){return measureViewportBox(instance,transformPagePoint)}build(renderState,latestValues,props){buildHTMLStyles(renderState,latestValues,props.transformTemplate)}scrapeMotionValuesFromProps(props,prevProps,visualElement){return scrapeMotionValuesFromProps(props,prevProps,visualElement)}}var dashKeys={offset:"stroke-dashoffset",array:"stroke-dasharray"},camelKeys={offset:"strokeDashoffset",array:"strokeDasharray"};function buildSVGPath(attrs,length,spacing=1,offset=0,useDashCase=!0){attrs.pathLength=1;let keys=useDashCase?dashKeys:camelKeys;attrs[keys.offset]=`${-offset}`,attrs[keys.array]=`${length} ${spacing}`}var cssMotionPathProperties=["offsetDistance","offsetPath","offsetRotate","offsetAnchor"];function buildSVGAttrs(state,{attrX,attrY,attrScale,pathLength,pathSpacing=1,pathOffset=0,...latest},isSVGTag,transformTemplate,styleProp){if(buildHTMLStyles(state,latest,transformTemplate),isSVGTag){if(state.style.viewBox)state.attrs.viewBox=state.style.viewBox;return}state.attrs=state.style,state.style={};let{attrs,style}=state;if(attrs.transform)style.transform=attrs.transform,delete attrs.transform;if(style.transform||attrs.transformOrigin)style.transformOrigin=attrs.transformOrigin??"50% 50%",delete attrs.transformOrigin;if(style.transform)style.transformBox=styleProp?.transformBox??"fill-box",delete attrs.transformBox;for(let key of cssMotionPathProperties)if(attrs[key]!==void 0)style[key]=attrs[key],delete attrs[key];if(attrX!==void 0)attrs.x=attrX;if(attrY!==void 0)attrs.y=attrY;if(attrScale!==void 0)attrs.scale=attrScale;if(pathLength!==void 0)buildSVGPath(attrs,pathLength,pathSpacing,pathOffset,!1)}var 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"]);var isSVGTag=(tag)=>typeof tag==="string"&&tag.toLowerCase()==="svg";function renderSVG(element,renderState,_styleProp,projection){renderHTML(element,renderState,void 0,projection);for(let key in renderState.attrs)element.setAttribute(!camelCaseAttributes.has(key)?camelToDash(key):key,renderState.attrs[key])}function scrapeMotionValuesFromProps2(props,prevProps,visualElement){let newValues=scrapeMotionValuesFromProps(props,prevProps,visualElement);for(let key in props)if(isMotionValue(props[key])||isMotionValue(prevProps[key])){let 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=!1,this.measureInstanceViewportBox=createBox}getBaseTargetFromProps(props,key){return props[key]}readValueFromInstance(instance,key){if(transformProps.has(key)){let defaultType=getDefaultValueType(key);return defaultType?defaultType.default||0:0}return key=!camelCaseAttributes.has(key)?camelToDash(key):key,instance.getAttribute(key)}scrapeMotionValuesFromProps(props,prevProps,visualElement){return scrapeMotionValuesFromProps2(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)}}var numVariantProps=variantProps.length;function getVariantContext(visualElement){if(!visualElement)return;if(!visualElement.isControllingVariants){let context=visualElement.parent?getVariantContext(visualElement.parent)||{}:{};if(visualElement.props.initial!==void 0)context.initial=visualElement.props.initial;return context}let context={};for(let i=0;i<numVariantProps;i++){let name=variantProps[i],prop=visualElement.props[name];if(isVariantLabel(prop)||prop===!1)context[name]=prop}return context}function shallowCompare(next,prev){if(!Array.isArray(prev))return!1;let prevLength=prev.length;if(prevLength!==next.length)return!1;for(let i=0;i<prevLength;i++)if(prev[i]!==next[i])return!1;return!0}var reversePriorityOrder=[...variantPriorityOrder].reverse(),numAnimationTypes=variantPriorityOrder.length;function createAnimateFunction(visualElement){return(animations)=>Promise.all(animations.map(({animation,options})=>animateVisualElement(visualElement,animation,options)))}function createAnimationState(visualElement){let animate=createAnimateFunction(visualElement),state=createState(),isInitialRender=!0,wasReset=!1,buildResolvedTypeValues=(type)=>(acc,definition)=>{let resolved=resolveVariant(visualElement,definition,type==="exit"?visualElement.presenceContext?.custom:void 0);if(resolved){let{transition,transitionEnd,...target}=resolved;acc={...acc,...target,...transitionEnd}}return acc};function setAnimateFunction(makeAnimator){animate=makeAnimator(visualElement)}function animateChanges(changedActiveType){let{props}=visualElement,context=getVariantContext(visualElement.parent)||{},animations=[],removedKeys=new Set,encounteredKeys={},removedVariantIndex=1/0;for(let i=0;i<numAnimationTypes;i++){let type=reversePriorityOrder[i],typeState=state[type],prop=props[type]!==void 0?props[type]:context[type],propIsVariant=isVariantLabel(prop),activeDelta=type===changedActiveType?typeState.isActive:null;if(activeDelta===!1)removedVariantIndex=i;let isInherited=prop===context[type]&&prop!==props[type]&&propIsVariant;if(isInherited&&(isInitialRender||wasReset)&&visualElement.manuallyAnimateOnMount)isInherited=!1;if(typeState.protectedKeys={...encounteredKeys},!typeState.isActive&&activeDelta===null||!prop&&!typeState.prevProp||isAnimationControls(prop)||typeof prop==="boolean")continue;if(type==="exit"&&typeState.isActive&&activeDelta!==!0){if(typeState.prevResolvedValues)encounteredKeys={...encounteredKeys,...typeState.prevResolvedValues};continue}let variantDidChange=checkVariantsDidChange(typeState.prevProp,prop),shouldAnimateType=variantDidChange||type===changedActiveType&&typeState.isActive&&!isInherited&&propIsVariant||i>removedVariantIndex&&propIsVariant,handledRemovedValues=!1,definitionList=Array.isArray(prop)?prop:[prop],resolvedValues=definitionList.reduce(buildResolvedTypeValues(type),{});if(activeDelta===!1)resolvedValues={};let{prevResolvedValues={}}=typeState,allKeys={...prevResolvedValues,...resolvedValues},markToAnimate=(key)=>{if(shouldAnimateType=!0,removedKeys.has(key))handledRemovedValues=!0,removedKeys.delete(key);typeState.needsAnimating[key]=!0;let motionValue=visualElement.getValue(key);if(motionValue)motionValue.liveStyle=!1};for(let key in allKeys){let next=resolvedValues[key],prev=prevResolvedValues[key];if(encounteredKeys.hasOwnProperty(key))continue;let valueHasChanged=!1;if(isKeyframesTarget(next)&&isKeyframesTarget(prev))valueHasChanged=!shallowCompare(next,prev)||variantDidChange;else valueHasChanged=next!==prev;if(valueHasChanged)if(next!==void 0&&next!==null)markToAnimate(key);else removedKeys.add(key);else if(next!==void 0&&removedKeys.has(key))markToAnimate(key);else typeState.protectedKeys[key]=!0}if(typeState.prevProp=prop,typeState.prevResolvedValues=resolvedValues,typeState.isActive)encounteredKeys={...encounteredKeys,...resolvedValues};if((isInitialRender||wasReset)&&visualElement.blockInitialAnimation)shouldAnimateType=!1;let willAnimateViaParent=isInherited&&variantDidChange;if(shouldAnimateType&&(!willAnimateViaParent||handledRemovedValues))animations.push(...definitionList.map((animation)=>{let options={type};if(typeof animation==="string"&&(isInitialRender||wasReset)&&!willAnimateViaParent&&visualElement.manuallyAnimateOnMount&&visualElement.parent){let{parent}=visualElement,parentVariant=resolveVariant(parent,animation);if(parent.enteringChildren&&parentVariant){let{delayChildren}=parentVariant.transition||{};options.delay=calcChildStagger(parent.enteringChildren,visualElement,delayChildren)}}return{animation,options}}))}if(removedKeys.size){let fallbackAnimation={};if(typeof props.initial!=="boolean"){let initialTransition=resolveVariant(visualElement,Array.isArray(props.initial)?props.initial[0]:props.initial);if(initialTransition&&initialTransition.transition)fallbackAnimation.transition=initialTransition.transition}removedKeys.forEach((key)=>{let fallbackTarget=visualElement.getBaseTarget(key),motionValue=visualElement.getValue(key);if(motionValue)motionValue.liveStyle=!0;fallbackAnimation[key]=fallbackTarget??null}),animations.push({animation:fallbackAnimation})}let shouldAnimate=Boolean(animations.length);if(isInitialRender&&(props.initial===!1||props.initial===props.animate)&&!visualElement.manuallyAnimateOnMount)shouldAnimate=!1;return isInitialRender=!1,wasReset=!1,shouldAnimate?animate(animations):Promise.resolve()}function setActive(type,isActive){if(state[type].isActive===isActive)return Promise.resolve();visualElement.variantChildren?.forEach((child)=>child.animationState?.setActive(type,isActive)),state[type].isActive=isActive;let animations=animateChanges(type);for(let key in state)state[key].protectedKeys={};return animations}return{animateChanges,setActive,setAnimateFunction,getState:()=>state,reset:()=>{state=createState(),wasReset=!0}}}function checkVariantsDidChange(prev,next){if(typeof next==="string")return next!==prev;else if(Array.isArray(next))return!shallowCompare(next,prev);return!1}function createTypeState(isActive=!1){return{isActive,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function createState(){return{animate:createTypeState(!0),whileInView:createTypeState(),whileHover:createTypeState(),whileTap:createTypeState(),whileDrag:createTypeState(),whileFocus:createTypeState(),exit:createTypeState()}}function copyAxisInto(axis,originAxis){axis.min=originAxis.min,axis.max=originAxis.max}function copyBoxInto(box,originBox){copyAxisInto(box.x,originBox.x),copyAxisInto(box.y,originBox.y)}function copyAxisDeltaInto(delta,originDelta){delta.translate=originDelta.translate,delta.scale=originDelta.scale,delta.originPoint=originDelta.originPoint,delta.origin=originDelta.origin}var SCALE_PRECISION=0.0001,SCALE_MIN=1-SCALE_PRECISION,SCALE_MAX=1+SCALE_PRECISION,TRANSLATE_PRECISION=0.01,TRANSLATE_MIN=0-TRANSLATE_PRECISION,TRANSLATE_MAX=0+TRANSLATE_PRECISION;function calcLength(axis){return axis.max-axis.min}function isNear(value,target,maxDistance){return Math.abs(value-target)<=maxDistance}function calcAxisDelta(delta,source,target,origin=0.5){if(delta.origin=origin,delta.originPoint=mixNumber(source.min,source.max,delta.origin),delta.scale=calcLength(target)/calcLength(source),delta.translate=mixNumber(target.min,target.max,delta.origin)-delta.originPoint,delta.scale>=SCALE_MIN&&delta.scale<=SCALE_MAX||isNaN(delta.scale))delta.scale=1;if(delta.translate>=TRANSLATE_MIN&&delta.translate<=TRANSLATE_MAX||isNaN(delta.translate))delta.translate=0}function calcBoxDelta(delta,source,target,origin){calcAxisDelta(delta.x,source.x,target.x,origin?origin.originX:void 0),calcAxisDelta(delta.y,source.y,target.y,origin?origin.originY:void 0)}function calcRelativeAxis(target,relative,parent,anchor=0){let anchorPoint=anchor?mixNumber(parent.min,parent.max,anchor):parent.min;target.min=anchorPoint+relative.min,target.max=target.min+calcLength(relative)}function calcRelativeBox(target,relative,parent,anchor){calcRelativeAxis(target.x,relative.x,parent.x,anchor?.x),calcRelativeAxis(target.y,relative.y,parent.y,anchor?.y)}function calcRelativeAxisPosition(target,layout,parent,anchor=0){let anchorPoint=anchor?mixNumber(parent.min,parent.max,anchor):parent.min;target.min=layout.min-anchorPoint,target.max=target.min+calcLength(layout)}function calcRelativePosition(target,layout,parent,anchor){calcRelativeAxisPosition(target.x,layout.x,parent.x,anchor?.x),calcRelativeAxisPosition(target.y,layout.y,parent.y,anchor?.y)}function removePointDelta(point,translate,scale,originPoint,boxScale){if(point-=translate,point=scalePoint(point,1/scale,originPoint),boxScale!==void 0)point=scalePoint(point,1/boxScale,originPoint);return point}function removeAxisDelta(axis,translate=0,scale=1,origin=0.5,boxScale,originAxis=axis,sourceAxis=axis){if(percent.test(translate))translate=parseFloat(translate),translate=mixNumber(sourceAxis.min,sourceAxis.max,translate/100)-sourceAxis.min;if(typeof translate!=="number")return;let originPoint=mixNumber(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)}function removeAxisTransforms(axis,transforms,[key,scaleKey,originKey],origin,sourceAxis){removeAxisDelta(axis,transforms[key],transforms[scaleKey],transforms[originKey],transforms.scale,origin,sourceAxis)}var xKeys=["x","scaleX","originX"],yKeys=["y","scaleY","originY"];function removeBoxTransforms(box,transforms,originBox,sourceBox){removeAxisTransforms(box.x,transforms,xKeys,originBox?originBox.x:void 0,sourceBox?sourceBox.x:void 0),removeAxisTransforms(box.y,transforms,yKeys,originBox?originBox.y:void 0,sourceBox?sourceBox.y:void 0)}function isAxisDeltaZero(delta){return delta.translate===0&&delta.scale===1}function isDeltaZero(delta){return isAxisDeltaZero(delta.x)&&isAxisDeltaZero(delta.y)}function axisEquals(a,b){return a.min===b.min&&a.max===b.max}function boxEquals(a,b){return axisEquals(a.x,b.x)&&axisEquals(a.y,b.y)}function axisEqualsRounded(a,b){return Math.round(a.min)===Math.round(b.min)&&Math.round(a.max)===Math.round(b.max)}function boxEqualsRounded(a,b){return axisEqualsRounded(a.x,b.x)&&axisEqualsRounded(a.y,b.y)}function aspectRatio(box){return calcLength(box.x)/calcLength(box.y)}function axisDeltaEquals(a,b){return a.translate===b.translate&&a.scale===b.scale&&a.originPoint===b.originPoint}function eachAxis(callback){return[callback("x"),callback("y")]}function buildProjectionTransform(delta,treeScale,latestTransform){let transform="",xTranslate=delta.x.translate/treeScale.x,yTranslate=delta.y.translate/treeScale.y,zTranslate=latestTransform?.z||0;if(xTranslate||yTranslate||zTranslate)transform=`translate3d(${xTranslate}px, ${yTranslate}px, ${zTranslate}px) `;if(treeScale.x!==1||treeScale.y!==1)transform+=`scale(${1/treeScale.x}, ${1/treeScale.y}) `;if(latestTransform){let{transformPerspective,rotate,pathRotation,rotateX,rotateY,skewX,skewY}=latestTransform;if(transformPerspective)transform=`perspective(${transformPerspective}px) ${transform}`;if(rotate)transform+=`rotate(${rotate}deg) `;if(pathRotation)transform+=`rotate(${pathRotation}deg) `;if(rotateX)transform+=`rotateX(${rotateX}deg) `;if(rotateY)transform+=`rotateY(${rotateY}deg) `;if(skewX)transform+=`skewX(${skewX}deg) `;if(skewY)transform+=`skewY(${skewY}deg) `}let elementScaleX=delta.x.scale*treeScale.x,elementScaleY=delta.y.scale*treeScale.y;if(elementScaleX!==1||elementScaleY!==1)transform+=`scale(${elementScaleX}, ${elementScaleY})`;return transform||"none"}var numBorders=cornerRadiusProps.length,asNumber=(value)=>typeof value==="string"?parseFloat(value):value,isPx=(value)=>typeof value==="number"||px2.test(value);function mixValues(target,follow,lead,progress,shouldCrossfadeOpacity,isOnlyMember){if(shouldCrossfadeOpacity)target.opacity=mixNumber(0,lead.opacity??1,easeCrossfadeIn(progress)),target.opacityExit=mixNumber(follow.opacity??1,0,easeCrossfadeOut(progress));else if(isOnlyMember)target.opacity=mixNumber(follow.opacity??1,lead.opacity??1,progress);for(let i=0;i<numBorders;i++){let borderLabel=cornerRadiusProps[i],followRadius=getRadius(follow,borderLabel),leadRadius=getRadius(lead,borderLabel);if(followRadius===void 0&&leadRadius===void 0)continue;if(followRadius||(followRadius=0),leadRadius||(leadRadius=0),followRadius===0||leadRadius===0||isPx(followRadius)===isPx(leadRadius)){if(target[borderLabel]=Math.max(mixNumber(asNumber(followRadius),asNumber(leadRadius),progress),0),percent.test(leadRadius)||percent.test(followRadius))target[borderLabel]+="%"}else target[borderLabel]=leadRadius}if(follow.rotate||lead.rotate)target.rotate=mixNumber(follow.rotate||0,lead.rotate||0,progress)}function getRadius(values,radiusName){return values[radiusName]!==void 0?values[radiusName]:values.borderRadius}var easeCrossfadeIn=compress(0,0.5,circOut),easeCrossfadeOut=compress(0.5,0.95,noop2);function compress(min,max,easing){return(p)=>{if(p<min)return 0;if(p>max)return 1;return easing(progress(min,max,p))}}function animateSingleValue(value,keyframes,options){let motionValue$1=isMotionValue(value)?value:motionValue(value);return motionValue$1.start(animateMotionValue("",motionValue$1,keyframes,options)),motionValue$1.animation}function addDomEvent3(target,eventName,handler,options={passive:!0}){return target.addEventListener(eventName,handler,options),()=>target.removeEventListener(eventName,handler,options)}var compareByDepth=(a,b)=>a.depth-b.depth;class FlatTree{constructor(){this.children=[],this.isDirty=!1}add(child){addUniqueItem(this.children,child),this.isDirty=!0}remove(child){removeItem(this.children,child),this.isDirty=!0}forEach(callback){this.isDirty&&this.children.sort(compareByDepth),this.isDirty=!1,this.children.forEach(callback)}}function delay(callback,timeout){let start=time.now(),checkElapsed=({timestamp})=>{let elapsed=timestamp-start;if(elapsed>=timeout)cancelFrame(checkElapsed),callback(elapsed-timeout)};return frame2.setup(checkElapsed,!0),()=>cancelFrame(checkElapsed)}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--){let member=this.members[i];if(member===node||member===this.lead||member===this.prevLead)continue;let inst=member.instance;if((!inst||inst.isConnected===!1)&&!member.snapshot)removeItem(this.members,member),member.unmount()}node.scheduleRender()}remove(node){if(removeItem(this.members,node),node===this.prevLead)this.prevLead=void 0;if(node===this.lead){let prevLead=this.members[this.members.length-1];if(prevLead)this.promote(prevLead)}}relegate(node){for(let i=this.members.indexOf(node)-1;i>=0;i--){let member=this.members[i];if(member.isPresent!==!1&&member.instance?.isConnected!==!1)return this.promote(member),!0}return!1}promote(node,preserveFollowOpacity){let prevLead=this.lead;if(node===prevLead)return;if(this.prevLead=prevLead,this.lead=node,node.show(),prevLead){prevLead.updateSnapshot(),node.scheduleRender();let{layoutDependency:prevDep}=prevLead.options,{layoutDependency:nextDep}=node.options;if(prevDep===void 0||prevDep!==nextDep){if(node.resumeFrom=prevLead,preserveFollowOpacity)prevLead.preserveOpacity=!0;if(prevLead.snapshot)node.snapshot=prevLead.snapshot,node.snapshot.latestValues=prevLead.animationValues||prevLead.latestValues;if(node.root?.isUpdating)node.isLayoutDirty=!0}if(node.options.crossfade===!1)prevLead.hide()}}exitAnimationComplete(){this.members.forEach((member)=>{member.options.onExitComplete?.(),member.resumingFrom?.options.onExitComplete?.()})}scheduleRender(){this.members.forEach((member)=>member.instance&&member.scheduleRender(!1))}removeLeadSnapshot(){if(this.lead?.snapshot)this.lead.snapshot=void 0}}var globalProjectionState={hasAnimatedSinceResize:!0,hasEverUpdated:!1};var metrics={nodes:0,calculatedTargetDeltas:0,calculatedProjections:0},transformAxes=["","X","Y","Z"],animationTarget=1000,id=0;function resetDistortingTransform(key,visualElement,values,sharedAnimationValues){let{latestValues}=visualElement;if(latestValues[key]){if(values[key]=latestValues[key],visualElement.setStaticValue(key,0),sharedAnimationValues)sharedAnimationValues[key]=0}}function cancelTreeOptimisedTransformAnimations(projectionNode){if(projectionNode.hasCheckedOptimisedAppear=!0,projectionNode.root===projectionNode)return;let{visualElement}=projectionNode.options;if(!visualElement)return;let appearId=getOptimisedAppearId(visualElement);if(window.MotionHasOptimisedAnimation(appearId,"transform")){let{layout,layoutId}=projectionNode.options;window.MotionCancelOptimisedAnimation(appearId,"transform",frame2,!(layout||layoutId))}let{parent}=projectionNode;if(parent&&!parent.hasCheckedOptimisedAppear)cancelTreeOptimisedTransformAnimations(parent)}function createProjectionNode({attachResizeListener,defaultParent,measureScroll,checkIsScrollRoot,resetTransform}){return class{constructor(latestValues={},parent=defaultParent?.()){this.id=id++,this.animationId=0,this.animationCommitId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.layoutVersion=0,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{if(this.isUpdating)this.isUpdating=!1,this.clearAllSnapshots()},this.updateProjection=()=>{if(this.projectionUpdateScheduled=!1,statsBuffer.value)metrics.nodes=metrics.calculatedTargetDeltas=metrics.calculatedProjections=0;if(this.nodes.forEach(propagateDirtyNodes),this.nodes.forEach(resolveTargetDelta),this.nodes.forEach(calcProjection),this.nodes.forEach(cleanDirtyNodes),statsBuffer.addProjectionMetrics)statsBuffer.addProjectionMetrics(metrics)},this.resolvedRelativeTargetAt=0,this.linkedParentVersion=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=latestValues,this.root=parent?parent.root||parent:this,this.path=parent?[...parent.path,parent]:[],this.parent=parent,this.depth=parent?parent.depth+1:0;for(let i=0;i<this.path.length;i++)this.path[i].shouldResetTransform=!0;if(this.root===this)this.nodes=new FlatTree}addEventListener(name,handler){if(!this.eventHandlers.has(name))this.eventHandlers.set(name,new SubscriptionManager);return this.eventHandlers.get(name).add(handler)}notifyListeners(name,...args){let subscriptionManager=this.eventHandlers.get(name);subscriptionManager&&subscriptionManager.notify(...args)}hasListeners(name){return this.eventHandlers.has(name)}mount(instance){if(this.instance)return;this.isSVG=isSVGElement(instance)&&!isSVGSVGElement(instance),this.instance=instance;let{layoutId,layout,visualElement}=this.options;if(visualElement&&!visualElement.current)visualElement.mount(instance);if(this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(layout||layoutId))this.isLayoutDirty=!0;if(attachResizeListener){let cancelDelay,innerWidth=0,resizeUnblockUpdate=()=>this.root.updateBlockedByResize=!1;frame2.read(()=>{innerWidth=window.innerWidth}),attachResizeListener(instance,()=>{let newInnerWidth=window.innerWidth;if(newInnerWidth===innerWidth)return;if(innerWidth=newInnerWidth,this.root.updateBlockedByResize=!0,cancelDelay&&cancelDelay(),cancelDelay=delay(resizeUnblockUpdate,250),globalProjectionState.hasAnimatedSinceResize)globalProjectionState.hasAnimatedSinceResize=!1,this.nodes.forEach(finishAnimation)})}if(layoutId)this.root.registerSharedNode(layoutId,this);if(this.options.animate!==!1&&visualElement&&(layoutId||layout))this.addEventListener("didUpdate",({delta,hasLayoutChanged,hasRelativeLayoutChanged,layout:newLayout})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}let layoutTransition=this.options.transition||visualElement.getDefaultTransition()||defaultLayoutTransition,{onLayoutAnimationStart,onLayoutAnimationComplete}=visualElement.getProps(),hasTargetChanged=!this.targetLayout||!boxEqualsRounded(this.targetLayout,newLayout),hasOnlyRelativeTargetChanged=!hasLayoutChanged&&hasRelativeLayoutChanged;if(this.options.layoutRoot||this.resumeFrom||hasOnlyRelativeTargetChanged||hasLayoutChanged&&(hasTargetChanged||!this.currentAnimation)){if(this.resumeFrom)this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0;let animationOptions={...getValueTransition(layoutTransition,"layout"),onPlay:onLayoutAnimationStart,onComplete:onLayoutAnimationComplete};if(visualElement.shouldReduceMotion||this.options.layoutRoot)animationOptions.delay=0,animationOptions.type=!1;this.startAnimation(animationOptions),this.setAnimationOrigin(delta,hasOnlyRelativeTargetChanged,animationOptions.path)}else{if(!hasLayoutChanged)finishAnimation(this);if(this.isLead()&&this.options.onExitComplete)this.options.onExitComplete()}this.targetLayout=newLayout})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);let stack=this.getStack();stack&&stack.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),cancelFrame(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){if(this.isUpdateBlocked())return;this.isUpdating=!0,this.nodes&&this.nodes.forEach(resetSkewAndRotation),this.animationId++}getTransformTemplate(){let{visualElement}=this.options;return visualElement&&visualElement.getProps().transformTemplate}willUpdate(shouldNotifyListeners=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear)cancelTreeOptimisedTransformAnimations(this);if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let i=0;i<this.path.length;i++){let node=this.path[i];if(node.shouldResetTransform=!0,typeof node.latestValues.x==="string"||typeof node.latestValues.y==="string")node.isLayoutDirty=!0;if(node.updateScroll("snapshot"),node.options.layoutRoot)node.willUpdate(!1)}let{layoutId,layout}=this.options;if(layoutId===void 0&&!layout)return;let transformTemplate=this.getTransformTemplate();this.prevTransformTemplateValue=transformTemplate?transformTemplate(this.latestValues,""):void 0,this.updateSnapshot(),shouldNotifyListeners&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){let wasBlockedByResize=this.updateBlockedByResize;if(this.unblockUpdate(),this.updateBlockedByResize=!1,this.clearAllSnapshots(),wasBlockedByResize)this.nodes.forEach(forceLayoutMeasure);this.nodes.forEach(clearMeasurements);return}if(this.animationId<=this.animationCommitId){this.nodes.forEach(clearIsLayoutDirty);return}if(this.animationCommitId=this.animationId,!this.isUpdating)this.nodes.forEach(clearIsLayoutDirty);else this.isUpdating=!1,this.nodes.forEach(ensureDraggedNodesSnapshotted),this.nodes.forEach(resetTransformStyle),this.nodes.forEach(updateLayout),this.nodes.forEach(notifyLayoutUpdate);this.clearAllSnapshots();let now=time.now();frameData.delta=clamp(0,16.666666666666668,now-frameData.timestamp),frameData.timestamp=now,frameData.isProcessing=!0,frameSteps.update.process(frameData),frameSteps.preRender.process(frameData),frameSteps.render.process(frameData),frameData.isProcessing=!1}didUpdate(){if(!this.updateScheduled)this.updateScheduled=!0,microtask.read(this.scheduleUpdate)}clearAllSnapshots(){this.nodes.forEach(clearSnapshot),this.sharedNodes.forEach(removeLeadSnapshots)}scheduleUpdateProjection(){if(!this.projectionUpdateScheduled)this.projectionUpdateScheduled=!0,frame2.preRender(this.updateProjection,!1,!0)}scheduleCheckAfterUnmount(){frame2.postRender(()=>{if(this.isLayoutDirty)this.root.didUpdate();else this.root.checkUpdateFailed()})}updateSnapshot(){if(this.snapshot||!this.instance)return;if(this.snapshot=this.measure(),this.snapshot&&!calcLength(this.snapshot.measuredBox.x)&&!calcLength(this.snapshot.measuredBox.y))this.snapshot=void 0}updateLayout(){if(!this.instance)return;if(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty)return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let i=0;i<this.path.length;i++)this.path[i].updateScroll();let prevLayout=this.layout;if(this.layout=this.measure(!1),this.layoutVersion++,!this.layoutCorrected)this.layoutCorrected=createBox();this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);let{visualElement}=this.options;visualElement&&visualElement.notify("LayoutMeasure",this.layout.layoutBox,prevLayout?prevLayout.layoutBox:void 0)}updateScroll(phase="measure"){let needsMeasurement=Boolean(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===phase)needsMeasurement=!1;if(needsMeasurement&&this.instance){let isRoot=checkIsScrollRoot(this.instance);this.scroll={animationId:this.root.animationId,phase,isRoot,offset:measureScroll(this.instance),wasRoot:this.scroll?this.scroll.isRoot:isRoot}}}resetTransform(){if(!resetTransform)return;let isResetRequested=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,hasProjection=this.projectionDelta&&!isDeltaZero(this.projectionDelta),transformTemplate=this.getTransformTemplate(),transformTemplateValue=transformTemplate?transformTemplate(this.latestValues,""):void 0,transformTemplateHasChanged=transformTemplateValue!==this.prevTransformTemplateValue;if(isResetRequested&&this.instance&&(hasProjection||hasTransform(this.latestValues)||transformTemplateHasChanged))resetTransform(this.instance,transformTemplateValue),this.shouldResetTransform=!1,this.scheduleRender()}measure(removeTransform=!0){let pageBox=this.measurePageBox(),layoutBox=this.removeElementScroll(pageBox);if(removeTransform)layoutBox=this.removeTransform(layoutBox);return roundBox(layoutBox),{animationId:this.root.animationId,measuredBox:pageBox,layoutBox,latestValues:{},source:this.id}}measurePageBox(){let{visualElement}=this.options;if(!visualElement)return createBox();let box=visualElement.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(checkNodeWasScrollRoot))){let{scroll}=this.root;if(scroll)translateAxis(box.x,scroll.offset.x),translateAxis(box.y,scroll.offset.y)}return box}removeElementScroll(box){let boxWithoutScroll=createBox();if(copyBoxInto(boxWithoutScroll,box),this.scroll?.wasRoot)return boxWithoutScroll;for(let i=0;i<this.path.length;i++){let node=this.path[i],{scroll,options}=node;if(node!==this.root&&scroll&&options.layoutScroll){if(scroll.wasRoot)copyBoxInto(boxWithoutScroll,box);translateAxis(boxWithoutScroll.x,scroll.offset.x),translateAxis(boxWithoutScroll.y,scroll.offset.y)}}return boxWithoutScroll}applyTransform(box,transformOnly=!1,output){let withTransforms=output||createBox();copyBoxInto(withTransforms,box);for(let i=0;i<this.path.length;i++){let node=this.path[i];if(!transformOnly&&node.options.layoutScroll&&node.scroll&&node!==node.root)translateAxis(withTransforms.x,-node.scroll.offset.x),translateAxis(withTransforms.y,-node.scroll.offset.y);if(!hasTransform(node.latestValues))continue;transformBox(withTransforms,node.latestValues,node.layout?.layoutBox)}if(hasTransform(this.latestValues))transformBox(withTransforms,this.latestValues,this.layout?.layoutBox);return withTransforms}removeTransform(box){let boxWithoutTransform=createBox();copyBoxInto(boxWithoutTransform,box);for(let i=0;i<this.path.length;i++){let node=this.path[i];if(!hasTransform(node.latestValues))continue;let sourceBox;if(node.instance)hasScale(node.latestValues)&&node.updateSnapshot(),sourceBox=createBox(),copyBoxInto(sourceBox,node.measurePageBox());removeBoxTransforms(boxWithoutTransform,node.latestValues,node.snapshot?.layoutBox,sourceBox)}if(hasTransform(this.latestValues))removeBoxTransforms(boxWithoutTransform,this.latestValues);return boxWithoutTransform}setTargetDelta(delta){this.targetDelta=delta,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(options){this.options={...this.options,...options,crossfade:options.crossfade!==void 0?options.crossfade:!0}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){if(!this.relativeParent)return;if(this.relativeParent.resolvedRelativeTargetAt!==frameData.timestamp)this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(forceRecalculation=!1){let lead=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=lead.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=lead.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=lead.isSharedProjectionDirty);let isShared=Boolean(this.resumingFrom)||this!==lead;if(!(forceRecalculation||isShared&&this.isSharedProjectionDirty||this.isProjectionDirty||this.parent?.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;let{layout,layoutId}=this.options;if(!this.layout||!(layout||layoutId))return;this.resolvedRelativeTargetAt=frameData.timestamp;let relativeParent=this.getClosestProjectingParent();if(relativeParent&&this.linkedParentVersion!==relativeParent.layoutVersion&&!relativeParent.options.layoutRoot)this.removeRelativeTarget();if(!this.targetDelta&&!this.relativeTarget)if(this.options.layoutAnchor!==!1&&relativeParent&&relativeParent.layout)this.createRelativeTarget(relativeParent,this.layout.layoutBox,relativeParent.layout.layoutBox);else this.removeRelativeTarget();if(!this.relativeTarget&&!this.targetDelta)return;if(!this.target)this.target=createBox(),this.targetWithTransforms=createBox();if(this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target)this.forceRelativeParentToResolveTarget(),calcRelativeBox(this.target,this.relativeTarget,this.relativeParent.target,this.options.layoutAnchor||void 0);else if(this.targetDelta){if(Boolean(this.resumingFrom))this.applyTransform(this.layout.layoutBox,!1,this.target);else copyBoxInto(this.target,this.layout.layoutBox);applyBoxDelta(this.target,this.targetDelta)}else copyBoxInto(this.target,this.layout.layoutBox);if(this.attemptToResolveRelativeTarget)if(this.attemptToResolveRelativeTarget=!1,this.options.layoutAnchor!==!1&&relativeParent&&Boolean(relativeParent.resumingFrom)===Boolean(this.resumingFrom)&&!relativeParent.options.layoutScroll&&relativeParent.target&&this.animationProgress!==1)this.createRelativeTarget(relativeParent,this.target,relativeParent.target);else this.relativeParent=this.relativeTarget=void 0;if(statsBuffer.value)metrics.calculatedTargetDeltas++}getClosestProjectingParent(){if(!this.parent||hasScale(this.parent.latestValues)||has2DTranslate(this.parent.latestValues))return;if(this.parent.isProjecting())return this.parent;else return this.parent.getClosestProjectingParent()}isProjecting(){return Boolean((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}createRelativeTarget(relativeParent,layout,parentLayout){this.relativeParent=relativeParent,this.linkedParentVersion=relativeParent.layoutVersion,this.forceRelativeParentToResolveTarget(),this.relativeTarget=createBox(),this.relativeTargetOrigin=createBox(),calcRelativePosition(this.relativeTargetOrigin,layout,parentLayout,this.options.layoutAnchor||void 0),copyBoxInto(this.relativeTarget,this.relativeTargetOrigin)}removeRelativeTarget(){this.relativeParent=this.relativeTarget=void 0}calcProjection(){let lead=this.getLead(),isShared=Boolean(this.resumingFrom)||this!==lead,canSkip=!0;if(this.isProjectionDirty||this.parent?.isProjectionDirty)canSkip=!1;if(isShared&&(this.isSharedProjectionDirty||this.isTransformDirty))canSkip=!1;if(this.resolvedRelativeTargetAt===frameData.timestamp)canSkip=!1;if(canSkip)return;let{layout,layoutId}=this.options;if(this.isTreeAnimating=Boolean(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),!this.isTreeAnimating)this.targetDelta=this.relativeTarget=void 0;if(!this.layout||!(layout||layoutId))return;copyBoxInto(this.layoutCorrected,this.layout.layoutBox);let prevTreeScaleX=this.treeScale.x,prevTreeScaleY=this.treeScale.y;if(applyTreeDeltas(this.layoutCorrected,this.treeScale,this.path,isShared),lead.layout&&!lead.target&&(this.treeScale.x!==1||this.treeScale.y!==1))lead.target=lead.layout.layoutBox,lead.targetWithTransforms=createBox();let{target}=lead;if(!target){if(this.prevProjectionDelta)this.createProjectionDeltas(),this.scheduleRender();return}if(!this.projectionDelta||!this.prevProjectionDelta)this.createProjectionDeltas();else copyAxisDeltaInto(this.prevProjectionDelta.x,this.projectionDelta.x),copyAxisDeltaInto(this.prevProjectionDelta.y,this.projectionDelta.y);if(calcBoxDelta(this.projectionDelta,this.layoutCorrected,target,this.latestValues),this.treeScale.x!==prevTreeScaleX||this.treeScale.y!==prevTreeScaleY||!axisDeltaEquals(this.projectionDelta.x,this.prevProjectionDelta.x)||!axisDeltaEquals(this.projectionDelta.y,this.prevProjectionDelta.y))this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",target);if(statsBuffer.value)metrics.calculatedProjections++}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(notifyAll=!0){if(this.options.visualElement?.scheduleRender(),notifyAll){let stack=this.getStack();stack&&stack.scheduleRender()}if(this.resumingFrom&&!this.resumingFrom.instance)this.resumingFrom=void 0}createProjectionDeltas(){this.prevProjectionDelta=createDelta(),this.projectionDelta=createDelta(),this.projectionDeltaWithTransform=createDelta()}setAnimationOrigin(delta,hasOnlyRelativeTargetChanged=!1,pathFn){let snapshot=this.snapshot,snapshotLatestValues=snapshot?snapshot.latestValues:{},mixedValues={...this.latestValues},targetDelta=createDelta();if(!this.relativeParent||!this.relativeParent.options.layoutRoot)this.relativeTarget=this.relativeTargetOrigin=void 0;this.attemptToResolveRelativeTarget=!hasOnlyRelativeTargetChanged;let relativeLayout=createBox(),snapshotSource=snapshot?snapshot.source:void 0,layoutSource=this.layout?this.layout.source:void 0,isSharedLayoutAnimation=snapshotSource!==layoutSource,stack=this.getStack(),isOnlyMember=!stack||stack.members.length<=1,shouldCrossfadeOpacity=Boolean(isSharedLayoutAnimation&&!isOnlyMember&&this.options.crossfade===!0&&!this.path.some(hasOpacityCrossfade));this.animationProgress=0;let prevRelativeTarget,interpolate=pathFn?.interpolateProjection(delta);this.mixTargetDelta=(latest)=>{let progress=latest/1000,point=interpolate?.(progress);if(point)targetDelta.x.translate=point.x,targetDelta.x.scale=mixNumber(delta.x.scale,1,progress),targetDelta.x.origin=delta.x.origin,targetDelta.x.originPoint=delta.x.originPoint,targetDelta.y.translate=point.y,targetDelta.y.scale=mixNumber(delta.y.scale,1,progress),targetDelta.y.origin=delta.y.origin,targetDelta.y.originPoint=delta.y.originPoint;else mixAxisDeltaLinear(targetDelta.x,delta.x,progress),mixAxisDeltaLinear(targetDelta.y,delta.y,progress);if(this.setTargetDelta(targetDelta),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout){if(calcRelativePosition(relativeLayout,this.layout.layoutBox,this.relativeParent.layout.layoutBox,this.options.layoutAnchor||void 0),mixBox(this.relativeTarget,this.relativeTargetOrigin,relativeLayout,progress),prevRelativeTarget&&boxEquals(this.relativeTarget,prevRelativeTarget))this.isProjectionDirty=!1;if(!prevRelativeTarget)prevRelativeTarget=createBox();copyBoxInto(prevRelativeTarget,this.relativeTarget)}if(isSharedLayoutAnimation)this.animationValues=mixedValues,mixValues(mixedValues,snapshotLatestValues,this.latestValues,progress,shouldCrossfadeOpacity,isOnlyMember);if(point&&point.rotate!==void 0){if(!this.animationValues)this.animationValues=mixedValues;this.animationValues.pathRotation=point.rotate}this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=progress},this.mixTargetDelta(this.options.layoutRoot?1000:0)}startAnimation(options){if(this.notifyListeners("animationStart"),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation)cancelFrame(this.pendingAnimation),this.pendingAnimation=void 0;this.pendingAnimation=frame2.update(()=>{if(globalProjectionState.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=motionValue(0)),this.motionValue.jump(0,!1),this.currentAnimation=animateSingleValue(this.motionValue,[0,1000],{...options,velocity:0,isSync:!0,onUpdate:(latest)=>{this.mixTargetDelta(latest),options.onUpdate&&options.onUpdate(latest)},onComplete:()=>{options.onComplete&&options.onComplete(),this.completeAnimation()}}),this.resumingFrom)this.resumingFrom.currentAnimation=this.currentAnimation;this.pendingAnimation=void 0})}completeAnimation(){if(this.resumingFrom)this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0;let stack=this.getStack();stack&&stack.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){if(this.currentAnimation)this.mixTargetDelta&&this.mixTargetDelta(animationTarget),this.currentAnimation.stop();this.completeAnimation()}applyTransformsToTarget(){let lead=this.getLead(),{targetWithTransforms,target,layout,latestValues}=lead;if(!targetWithTransforms||!target||!layout)return;if(this!==lead&&this.layout&&layout&&shouldAnimatePositionOnly(this.options.animationType,this.layout.layoutBox,layout.layoutBox)){target=this.target||createBox();let xLength=calcLength(this.layout.layoutBox.x);target.x.min=lead.target.x.min,target.x.max=target.x.min+xLength;let yLength=calcLength(this.layout.layoutBox.y);target.y.min=lead.target.y.min,target.y.max=target.y.min+yLength}copyBoxInto(targetWithTransforms,target),transformBox(targetWithTransforms,latestValues),calcBoxDelta(this.projectionDeltaWithTransform,this.layoutCorrected,targetWithTransforms,latestValues)}registerSharedNode(layoutId,node){if(!this.sharedNodes.has(layoutId))this.sharedNodes.set(layoutId,new NodeStack);this.sharedNodes.get(layoutId).add(node);let config=node.options.initialPromotionConfig;node.promote({transition:config?config.transition:void 0,preserveFollowOpacity:config&&config.shouldPreserveFollowOpacity?config.shouldPreserveFollowOpacity(node):void 0})}isLead(){let stack=this.getStack();return stack?stack.lead===this:!0}getLead(){let{layoutId}=this.options;return layoutId?this.getStack()?.lead||this:this}getPrevLead(){let{layoutId}=this.options;return layoutId?this.getStack()?.prevLead:void 0}getStack(){let{layoutId}=this.options;if(layoutId)return this.root.sharedNodes.get(layoutId)}promote({needsReset,transition,preserveFollowOpacity}={}){let stack=this.getStack();if(stack)stack.promote(this,preserveFollowOpacity);if(needsReset)this.projectionDelta=void 0,this.needsReset=!0;if(transition)this.setOptions({transition})}relegate(){let stack=this.getStack();if(stack)return stack.relegate(this);else return!1}resetSkewAndRotation(){let{visualElement}=this.options;if(!visualElement)return;let hasDistortingTransform=!1,{latestValues}=visualElement;if(latestValues.z||latestValues.rotate||latestValues.rotateX||latestValues.rotateY||latestValues.rotateZ||latestValues.skewX||latestValues.skewY)hasDistortingTransform=!0;if(!hasDistortingTransform)return;let resetValues={};if(latestValues.z)resetDistortingTransform("z",visualElement,resetValues,this.animationValues);for(let i=0;i<transformAxes.length;i++)resetDistortingTransform(`rotate${transformAxes[i]}`,visualElement,resetValues,this.animationValues),resetDistortingTransform(`skew${transformAxes[i]}`,visualElement,resetValues,this.animationValues);visualElement.render();for(let key in resetValues)if(visualElement.setStaticValue(key,resetValues[key]),this.animationValues)this.animationValues[key]=resetValues[key];visualElement.scheduleRender()}applyProjectionStyles(targetStyle,styleProp){if(!this.instance||this.isSVG)return;if(!this.isVisible){targetStyle.visibility="hidden";return}let transformTemplate=this.getTransformTemplate();if(this.needsReset){this.needsReset=!1,targetStyle.visibility="",targetStyle.opacity="",targetStyle.pointerEvents=resolveMotionValue(styleProp?.pointerEvents)||"",targetStyle.transform=transformTemplate?transformTemplate(this.latestValues,""):"none";return}let lead=this.getLead();if(!this.projectionDelta||!this.layout||!lead.target){if(this.options.layoutId)targetStyle.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,targetStyle.pointerEvents=resolveMotionValue(styleProp?.pointerEvents)||"";if(this.hasProjected&&!hasTransform(this.latestValues))targetStyle.transform=transformTemplate?transformTemplate({},""):"none",this.hasProjected=!1;return}targetStyle.visibility="";let valuesToRender=lead.animationValues||lead.latestValues;this.applyTransformsToTarget();let transform=buildProjectionTransform(this.projectionDeltaWithTransform,this.treeScale,valuesToRender);if(transformTemplate)transform=transformTemplate(valuesToRender,transform);targetStyle.transform=transform;let{x,y}=this.projectionDelta;if(targetStyle.transformOrigin=`${x.origin*100}% ${y.origin*100}% 0`,lead.animationValues)targetStyle.opacity=lead===this?valuesToRender.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:valuesToRender.opacityExit;else targetStyle.opacity=lead===this?valuesToRender.opacity!==void 0?valuesToRender.opacity:"":valuesToRender.opacityExit!==void 0?valuesToRender.opacityExit:0;for(let key in scaleCorrectors){if(valuesToRender[key]===void 0)continue;let{correct,applyTo,isCSSVariable}=scaleCorrectors[key],corrected=transform==="none"?valuesToRender[key]:correct(valuesToRender[key],lead);if(applyTo){let num=applyTo.length;for(let i=0;i<num;i++)targetStyle[applyTo[i]]=corrected}else if(isCSSVariable)this.options.visualElement.renderState.vars[key]=corrected;else targetStyle[key]=corrected}if(this.options.layoutId)targetStyle.pointerEvents=lead===this?resolveMotionValue(styleProp?.pointerEvents)||"":"none"}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach((node)=>node.currentAnimation?.stop()),this.root.nodes.forEach(clearMeasurements),this.root.sharedNodes.clear()}}}function updateLayout(node){node.updateLayout()}function notifyLayoutUpdate(node){let snapshot=node.resumeFrom?.snapshot||node.snapshot;if(node.isLead()&&node.layout&&snapshot&&node.hasListeners("didUpdate")){let{layoutBox:layout,measuredBox:measuredLayout}=node.layout,{animationType}=node.options,isShared=snapshot.source!==node.layout.source;if(animationType==="size")eachAxis((axis)=>{let axisSnapshot=isShared?snapshot.measuredBox[axis]:snapshot.layoutBox[axis],length=calcLength(axisSnapshot);axisSnapshot.min=layout[axis].min,axisSnapshot.max=axisSnapshot.min+length});else if(animationType==="x"||animationType==="y"){let snapAxis=animationType==="x"?"y":"x";copyAxisInto(isShared?snapshot.measuredBox[snapAxis]:snapshot.layoutBox[snapAxis],layout[snapAxis])}else if(shouldAnimatePositionOnly(animationType,snapshot.layoutBox,layout))eachAxis((axis)=>{let axisSnapshot=isShared?snapshot.measuredBox[axis]:snapshot.layoutBox[axis],length=calcLength(layout[axis]);if(axisSnapshot.max=axisSnapshot.min+length,node.relativeTarget&&!node.currentAnimation)node.isProjectionDirty=!0,node.relativeTarget[axis].max=node.relativeTarget[axis].min+length});let layoutDelta=createDelta();calcBoxDelta(layoutDelta,layout,snapshot.layoutBox);let visualDelta=createDelta();if(isShared)calcBoxDelta(visualDelta,node.applyTransform(measuredLayout,!0),snapshot.measuredBox);else calcBoxDelta(visualDelta,layout,snapshot.layoutBox);let hasLayoutChanged=!isDeltaZero(layoutDelta),hasRelativeLayoutChanged=!1;if(!node.resumeFrom){let relativeParent=node.getClosestProjectingParent();if(relativeParent&&!relativeParent.resumeFrom){let{snapshot:parentSnapshot,layout:parentLayout}=relativeParent;if(parentSnapshot&&parentLayout){let anchor=node.options.layoutAnchor||void 0,relativeSnapshot=createBox();calcRelativePosition(relativeSnapshot,snapshot.layoutBox,parentSnapshot.layoutBox,anchor);let relativeLayout=createBox();if(calcRelativePosition(relativeLayout,layout,parentLayout.layoutBox,anchor),!boxEqualsRounded(relativeSnapshot,relativeLayout))hasRelativeLayoutChanged=!0;if(relativeParent.options.layoutRoot)node.relativeTarget=relativeLayout,node.relativeTargetOrigin=relativeSnapshot,node.relativeParent=relativeParent}}}node.notifyListeners("didUpdate",{layout,snapshot,delta:visualDelta,layoutDelta,hasLayoutChanged,hasRelativeLayoutChanged})}else if(node.isLead()){let{onExitComplete}=node.options;onExitComplete&&onExitComplete()}node.options.transition=void 0}function propagateDirtyNodes(node){if(statsBuffer.value)metrics.nodes++;if(!node.parent)return;if(!node.isProjecting())node.isProjectionDirty=node.parent.isProjectionDirty;node.isSharedProjectionDirty||(node.isSharedProjectionDirty=Boolean(node.isProjectionDirty||node.parent.isProjectionDirty||node.parent.isSharedProjectionDirty)),node.isTransformDirty||(node.isTransformDirty=node.parent.isTransformDirty)}function cleanDirtyNodes(node){node.isProjectionDirty=node.isSharedProjectionDirty=node.isTransformDirty=!1}function clearSnapshot(node){node.clearSnapshot()}function clearMeasurements(node){node.clearMeasurements()}function forceLayoutMeasure(node){node.isLayoutDirty=!0,node.updateLayout()}function clearIsLayoutDirty(node){node.isLayoutDirty=!1}function ensureDraggedNodesSnapshotted(node){if(node.isAnimationBlocked&&node.layout&&!node.isLayoutDirty)node.snapshot=node.layout,node.isLayoutDirty=!0}function resetTransformStyle(node){let{visualElement}=node.options;if(visualElement&&visualElement.getProps().onBeforeLayoutMeasure)visualElement.notify("BeforeLayoutMeasure");node.resetTransform()}function finishAnimation(node){node.finishAnimation(),node.targetDelta=node.relativeTarget=node.target=void 0,node.isProjectionDirty=!0}function resolveTargetDelta(node){node.resolveTargetDelta()}function calcProjection(node){node.calcProjection()}function resetSkewAndRotation(node){node.resetSkewAndRotation()}function removeLeadSnapshots(stack){stack.removeLeadSnapshot()}function mixAxisDeltaLinear(output,delta,p){output.translate=mixNumber(delta.translate,0,p),output.scale=mixNumber(delta.scale,1,p),output.origin=delta.origin,output.originPoint=delta.originPoint}function mixAxis(output,from,to,p){output.min=mixNumber(from.min,to.min,p),output.max=mixNumber(from.max,to.max,p)}function mixBox(output,from,to,p){mixAxis(output.x,from.x,to.x,p),mixAxis(output.y,from.y,to.y,p)}function hasOpacityCrossfade(node){return node.animationValues&&node.animationValues.opacityExit!==void 0}var defaultLayoutTransition={duration:0.45,ease:[0.4,0,0.1,1]},userAgentContains=(string)=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(string),roundPoint=userAgentContains("applewebkit/")&&!userAgentContains("chrome/")?Math.round:noop2;function roundAxis(axis){axis.min=roundPoint(axis.min),axis.max=roundPoint(axis.max)}function roundBox(box){roundAxis(box.x),roundAxis(box.y)}function shouldAnimatePositionOnly(animationType,snapshot,layout){return animationType==="position"||animationType==="preserve-aspect"&&!isNear(aspectRatio(snapshot),aspectRatio(layout),0.2)}function checkNodeWasScrollRoot(node){return node!==node.root&&node.scroll?.wasRoot}var DocumentProjectionNode=createProjectionNode({attachResizeListener:(ref,notify)=>addDomEvent3(ref,"resize",notify),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body?.scrollLeft||0,y:document.documentElement.scrollTop||document.body?.scrollTop||0}),checkIsScrollRoot:()=>!0});var rootProjectionNode={current:void 0},HTMLProjectionNode=createProjectionNode({measureScroll:(instance)=>({x:instance.scrollLeft,y:instance.scrollTop}),defaultParent:()=>{if(!rootProjectionNode.current){let documentNode=new DocumentProjectionNode({});documentNode.mount(window),documentNode.setOptions({layoutScroll:!0}),rootProjectionNode.current=documentNode}return rootProjectionNode.current},resetTransform:(instance,value)=>{instance.style.transform=value!==void 0?value:"none"},checkIsScrollRoot:(instance)=>Boolean(window.getComputedStyle(instance).position==="fixed")});var React2=__toESM(require_react_development(),1),import_react24=__toESM(require_react_development(),1);var import_react23=__toESM(require_react_development(),1),MotionConfigContext=import_react23.createContext({transformPagePoint:(p)=>p,isStatic:!1,reducedMotion:"never"});var React=__toESM(require_react_development(),1);function setRef(ref,value){if(typeof ref==="function")return ref(value);else if(ref!==null&&ref!==void 0)ref.current=value}function composeRefs(...refs){return(node)=>{let hasCleanup=!1,cleanups=refs.map((ref)=>{let cleanup=setRef(ref,node);if(!hasCleanup&&typeof cleanup==="function")hasCleanup=!0;return cleanup});if(hasCleanup)return()=>{for(let i=0;i<cleanups.length;i++){let cleanup=cleanups[i];if(typeof cleanup==="function")cleanup();else setRef(refs[i],null)}}}}function useComposedRefs(...refs){return React.useCallback(composeRefs(...refs),refs)}class PopChildMeasure extends React2.Component{getSnapshotBeforeUpdate(prevProps){let element=this.props.childRef.current;if(isHTMLElement2(element)&&prevProps.isPresent&&!this.props.isPresent&&this.props.pop!==!1){let parent=element.offsetParent,parentWidth=isHTMLElement2(parent)?parent.offsetWidth||0:0,parentHeight=isHTMLElement2(parent)?parent.offsetHeight||0:0,computedStyle=getComputedStyle(element),size=this.props.sizeRef.current;size.height=parseFloat(computedStyle.height),size.width=parseFloat(computedStyle.width),size.top=element.offsetTop,size.left=element.offsetLeft,size.right=parentWidth-size.width-size.left,size.bottom=parentHeight-size.height-size.top,size.direction=computedStyle.direction}return null}componentDidUpdate(){}render(){return this.props.children}}function PopChild({children,isPresent,anchorX,anchorY,root,pop}){let id=import_react24.useId(),ref=import_react24.useRef(null),size=import_react24.useRef({width:0,height:0,top:0,left:0,right:0,bottom:0,direction:"ltr"}),{nonce}=import_react24.useContext(MotionConfigContext),childRef=children.props?.ref??children?.ref,composedRef=useComposedRefs(ref,childRef);return import_react24.useInsertionEffect(()=>{let{width,height,top,left,right,bottom,direction}=size.current;if(isPresent||pop===!1||!ref.current||!width||!height)return;let isRTL=direction==="rtl",x=anchorX==="left"?isRTL?`right: ${right}`:`left: ${left}`:isRTL?`left: ${left}`:`right: ${right}`,y=anchorY==="bottom"?`bottom: ${bottom}`:`top: ${top}`;ref.current.dataset.motionPopId=id;let style=document.createElement("style");if(nonce)style.nonce=nonce;let parent=root??document.head;if(parent.appendChild(style),style.sheet)style.sheet.insertRule(`
|
|
296
|
+
[data-motion-pop-id="${id}"] {
|
|
297
|
+
position: absolute !important;
|
|
298
|
+
width: ${width}px !important;
|
|
299
|
+
height: ${height}px !important;
|
|
300
|
+
${x}px !important;
|
|
301
|
+
${y}px !important;
|
|
302
|
+
}
|
|
303
|
+
`);return()=>{if(ref.current?.removeAttribute("data-motion-pop-id"),parent.contains(style))parent.removeChild(style)}},[isPresent]),import_jsx_runtime7.jsx(PopChildMeasure,{isPresent,childRef:ref,sizeRef:size,pop,children:pop===!1?children:React2.cloneElement(children,{ref:composedRef})})}var PresenceChild=({children,initial,isPresent,onExitComplete,custom,presenceAffectsLayout,mode,anchorX,anchorY,root})=>{let presenceChildren=useConstant(newChildrenMap),id=import_react25.useId(),isPresentRef=import_react25.useRef(isPresent),onExitCompleteRef=import_react25.useRef(onExitComplete);useIsomorphicLayoutEffect(()=>{isPresentRef.current=isPresent,onExitCompleteRef.current=onExitComplete});let isReusedContext=!0,context=import_react25.useMemo(()=>(isReusedContext=!1,{id,initial,isPresent,custom,onExitComplete:(childId)=>{presenceChildren.set(childId,!0);for(let isComplete of presenceChildren.values())if(!isComplete)return;onExitComplete&&onExitComplete()},register:(childId)=>(presenceChildren.set(childId,!1),()=>{presenceChildren.delete(childId),!isPresentRef.current&&!presenceChildren.size&&onExitCompleteRef.current?.()})}),[isPresent,presenceChildren,onExitComplete]);if(presenceAffectsLayout&&isReusedContext)context={...context};return import_react25.useMemo(()=>{presenceChildren.forEach((_,key)=>presenceChildren.set(key,!1))},[isPresent]),React3.useEffect(()=>{!isPresent&&!presenceChildren.size&&onExitComplete&&onExitComplete()},[isPresent]),children=import_jsx_runtime8.jsx(PopChild,{pop:mode==="popLayout",isPresent,anchorX,anchorY,root,children}),import_jsx_runtime8.jsx(PresenceContext.Provider,{value:context,children})};function newChildrenMap(){return new Map}var import_react26=__toESM(require_react_development(),1);function usePresence(subscribe=!0){let context=import_react26.useContext(PresenceContext);if(context===null)return[!0,null];let{isPresent,onExitComplete,register}=context,id=import_react26.useId();import_react26.useEffect(()=>{if(subscribe)return register(id)},[subscribe]);let safeToRemove=import_react26.useCallback(()=>subscribe&&onExitComplete&&onExitComplete(id),[id,onExitComplete,subscribe]);return!isPresent&&onExitComplete?[!1,safeToRemove]:[!0]}function useIsPresent(){return isPresent(import_react26.useContext(PresenceContext))}function isPresent(context){return context===null?!0:context.isPresent}var import_react27=__toESM(require_react_development(),1),getChildKey=(child)=>child.key||"";function onlyElements(children){let filtered=[];return import_react27.Children.forEach(children,(child)=>{if(import_react27.isValidElement(child))filtered.push(child)}),filtered}var AnimatePresence=({children,custom,initial=!0,onExitComplete,presenceAffectsLayout=!0,mode="sync",propagate=!1,anchorX="left",anchorY="top",root})=>{let[isParentPresent,safeToRemove]=usePresence(propagate),presentChildren=import_react28.useMemo(()=>onlyElements(children),[children]),presentKeys=propagate&&!isParentPresent?[]:presentChildren.map(getChildKey),isInitialRender=import_react28.useRef(!0),pendingPresentChildren=import_react28.useRef(presentChildren),exitComplete=useConstant(()=>new Map),exitingComponents=import_react28.useRef(new Set),[diffedChildren,setDiffedChildren]=import_react28.useState(presentChildren),[renderedChildren,setRenderedChildren]=import_react28.useState(presentChildren);useIsomorphicLayoutEffect(()=>{isInitialRender.current=!1,pendingPresentChildren.current=presentChildren;for(let i=0;i<renderedChildren.length;i++){let key=getChildKey(renderedChildren[i]);if(!presentKeys.includes(key)){if(exitComplete.get(key)!==!0)exitComplete.set(key,!1)}else exitComplete.delete(key),exitingComponents.current.delete(key)}},[renderedChildren,presentKeys.length,presentKeys.join("-")]);let exitingChildren=[];if(presentChildren!==diffedChildren){let nextChildren=[...presentChildren];for(let i=0;i<renderedChildren.length;i++){let child=renderedChildren[i],key=getChildKey(child);if(!presentKeys.includes(key))nextChildren.splice(i,0,child),exitingChildren.push(child)}if(mode==="wait"&&exitingChildren.length)nextChildren=exitingChildren;return setRenderedChildren(onlyElements(nextChildren)),setDiffedChildren(presentChildren),null}if(mode==="wait"&&renderedChildren.length>1)console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);let{forceRender}=import_react28.useContext(LayoutGroupContext);return import_jsx_runtime9.jsx(import_jsx_runtime9.Fragment,{children:renderedChildren.map((child)=>{let key=getChildKey(child),isPresent=propagate&&!isParentPresent?!1:presentChildren===renderedChildren||presentKeys.includes(key),onExit=()=>{if(exitingComponents.current.has(key))return;if(exitComplete.has(key))exitingComponents.current.add(key),exitComplete.set(key,!0);else return;let isEveryExitComplete=!0;if(exitComplete.forEach((isExitComplete)=>{if(!isExitComplete)isEveryExitComplete=!1}),isEveryExitComplete)forceRender?.(),setRenderedChildren(pendingPresentChildren.current),propagate&&safeToRemove?.(),onExitComplete&&onExitComplete()};return import_jsx_runtime9.jsx(PresenceChild,{isPresent,initial:!isInitialRender.current||initial?void 0:!1,custom,presenceAffectsLayout,mode,root,onExitComplete:isPresent?void 0:onExit,anchorX,anchorY,children:child},key)})})};var import_react29=__toESM(require_react_development(),1);var lowercaseSVGElements=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function isSVGComponent(Component){if(typeof Component!=="string"||Component.includes("-"))return!1;else if(lowercaseSVGElements.indexOf(Component)>-1||/[A-Z]/u.test(Component))return!0;return!1}var createDomVisualElement=(Component,options)=>options.isSVG??isSVGComponent(Component)?new SVGVisualElement(options):new HTMLVisualElement(options,{allowProjection:Component!==import_react29.Fragment});var import_jsx_runtime10=__toESM(require_react_jsx_runtime_development(),1);var import_react40=__toESM(require_react_development(),1);var import_react30=__toESM(require_react_development(),1),LazyContext=import_react30.createContext({strict:!1});var import_react31=__toESM(require_react_development(),1),MotionContext=import_react31.createContext({});var import_react32=__toESM(require_react_development(),1);function getCurrentTreeVariants(props,context){if(isControllingVariants(props)){let{initial,animate}=props;return{initial:initial===!1||isVariantLabel(initial)?initial:void 0,animate:isVariantLabel(animate)?animate:void 0}}return props.inherit!==!1?context:{}}function useCreateMotionContext(props){let{initial,animate}=getCurrentTreeVariants(props,import_react32.useContext(MotionContext));return import_react32.useMemo(()=>({initial,animate}),[variantLabelsAsDependency(initial),variantLabelsAsDependency(animate)])}function variantLabelsAsDependency(prop){return Array.isArray(prop)?prop.join(" "):prop}var import_react35=__toESM(require_react_development(),1);var import_react33=__toESM(require_react_development(),1);var createHtmlRenderState=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function copyRawValuesOnly(target,source,props){for(let key in source)if(!isMotionValue(source[key])&&!isForcedMotionValue(key,props))target[key]=source[key]}function useInitialMotionValues({transformTemplate},visualState){return import_react33.useMemo(()=>{let state=createHtmlRenderState();return buildHTMLStyles(state,visualState,transformTemplate),Object.assign({},state.vars,state.style)},[visualState])}function useStyle(props,visualState){let styleProp=props.style||{},style={};return copyRawValuesOnly(style,styleProp,props),Object.assign(style,useInitialMotionValues(props,visualState)),style}function useHTMLProps(props,visualState){let htmlProps={},style=useStyle(props,visualState);if(props.drag&&props.dragListener!==!1)htmlProps.draggable=!1,style.userSelect=style.WebkitUserSelect=style.WebkitTouchCallout="none",style.touchAction=props.drag===!0?"none":`pan-${props.drag==="x"?"y":"x"}`;if(props.tabIndex===void 0&&(props.onTap||props.onTapStart||props.whileTap))htmlProps.tabIndex=0;return htmlProps.style=style,htmlProps}var import_react34=__toESM(require_react_development(),1);var createSvgRenderState=()=>({...createHtmlRenderState(),attrs:{}});function useSVGProps(props,visualState,_isStatic,Component){let visualProps=import_react34.useMemo(()=>{let state=createSvgRenderState();return buildSVGAttrs(state,visualState,isSVGTag(Component),props.transformTemplate,props.style),{...state.attrs,style:{...state.style}}},[visualState]);if(props.style){let rawStyles={};copyRawValuesOnly(rawStyles,props.style,props),visualProps.style={...rawStyles,...visualProps.style}}return visualProps}var 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"]);function isValidMotionProp(key){return key.startsWith("while")||key.startsWith("drag")&&key!=="draggable"||key.startsWith("layout")||key.startsWith("onTap")||key.startsWith("onPan")||key.startsWith("onLayout")||validMotionProps.has(key)}var shouldForward=(key)=>!isValidMotionProp(key);function loadExternalIsValidProp(isValidProp){if(typeof isValidProp!=="function")return;shouldForward=(key)=>key.startsWith("on")?!isValidMotionProp(key):isValidProp(key)}try{let emotionPkg="@emotion/is-prop-valid";loadExternalIsValidProp(__require(emotionPkg).default)}catch{}function filterProps(props,isDom,forwardMotionProps){let filteredProps={};for(let key in props){if(key==="values"&&typeof props.values==="object")continue;if(isMotionValue(props[key]))continue;if(shouldForward(key)||forwardMotionProps===!0&&isValidMotionProp(key)||!isDom&&!isValidMotionProp(key)||props.draggable&&key.startsWith("onDrag"))filteredProps[key]=props[key]}return filteredProps}function useRender(Component,props,ref,{latestValues},isStatic,forwardMotionProps=!1,isSVG){let visualProps=(isSVG??isSVGComponent(Component)?useSVGProps:useHTMLProps)(props,latestValues,isStatic,Component),filteredProps=filterProps(props,typeof Component==="string",forwardMotionProps),elementProps=Component!==import_react35.Fragment?{...filteredProps,...visualProps,ref}:{},{children}=props,renderedChildren=import_react35.useMemo(()=>isMotionValue(children)?children.get():children,[children]);return import_react35.createElement(Component,{...elementProps,children:renderedChildren})}var import_react36=__toESM(require_react_development(),1);function makeState({scrapeMotionValuesFromProps,createRenderState},props,context,presenceContext){return{latestValues:makeLatestValues(props,context,presenceContext,scrapeMotionValuesFromProps),renderState:createRenderState()}}function makeLatestValues(props,context,presenceContext,scrapeMotionValues){let values={},motionValues=scrapeMotionValues(props,{});for(let key in motionValues)values[key]=resolveMotionValue(motionValues[key]);let{initial,animate}=props,isControllingVariants$1=isControllingVariants(props),isVariantNode$1=isVariantNode(props);if(context&&isVariantNode$1&&!isControllingVariants$1&&props.inherit!==!1){if(initial===void 0)initial=context.initial;if(animate===void 0)animate=context.animate}let isInitialAnimationBlocked=presenceContext?presenceContext.initial===!1:!1;isInitialAnimationBlocked=isInitialAnimationBlocked||initial===!1;let variantToSet=isInitialAnimationBlocked?animate:initial;if(variantToSet&&typeof variantToSet!=="boolean"&&!isAnimationControls(variantToSet)){let list=Array.isArray(variantToSet)?variantToSet:[variantToSet];for(let i=0;i<list.length;i++){let resolved=resolveVariantFromProps(props,list[i]);if(resolved){let{transitionEnd,transition,...target}=resolved;for(let key in target){let valueTarget=target[key];if(Array.isArray(valueTarget)){let index=isInitialAnimationBlocked?valueTarget.length-1:0;valueTarget=valueTarget[index]}if(valueTarget!==null)values[key]=valueTarget}for(let key in transitionEnd)values[key]=transitionEnd[key]}}}return values}var makeUseVisualState=(config)=>(props,isStatic)=>{let context=import_react36.useContext(MotionContext),presenceContext=import_react36.useContext(PresenceContext),make=()=>makeState(config,props,context,presenceContext);return isStatic?make():useConstant(make)};var useHTMLVisualState=makeUseVisualState({scrapeMotionValuesFromProps,createRenderState:createHtmlRenderState});var useSVGVisualState=makeUseVisualState({scrapeMotionValuesFromProps:scrapeMotionValuesFromProps2,createRenderState:createSvgRenderState});var featureProps={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},isInitialized=!1;function initFeatureDefinitions(){if(isInitialized)return;let initialFeatureDefinitions={};for(let key in featureProps)initialFeatureDefinitions[key]={isEnabled:(props)=>featureProps[key].some((name)=>!!props[name])};setFeatureDefinitions(initialFeatureDefinitions),isInitialized=!0}function getInitializedFeatureDefinitions(){return initFeatureDefinitions(),getFeatureDefinitions()}function loadFeatures(features){let featureDefinitions=getInitializedFeatureDefinitions();for(let key in features)featureDefinitions[key]={...featureDefinitions[key],...features[key]};setFeatureDefinitions(featureDefinitions)}var motionComponentSymbol=Symbol.for("motionComponentSymbol");var import_react37=__toESM(require_react_development(),1);function useMotionRef(visualState,visualElement,externalRef){let externalRefContainer=import_react37.useRef(externalRef);import_react37.useInsertionEffect(()=>{externalRefContainer.current=externalRef});let refCleanup=import_react37.useRef(null);return import_react37.useCallback((instance)=>{if(instance)visualState.onMount?.(instance);if(visualElement)instance?visualElement.mount(instance):visualElement.unmount();let ref=externalRefContainer.current;if(typeof ref==="function")if(instance){let 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])}var import_react39=__toESM(require_react_development(),1);var import_react38=__toESM(require_react_development(),1),SwitchLayoutGroupContext=import_react38.createContext({});function isRefObject2(ref){return ref&&typeof ref==="object"&&Object.prototype.hasOwnProperty.call(ref,"current")}function useVisualElement(Component,visualState,props,createVisualElement,ProjectionNodeConstructor,isSVG){let{visualElement:parent}=import_react39.useContext(MotionContext),lazyContext=import_react39.useContext(LazyContext),presenceContext=import_react39.useContext(PresenceContext),motionConfig=import_react39.useContext(MotionConfigContext),{reducedMotion:reducedMotionConfig,skipAnimations}=motionConfig,visualElementRef=import_react39.useRef(null),hasMountedOnce=import_react39.useRef(!1);if(createVisualElement=createVisualElement||lazyContext.renderer,!visualElementRef.current&&createVisualElement){if(visualElementRef.current=createVisualElement(Component,{visualState,parent,props,presenceContext,blockInitialAnimation:presenceContext?presenceContext.initial===!1:!1,reducedMotionConfig,skipAnimations,isSVG}),hasMountedOnce.current&&visualElementRef.current)visualElementRef.current.manuallyAnimateOnMount=!0}let visualElement=visualElementRef.current,initialLayoutGroupConfig=import_react39.useContext(SwitchLayoutGroupContext);if(visualElement&&!visualElement.projection&&ProjectionNodeConstructor&&(visualElement.type==="html"||visualElement.type==="svg"))createProjectionNode2(visualElementRef.current,props,ProjectionNodeConstructor,initialLayoutGroupConfig);let isMounted=import_react39.useRef(!1);import_react39.useInsertionEffect(()=>{if(visualElement&&isMounted.current)visualElement.update(props,presenceContext)});let optimisedAppearId=props[optimizedAppearDataAttribute],wantsHandoff=import_react39.useRef(Boolean(optimisedAppearId)&&typeof window<"u"&&!window.MotionHandoffIsComplete?.(optimisedAppearId)&&window.MotionHasOptimisedAnimation?.(optimisedAppearId));return useIsomorphicLayoutEffect(()=>{if(hasMountedOnce.current=!0,!visualElement)return;if(isMounted.current=!0,window.MotionIsMounted=!0,visualElement.updateFeatures(),visualElement.scheduleRenderMicrotask(),wantsHandoff.current&&visualElement.animationState)visualElement.animationState.animateChanges()}),import_react39.useEffect(()=>{if(!visualElement)return;if(!wantsHandoff.current&&visualElement.animationState)visualElement.animationState.animateChanges();if(wantsHandoff.current)queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(optimisedAppearId)}),wantsHandoff.current=!1;visualElement.enteringChildren=void 0}),visualElement}function createProjectionNode2(visualElement,props,ProjectionNodeConstructor,initialPromotionConfig){let{layoutId,layout,drag,dragConstraints,layoutScroll,layoutRoot,layoutAnchor,layoutCrossfade}=props;visualElement.projection=new ProjectionNodeConstructor(visualElement.latestValues,props["data-framer-portal-id"]?void 0:getClosestProjectingNode(visualElement.parent)),visualElement.projection.setOptions({layoutId,layout,alwaysMeasureLayout:Boolean(drag)||dragConstraints&&isRefObject2(dragConstraints),visualElement,animationType:typeof layout==="string"?layout:"both",initialPromotionConfig,crossfade:layoutCrossfade,layoutScroll,layoutRoot,layoutAnchor})}function getClosestProjectingNode(visualElement){if(!visualElement)return;return visualElement.options.allowProjection!==!1?visualElement.projection:getClosestProjectingNode(visualElement.parent)}function createMotionComponent(Component,{forwardMotionProps=!1,type}={},preloadedFeatures,createVisualElement){preloadedFeatures&&loadFeatures(preloadedFeatures);let isSVG=type?type==="svg":isSVGComponent(Component),useVisualState=isSVG?useSVGVisualState:useHTMLVisualState;function MotionDOMComponent(props,externalRef){let MeasureLayout,configAndProps={...import_react40.useContext(MotionConfigContext),...props,layoutId:useLayoutId(props)},{isStatic}=configAndProps,context=useCreateMotionContext(props),visualState=useVisualState(props,isStatic);if(!isStatic&&typeof window<"u"){useStrictMode(configAndProps,preloadedFeatures);let layoutProjection=getProjectionFunctionality(configAndProps);MeasureLayout=layoutProjection.MeasureLayout,context.visualElement=useVisualElement(Component,visualState,configAndProps,createVisualElement,layoutProjection.ProjectionNode,isSVG)}return import_jsx_runtime10.jsxs(MotionContext.Provider,{value:context,children:[MeasureLayout&&context.visualElement?import_jsx_runtime10.jsx(MeasureLayout,{visualElement:context.visualElement,...configAndProps}):null,useRender(Component,props,useMotionRef(visualState,context.visualElement,externalRef),visualState,isStatic,forwardMotionProps,isSVG)]})}MotionDOMComponent.displayName=`motion.${typeof Component==="string"?Component:`create(${Component.displayName??Component.name??""})`}`;let ForwardRefMotionComponent=import_react40.forwardRef(MotionDOMComponent);return ForwardRefMotionComponent[motionComponentSymbol]=Component,ForwardRefMotionComponent}function useLayoutId({layoutId}){let layoutGroupId=import_react40.useContext(LayoutGroupContext).id;return layoutGroupId&&layoutId!==void 0?layoutGroupId+"-"+layoutId:layoutId}function useStrictMode(configAndProps,preloadedFeatures){let isStrict=import_react40.useContext(LazyContext).strict;if(preloadedFeatures&&isStrict)configAndProps.ignoreStrict?warning(!1,"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.","lazy-strict-mode"):invariant(!1,"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.","lazy-strict-mode")}function getProjectionFunctionality(props){let featureDefinitions=getInitializedFeatureDefinitions(),{drag,layout}=featureDefinitions;if(!drag&&!layout)return{};let combined={...drag,...layout};return{MeasureLayout:drag?.isEnabled(props)||layout?.isEnabled(props)?combined.MeasureLayout:void 0,ProjectionNode:combined.ProjectionNode}}function createMotionProxy(preloadedFeatures,createVisualElement){if(typeof Proxy>"u")return createMotionComponent;let componentCache=new Map,factory=(Component,options)=>createMotionComponent(Component,options,preloadedFeatures,createVisualElement);return new Proxy((Component,options)=>(warnOnce(!1,"motion() is deprecated. Use motion.create() instead."),factory(Component,options)),{get:(_target,key)=>{if(key==="create")return factory;if(!componentCache.has(key))componentCache.set(key,createMotionComponent(key,void 0,preloadedFeatures,createVisualElement));return componentCache.get(key)}})}class AnimationFeature extends Feature{constructor(node){super(node);node.animationState||(node.animationState=createAnimationState(node))}updateAnimationControlsSubscription(){let{animate}=this.node.getProps();if(isAnimationControls(animate))this.unmountControls=animate.subscribe(this.node)}mount(){this.updateAnimationControlsSubscription()}update(){let{animate}=this.node.getProps(),{animate:prevAnimate}=this.node.prevProps||{};if(animate!==prevAnimate)this.updateAnimationControlsSubscription()}unmount(){this.node.animationState.reset(),this.unmountControls?.()}}var id2=0;class ExitAnimationFeature extends Feature{constructor(){super(...arguments);this.id=id2++,this.isExitComplete=!1}update(){if(!this.node.presenceContext)return;let{isPresent,onExitComplete}=this.node.presenceContext,{isPresent:prevIsPresent}=this.node.prevPresenceContext||{};if(!this.node.animationState||isPresent===prevIsPresent)return;if(isPresent&&prevIsPresent===!1){if(this.isExitComplete){let{initial,custom}=this.node.getProps();if(typeof initial==="string"||typeof initial==="object"&&initial!==null&&!Array.isArray(initial)){let resolved=resolveVariant(this.node,initial,custom);if(resolved){let{transition,transitionEnd,...target}=resolved;for(let key in target)this.node.getValue(key)?.jump(target[key])}}this.node.animationState.reset(),this.node.animationState.animateChanges()}else this.node.animationState.setActive("exit",!1);this.isExitComplete=!1;return}let exitAnimation=this.node.animationState.setActive("exit",!isPresent);if(onExitComplete&&!isPresent)exitAnimation.then(()=>{this.isExitComplete=!0,onExitComplete(this.id)})}mount(){let{register,onExitComplete}=this.node.presenceContext||{};if(onExitComplete)onExitComplete(this.id);if(register)this.unmount=register(this.id)}unmount(){}}var animations={animation:{Feature:AnimationFeature},exit:{Feature:ExitAnimationFeature}};function extractEventInfo(event){return{point:{x:event.pageX,y:event.pageY}}}var addPointerInfo=(handler)=>(event)=>isPrimaryPointer(event)&&handler(event,extractEventInfo(event));function addPointerEvent2(target,eventName,handler,options){return addDomEvent3(target,eventName,addPointerInfo(handler),options)}var getContextWindow=({current})=>current?current.ownerDocument.defaultView:null;var distance2=(a,b)=>Math.abs(a-b);function distance2D(a,b){let xDelta=distance2(a.x,b.x),yDelta=distance2(a.y,b.y);return Math.sqrt(xDelta**2+yDelta**2)}var overflowStyles=new Set(["auto","scroll"]);class PanSession{constructor(event,handlers,{transformPagePoint,contextWindow=window,dragSnapToOrigin=!1,distanceThreshold=3,element}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.lastRawMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.scrollPositions=new Map,this.removeScrollListeners=null,this.onElementScroll=(event)=>{this.handleScroll(event.target)},this.onWindowScroll=()=>{this.handleScroll(window)},this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;if(this.lastRawMoveEventInfo)this.lastMoveEventInfo=transformPoint(this.lastRawMoveEventInfo,this.transformPagePoint);let info=getPanInfo2(this.lastMoveEventInfo,this.history),isPanStarted=this.startEvent!==null,isDistancePastThreshold=distance2D(info.offset,{x:0,y:0})>=this.distanceThreshold;if(!isPanStarted&&!isDistancePastThreshold)return;let{point}=info,{timestamp}=frameData;this.history.push({...point,timestamp});let{onStart,onMove}=this.handlers;if(!isPanStarted)onStart&&onStart(this.lastMoveEvent,info),this.startEvent=this.lastMoveEvent;onMove&&onMove(this.lastMoveEvent,info)},this.handlePointerMove=(event,info)=>{this.lastMoveEvent=event,this.lastRawMoveEventInfo=info,this.lastMoveEventInfo=transformPoint(info,this.transformPagePoint),frame2.update(this.updatePoint,!0)},this.handlePointerUp=(event,info)=>{this.end();let{onEnd,onSessionEnd,resumeAnimation}=this.handlers;if(this.dragSnapToOrigin||!this.startEvent)resumeAnimation&&resumeAnimation();if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;let panInfo=getPanInfo2(event.type==="pointercancel"?this.lastMoveEventInfo:transformPoint(info,this.transformPagePoint),this.history);if(this.startEvent&&onEnd)onEnd(event,panInfo);onSessionEnd&&onSessionEnd(event,panInfo)},!isPrimaryPointer(event))return;this.dragSnapToOrigin=dragSnapToOrigin,this.handlers=handlers,this.transformPagePoint=transformPagePoint,this.distanceThreshold=distanceThreshold,this.contextWindow=contextWindow||window;let info=extractEventInfo(event),initialInfo=transformPoint(info,this.transformPagePoint),{point}=initialInfo,{timestamp}=frameData;this.history=[{...point,timestamp}];let{onSessionStart}=handlers;onSessionStart&&onSessionStart(event,getPanInfo2(initialInfo,this.history));let eventOptions={passive:!0,capture:!0};if(this.removeListeners=pipe3(addPointerEvent2(this.contextWindow,"pointermove",this.handlePointerMove,eventOptions),addPointerEvent2(this.contextWindow,"pointerup",this.handlePointerUp,eventOptions),addPointerEvent2(this.contextWindow,"pointercancel",this.handlePointerUp,eventOptions)),element)this.startScrollTracking(element)}startScrollTracking(element){let current=element.parentElement;while(current){let 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}this.scrollPositions.set(window,{x:window.scrollX,y:window.scrollY}),window.addEventListener("scroll",this.onElementScroll,{capture:!0}),window.addEventListener("scroll",this.onWindowScroll),this.removeScrollListeners=()=>{window.removeEventListener("scroll",this.onElementScroll,{capture:!0}),window.removeEventListener("scroll",this.onWindowScroll)}}handleScroll(target){let initial=this.scrollPositions.get(target);if(!initial)return;let isWindow=target===window,current=isWindow?{x:window.scrollX,y:window.scrollY}:{x:target.scrollLeft,y:target.scrollTop},delta={x:current.x-initial.x,y:current.y-initial.y};if(delta.x===0&&delta.y===0)return;if(isWindow){if(this.lastMoveEventInfo)this.lastMoveEventInfo.point.x+=delta.x,this.lastMoveEventInfo.point.y+=delta.y}else if(this.history.length>0)this.history[0].x-=delta.x,this.history[0].y-=delta.y;this.scrollPositions.set(target,current),frame2.update(this.updatePoint,!0)}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 getPanInfo2({point},history){return{point,delta:subtractPoint(point,lastDevicePoint(history)),offset:subtractPoint(point,startDevicePoint(history)),velocity:getVelocity2(history,0.1)}}function startDevicePoint(history){return history[0]}function lastDevicePoint(history){return history[history.length-1]}function getVelocity2(history,timeDelta){if(history.length<2)return{x:0,y:0};let i=history.length-1,timestampedPoint=null,lastPoint=lastDevicePoint(history);while(i>=0){if(timestampedPoint=history[i],lastPoint.timestamp-timestampedPoint.timestamp>secondsToMilliseconds(timeDelta))break;i--}if(!timestampedPoint)return{x:0,y:0};if(timestampedPoint===history[0]&&history.length>2&&lastPoint.timestamp-timestampedPoint.timestamp>secondsToMilliseconds(timeDelta)*2)timestampedPoint=history[1];let time=millisecondsToSeconds(lastPoint.timestamp-timestampedPoint.timestamp);if(time===0)return{x:0,y:0};let currentVelocity={x:(lastPoint.x-timestampedPoint.x)/time,y:(lastPoint.y-timestampedPoint.y)/time};if(currentVelocity.x===1/0)currentVelocity.x=0;if(currentVelocity.y===1/0)currentVelocity.y=0;return currentVelocity}function applyConstraints(point,{min,max},elastic){if(min!==void 0&&point<min)point=elastic?mixNumber(min,point,elastic.min):Math.max(point,min);else if(max!==void 0&&point>max)point=elastic?mixNumber(max,point,elastic.max):Math.min(point,max);return point}function calcRelativeAxisConstraints(axis,min,max){return{min:min!==void 0?axis.min+min:void 0,max:max!==void 0?axis.max+max-(axis.max-axis.min):void 0}}function calcRelativeConstraints(layoutBox,{top,left,bottom,right}){return{x:calcRelativeAxisConstraints(layoutBox.x,left,right),y:calcRelativeAxisConstraints(layoutBox.y,top,bottom)}}function calcViewportAxisConstraints(layoutAxis,constraintsAxis){let min=constraintsAxis.min-layoutAxis.min,max=constraintsAxis.max-layoutAxis.max;if(constraintsAxis.max-constraintsAxis.min<layoutAxis.max-layoutAxis.min)[min,max]=[max,min];return{min,max}}function calcViewportConstraints(layoutBox,constraintsBox){return{x:calcViewportAxisConstraints(layoutBox.x,constraintsBox.x),y:calcViewportAxisConstraints(layoutBox.y,constraintsBox.y)}}function calcOrigin(source,target){let origin=0.5,sourceLength=calcLength(source),targetLength=calcLength(target);if(targetLength>sourceLength)origin=progress(target.min,target.max-sourceLength,source.min);else if(sourceLength>targetLength)origin=progress(source.min,source.max-targetLength,target.min);return clamp(0,1,origin)}function rebaseAxisConstraints(layout,constraints){let relativeConstraints={};if(constraints.min!==void 0)relativeConstraints.min=constraints.min-layout.min;if(constraints.max!==void 0)relativeConstraints.max=constraints.max-layout.min;return relativeConstraints}var defaultElastic=0.35;function resolveDragElastic(dragElastic=defaultElastic){if(dragElastic===!1)dragElastic=0;else if(dragElastic===!0)dragElastic=defaultElastic;return{x:resolveAxisElastic(dragElastic,"left","right"),y:resolveAxisElastic(dragElastic,"top","bottom")}}function resolveAxisElastic(dragElastic,minLabel,maxLabel){return{min:resolvePointElastic(dragElastic,minLabel),max:resolvePointElastic(dragElastic,maxLabel)}}function resolvePointElastic(dragElastic,label){return typeof dragElastic==="number"?dragElastic:dragElastic[label]||0}var elementDragControls=new WeakMap;class VisualElementDragControls{constructor(visualElement){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=createBox(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=visualElement}start(originEvent,{snapToCursor=!1,distanceThreshold}={}){let{presenceContext}=this.visualElement;if(presenceContext&&presenceContext.isPresent===!1)return;let onSessionStart=(event)=>{if(snapToCursor)this.snapToCursor(extractEventInfo(event).point);this.stopAnimation()},onStart=(event,info)=>{let{drag,dragPropagation,onDragStart}=this.getProps();if(drag&&!dragPropagation){if(this.openDragLock)this.openDragLock();if(this.openDragLock=setDragLock(drag),!this.openDragLock)return}if(this.latestPointerEvent=event,this.latestPanInfo=info,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection)this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0;if(eachAxis((axis)=>{let current=this.getAxisMotionValue(axis).get()||0;if(percent.test(current)){let{projection}=this.visualElement;if(projection&&projection.layout){let measuredAxis=projection.layout.layoutBox[axis];if(measuredAxis)current=calcLength(measuredAxis)*(parseFloat(current)/100)}}this.originPoint[axis]=current}),onDragStart)frame2.update(()=>onDragStart(event,info),!1,!0);addValueToWillChange(this.visualElement,"transform");let{animationState}=this.visualElement;animationState&&animationState.setActive("whileDrag",!0)},onMove=(event,info)=>{this.latestPointerEvent=event,this.latestPanInfo=info;let{dragPropagation,dragDirectionLock,onDirectionLock,onDrag}=this.getProps();if(!dragPropagation&&!this.openDragLock)return;let{offset}=info;if(dragDirectionLock&&this.currentDirection===null){if(this.currentDirection=getCurrentDirection(offset),this.currentDirection!==null)onDirectionLock&&onDirectionLock(this.currentDirection);return}if(this.updateAxis("x",info.point,offset),this.updateAxis("y",info.point,offset),this.visualElement.render(),onDrag)frame2.update(()=>onDrag(event,info),!1,!0)},onSessionEnd=(event,info)=>{this.latestPointerEvent=event,this.latestPanInfo=info,this.stop(event,info),this.latestPointerEvent=null,this.latestPanInfo=null},resumeAnimation=()=>{let{dragSnapToOrigin:snap}=this.getProps();if(snap||this.constraints)this.startAnimation({x:0,y:0})},{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})}stop(event,panInfo){let finalEvent=event||this.latestPointerEvent,finalPanInfo=panInfo||this.latestPanInfo,isDragging=this.isDragging;if(this.cancel(),!isDragging||!finalPanInfo||!finalEvent)return;let{velocity}=finalPanInfo;this.startAnimation(velocity);let{onDragEnd}=this.getProps();if(onDragEnd)frame2.postRender(()=>onDragEnd(finalEvent,finalPanInfo))}cancel(){this.isDragging=!1;let{projection,animationState}=this.visualElement;if(projection)projection.isAnimationBlocked=!1;this.endPanSession();let{dragPropagation}=this.getProps();if(!dragPropagation&&this.openDragLock)this.openDragLock(),this.openDragLock=null;animationState&&animationState.setActive("whileDrag",!1)}endPanSession(){this.panSession&&this.panSession.end(),this.panSession=void 0}updateAxis(axis,_point,offset){let{drag}=this.getProps();if(!offset||!shouldDrag(axis,drag,this.currentDirection))return;let axisValue=this.getAxisMotionValue(axis),next=this.originPoint[axis]+offset[axis];if(this.constraints&&this.constraints[axis])next=applyConstraints(next,this.constraints[axis],this.elastic[axis]);axisValue.set(next)}resolveConstraints(){let{dragConstraints,dragElastic}=this.getProps(),layout=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,prevConstraints=this.constraints;if(dragConstraints&&isRefObject2(dragConstraints)){if(!this.constraints)this.constraints=this.resolveRefConstraints()}else if(dragConstraints&&layout)this.constraints=calcRelativeConstraints(layout.layoutBox,dragConstraints);else this.constraints=!1;if(this.elastic=resolveDragElastic(dragElastic),prevConstraints!==this.constraints&&!isRefObject2(dragConstraints)&&layout&&this.constraints&&!this.hasMutatedConstraints)eachAxis((axis)=>{if(this.constraints!==!1&&this.getAxisMotionValue(axis))this.constraints[axis]=rebaseAxisConstraints(layout.layoutBox[axis],this.constraints[axis])})}resolveRefConstraints(){let{dragConstraints:constraints,onMeasureDragConstraints}=this.getProps();if(!constraints||!isRefObject2(constraints))return!1;let 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");let{projection}=this.visualElement;if(!projection||!projection.layout)return!1;if(projection.root)projection.root.scroll=void 0,projection.root.updateScroll();let constraintsBox=measurePageBox(constraintsElement,projection.root,this.visualElement.getTransformPagePoint()),measuredConstraints=calcViewportConstraints(projection.layout.layoutBox,constraintsBox);if(onMeasureDragConstraints){let userConstraints=onMeasureDragConstraints(convertBoxToBoundingBox(measuredConstraints));if(this.hasMutatedConstraints=!!userConstraints,userConstraints)measuredConstraints=convertBoundingBoxToBox(userConstraints)}return measuredConstraints}startAnimation(velocity){let{drag,dragMomentum,dragElastic,dragTransition,dragSnapToOrigin,onDragTransitionEnd}=this.getProps(),constraints=this.constraints||{},momentumAnimations=eachAxis((axis)=>{if(!shouldDrag(axis,drag,this.currentDirection))return;let transition=constraints&&constraints[axis]||{};if(dragSnapToOrigin===!0||dragSnapToOrigin===axis)transition={min:0,max:0};let bounceStiffness=dragElastic?200:1e6,bounceDamping=dragElastic?40:1e7,inertia={type:"inertia",velocity:dragMomentum?velocity[axis]:0,bounceStiffness,bounceDamping,timeConstant:750,restDelta:1,restSpeed:10,...dragTransition,...transition};return this.startAxisValueAnimation(axis,inertia)});return Promise.all(momentumAnimations).then(onDragTransitionEnd)}startAxisValueAnimation(axis,transition){let axisValue=this.getAxisMotionValue(axis);return addValueToWillChange(this.visualElement,axis),axisValue.start(animateMotionValue(axis,axisValue,0,transition,this.visualElement,!1))}stopAnimation(){eachAxis((axis)=>this.getAxisMotionValue(axis).stop())}getAxisMotionValue(axis){let dragKey=`_drag${axis.toUpperCase()}`,externalMotionValue=this.visualElement.getProps()[dragKey];return externalMotionValue?externalMotionValue:this.visualElement.getValue(axis,this.visualElement.latestValues[axis]??0)}snapToCursor(point){eachAxis((axis)=>{let{drag}=this.getProps();if(!shouldDrag(axis,drag,this.currentDirection))return;let{projection}=this.visualElement,axisValue=this.getAxisMotionValue(axis);if(projection&&projection.layout){let{min,max}=projection.layout.layoutBox[axis],current=axisValue.get()||0;axisValue.set(point[axis]-mixNumber(min,max,0.5)+current)}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;let{drag,dragConstraints}=this.getProps(),{projection}=this.visualElement;if(!isRefObject2(dragConstraints)||!projection||!this.constraints)return;this.stopAnimation();let boxProgress={x:0,y:0};eachAxis((axis)=>{let axisValue=this.getAxisMotionValue(axis);if(axisValue&&this.constraints!==!1){let latest=axisValue.get();boxProgress[axis]=calcOrigin({min:latest,max:latest},this.constraints[axis])}});let{transformTemplate}=this.visualElement.getProps();this.visualElement.current.style.transform=transformTemplate?transformTemplate({},""):"none",projection.root&&projection.root.updateScroll(),projection.updateLayout(),this.constraints=!1,this.resolveConstraints(),eachAxis((axis)=>{if(!shouldDrag(axis,drag,null))return;let axisValue=this.getAxisMotionValue(axis),{min,max}=this.constraints[axis];axisValue.set(mixNumber(min,max,boxProgress[axis]))}),this.visualElement.render()}addListeners(){if(!this.visualElement.current)return;elementDragControls.set(this.visualElement,this);let element=this.visualElement.current,stopPointerListener=addPointerEvent2(element,"pointerdown",(event)=>{let{drag,dragListener=!0}=this.getProps(),target=event.target,isClickingTextInputChild=target!==element&&isElementTextInput(target);if(drag&&dragListener&&!isClickingTextInputChild)this.start(event)}),stopResizeObservers,measureDragConstraints=()=>{let{dragConstraints}=this.getProps();if(isRefObject2(dragConstraints)&&dragConstraints.current){if(this.constraints=this.resolveRefConstraints(),!stopResizeObservers)stopResizeObservers=startResizeObservers(element,dragConstraints.current,()=>this.scalePositionWithinConstraints())}},{projection}=this.visualElement,stopMeasureLayoutListener=projection.addEventListener("measure",measureDragConstraints);if(projection&&!projection.layout)projection.root&&projection.root.updateScroll(),projection.updateLayout();frame2.read(measureDragConstraints);let stopResizeListener=addDomEvent3(window,"resize",()=>this.scalePositionWithinConstraints()),stopLayoutUpdateListener=projection.addEventListener("didUpdate",({delta,hasLayoutChanged})=>{if(this.isDragging&&hasLayoutChanged)eachAxis((axis)=>{let 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(){let props=this.visualElement.getProps(),{drag=!1,dragDirectionLock=!1,dragPropagation=!1,dragConstraints=!1,dragElastic=defaultElastic,dragMomentum=!0}=props;return{...props,drag,dragDirectionLock,dragPropagation,dragConstraints,dragElastic,dragMomentum}}}function skipFirstCall(callback){let isFirst=!0;return()=>{if(isFirst){isFirst=!1;return}callback()}}function startResizeObservers(element,constraintsElement,onResize){let stopElement=resize(element,skipFirstCall(onResize)),stopContainer=resize(constraintsElement,skipFirstCall(onResize));return()=>{stopElement(),stopContainer()}}function shouldDrag(direction,drag,currentDirection){return(drag===!0||drag===direction)&&(currentDirection===null||currentDirection===direction)}function getCurrentDirection(offset,lockThreshold=10){let direction=null;if(Math.abs(offset.y)>lockThreshold)direction="y";else if(Math.abs(offset.x)>lockThreshold)direction="x";return direction}class DragGesture extends Feature{constructor(node){super(node);this.removeGroupControls=noop2,this.removeListeners=noop2,this.controls=new VisualElementDragControls(node)}mount(){let{dragControls}=this.node.getProps();if(dragControls)this.removeGroupControls=dragControls.subscribe(this.controls);this.removeListeners=this.controls.addListeners()||noop2}update(){let{dragControls}=this.node.getProps(),{dragControls:prevDragControls}=this.node.prevProps||{};if(dragControls!==prevDragControls){if(this.removeGroupControls(),dragControls)this.removeGroupControls=dragControls.subscribe(this.controls)}}unmount(){if(this.removeGroupControls(),this.removeListeners(),!this.controls.isDragging)this.controls.endPanSession()}}var asyncHandler=(handler)=>(event,info)=>{if(handler)frame2.update(()=>handler(event,info),!1,!0)};class PanGesture extends Feature{constructor(){super(...arguments);this.removePointerDownListener=noop2}onPointerDown(pointerDownEvent){this.session=new PanSession(pointerDownEvent,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:getContextWindow(this.node)})}createPanHandlers(){let{onPanSessionStart,onPanStart,onPan,onPanEnd}=this.node.getProps();return{onSessionStart:asyncHandler(onPanSessionStart),onStart:asyncHandler(onPanStart),onMove:asyncHandler(onPan),onEnd:(event,info)=>{if(delete this.session,onPanEnd)frame2.postRender(()=>onPanEnd(event,info))}}}mount(){this.removePointerDownListener=addPointerEvent2(this.node.current,"pointerdown",(event)=>this.onPointerDown(event))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}var import_jsx_runtime11=__toESM(require_react_jsx_runtime_development(),1);var import_react41=__toESM(require_react_development(),1);var hasTakenAnySnapshot=!1;class MeasureLayoutWithContext extends import_react41.Component{componentDidMount(){let{visualElement,layoutGroup,switchLayoutGroup,layoutId}=this.props,{projection}=visualElement;if(projection){if(layoutGroup.group)layoutGroup.group.add(projection);if(switchLayoutGroup&&switchLayoutGroup.register&&layoutId)switchLayoutGroup.register(projection);if(hasTakenAnySnapshot)projection.root.didUpdate();projection.addEventListener("animationComplete",()=>{this.safeToRemove()}),projection.setOptions({...projection.options,layoutDependency:this.props.layoutDependency,onExitComplete:()=>this.safeToRemove()})}globalProjectionState.hasEverUpdated=!0}getSnapshotBeforeUpdate(prevProps){let{layoutDependency,visualElement,drag,isPresent}=this.props,{projection}=visualElement;if(!projection)return null;if(projection.isPresent=isPresent,prevProps.layoutDependency!==layoutDependency)projection.setOptions({...projection.options,layoutDependency});if(hasTakenAnySnapshot=!0,drag||prevProps.layoutDependency!==layoutDependency||layoutDependency===void 0||prevProps.isPresent!==isPresent)projection.willUpdate();else this.safeToRemove();if(prevProps.isPresent!==isPresent){if(isPresent)projection.promote();else if(!projection.relegate())frame2.postRender(()=>{let stack=projection.getStack();if(!stack||!stack.members.length)this.safeToRemove()})}return null}componentDidUpdate(){let{visualElement,layoutAnchor}=this.props,{projection}=visualElement;if(projection)projection.options.layoutAnchor=layoutAnchor,projection.root.didUpdate(),microtask.postRender(()=>{if(!projection.currentAnimation&&projection.isLead())this.safeToRemove()})}componentWillUnmount(){let{visualElement,layoutGroup,switchLayoutGroup:promoteContext}=this.props,{projection}=visualElement;if(hasTakenAnySnapshot=!0,projection){if(projection.scheduleCheckAfterUnmount(),layoutGroup&&layoutGroup.group)layoutGroup.group.remove(projection);if(promoteContext&&promoteContext.deregister)promoteContext.deregister(projection)}}safeToRemove(){let{safeToRemove}=this.props;safeToRemove&&safeToRemove()}render(){return null}}function MeasureLayout(props){let[isPresent,safeToRemove]=usePresence(),layoutGroup=import_react41.useContext(LayoutGroupContext);return import_jsx_runtime11.jsx(MeasureLayoutWithContext,{...props,layoutGroup,switchLayoutGroup:import_react41.useContext(SwitchLayoutGroupContext),isPresent,safeToRemove})}var drag={pan:{Feature:PanGesture},drag:{Feature:DragGesture,ProjectionNode:HTMLProjectionNode,MeasureLayout}};function handleHoverEvent(node,event,lifecycle){let{props}=node;if(node.animationState&&props.whileHover)node.animationState.setActive("whileHover",lifecycle==="Start");let eventName="onHover"+lifecycle,callback=props[eventName];if(callback)frame2.postRender(()=>callback(event,extractEventInfo(event)))}class HoverGesture extends Feature{mount(){let{current}=this.node;if(!current)return;this.unmount=hover(current,(_element,startEvent)=>(handleHoverEvent(this.node,startEvent,"Start"),(endEvent)=>handleHoverEvent(this.node,endEvent,"End")))}unmount(){}}class FocusGesture extends Feature{constructor(){super(...arguments);this.isActive=!1}onFocus(){let isFocusVisible=!1;try{isFocusVisible=this.node.current.matches(":focus-visible")}catch(e){isFocusVisible=!0}if(!isFocusVisible||!this.node.animationState)return;this.node.animationState.setActive("whileFocus",!0),this.isActive=!0}onBlur(){if(!this.isActive||!this.node.animationState)return;this.node.animationState.setActive("whileFocus",!1),this.isActive=!1}mount(){this.unmount=pipe3(addDomEvent3(this.node.current,"focus",()=>this.onFocus()),addDomEvent3(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function handlePressEvent(node,event,lifecycle){let{props}=node;if(node.current instanceof HTMLButtonElement&&node.current.disabled)return;if(node.animationState&&props.whileTap)node.animationState.setActive("whileTap",lifecycle==="Start");let eventName="onTap"+(lifecycle==="End"?"":lifecycle),callback=props[eventName];if(callback)frame2.postRender(()=>callback(event,extractEventInfo(event)))}class PressGesture extends Feature{mount(){let{current}=this.node;if(!current)return;let{globalTapTarget,propagate}=this.node.props;this.unmount=press(current,(_element,startEvent)=>(handlePressEvent(this.node,startEvent,"Start"),(endEvent,{success})=>handlePressEvent(this.node,endEvent,success?"End":"Cancel")),{useGlobalTarget:globalTapTarget,stopPropagation:propagate?.tap===!1})}unmount(){}}var observerCallbacks=new WeakMap,observers=new WeakMap,fireObserverCallback=(entry)=>{let callback=observerCallbacks.get(entry.target);callback&&callback(entry)},fireAllObserverCallbacks=(entries)=>{entries.forEach(fireObserverCallback)};function initIntersectionObserver({root,...options}){let lookupRoot=root||document;if(!observers.has(lookupRoot))observers.set(lookupRoot,{});let rootObservers=observers.get(lookupRoot),key=JSON.stringify(options);if(!rootObservers[key])rootObservers[key]=new IntersectionObserver(fireAllObserverCallbacks,{root,...options});return rootObservers[key]}function observeIntersection(element,options,callback){let rootInteresectionObserver=initIntersectionObserver(options);return observerCallbacks.set(element,callback),rootInteresectionObserver.observe(element),()=>{observerCallbacks.delete(element),rootInteresectionObserver.unobserve(element)}}var thresholdNames={some:0,all:1};class InViewFeature extends Feature{constructor(){super(...arguments);this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.stopObserver?.();let{viewport={}}=this.node.getProps(),{root,margin:rootMargin,amount="some",once}=viewport,options={root:root?root.current:void 0,rootMargin,threshold:typeof amount==="number"?amount:thresholdNames[amount]},onIntersectionUpdate=(entry)=>{let{isIntersecting}=entry;if(this.isInView===isIntersecting)return;if(this.isInView=isIntersecting,once&&!isIntersecting&&this.hasEnteredView)return;else if(isIntersecting)this.hasEnteredView=!0;if(this.node.animationState)this.node.animationState.setActive("whileInView",isIntersecting);let{onViewportEnter,onViewportLeave}=this.node.getProps(),callback=isIntersecting?onViewportEnter:onViewportLeave;callback&&callback(entry)};this.stopObserver=observeIntersection(this.node.current,options,onIntersectionUpdate)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;let{props,prevProps}=this.node;if(["amount","margin","root"].some(hasViewportOptionChanged(props,prevProps)))this.startObserver()}unmount(){this.stopObserver?.(),this.hasEnteredView=!1,this.isInView=!1}}function hasViewportOptionChanged({viewport={}},{viewport:prevViewport={}}={}){return(name)=>viewport[name]!==prevViewport[name]}var gestureAnimations={inView:{Feature:InViewFeature},tap:{Feature:PressGesture},focus:{Feature:FocusGesture},hover:{Feature:HoverGesture}};var layout2={layout:{ProjectionNode:HTMLProjectionNode,MeasureLayout}};var featureBundle={...animations,...gestureAnimations,...drag,...layout2};var motion=createMotionProxy(featureBundle,createDomVisualElement);var import_react50=__toESM(require_react_development(),1);var import_jsx_runtime12=__toESM(require_react_jsx_runtime_development(),1);var import_react43=__toESM(require_react_development(),1);var findById=(arr,id)=>arr.find((toast)=>toast.id===id);function findToast(toasts,id){let position=getToastPosition(toasts,id),index=position?toasts[position].findIndex((toast)=>toast.id===id):-1;return{position,index}}function getToastPosition(toasts,id){for(let[position,values]of Object.entries(toasts))if(findById(values,id))return position}function getToastStyle(position){let isRighty=position.includes("right"),isLefty=position.includes("left"),alignItems="center";if(isRighty)alignItems="flex-end";if(isLefty)alignItems="flex-start";return{display:"flex",flexDirection:"column",alignItems}}function getToastListStyle(position){let margin=position==="top"||position==="bottom"?"0 auto":void 0,top=position.includes("top")?"env(safe-area-inset-top, 0px)":void 0,bottom=position.includes("bottom")?"env(safe-area-inset-bottom, 0px)":void 0,right=!position.includes("left")?"env(safe-area-inset-right, 0px)":void 0,left=!position.includes("right")?"env(safe-area-inset-left, 0px)":void 0;return{position:"fixed",zIndex:"var(--toast-z-index, 5500)",pointerEvents:"none",display:"flex",flexDirection:"column",margin,top,bottom,right,left}}var import_react42=__toESM(require_react_development(),1);var allPropNames=new Set([...propNames,"textStyle","layerStyle","apply","noOfLines","focusBorderColor","errorBorderColor","as","__css","css","sx"]),validHTMLProps=new Set(["htmlWidth","htmlHeight","htmlSize","htmlTranslate"]);function shouldForwardProp(prop){return(validHTMLProps.has(prop)||!allPropNames.has(prop))&&prop[0]!=="_"}var emotion_styled=interopDefault($_default),toCSSObject=({baseStyle})=>(props)=>{let{theme,css:cssProp,__css,sx,...restProps}=props,[styleProps]=splitProps(restProps,isStyleProp),finalBaseStyle=runIfFn(baseStyle,props),finalStyles=assignAfter({},__css,finalBaseStyle,compact(styleProps),sx),computedCSS=css(finalStyles)(props.theme);return cssProp?[computedCSS,cssProp]:computedCSS};function styled(component,options){let{baseStyle,...styledOptions}=options??{};if(!styledOptions.shouldForwardProp)styledOptions.shouldForwardProp=shouldForwardProp;let styleObject=toCSSObject({baseStyle}),Component=emotion_styled(component,styledOptions)(styleObject);return import_react42.forwardRef(function(props,ref){let{children,...restProps}=props,{colorMode,forced}=useColorMode();return import_react42.createElement(Component,{ref,"data-theme":forced?colorMode:void 0,...restProps},children)})}function factory(){let cache=new Map;return new Proxy(styled,{apply(target,thisArg,argArray){return styled(...argArray)},get(_,element){if(!cache.has(element))cache.set(element,styled(element));return cache.get(element)}})}var chakra=factory();var toastMotionVariants={initial:(props)=>{let{position}=props,dir=["top","bottom"].includes(position)?"y":"x",factor=["top-right","bottom-right"].includes(position)?1:-1;if(position==="bottom")factor=1;return{opacity:0,[dir]:factor*24}},animate:{opacity:1,y:0,x:0,scale:1,transition:{duration:0.4,ease:[0.4,0,0.2,1]}},exit:{opacity:0,scale:0.85,transition:{duration:0.2,ease:[0.4,0,1,1]}}},ToastComponent=import_react43.memo((props)=>{let{id,message,onCloseComplete,onRequestRemove,requestClose=!1,position="bottom",duration=5000,containerStyle,motionVariants=toastMotionVariants,toastSpacing="0.5rem"}=props,[delay,setDelay]=import_react43.useState(duration),isPresent=useIsPresent();useUpdateEffect(()=>{if(!isPresent)onCloseComplete?.()},[isPresent]),useUpdateEffect(()=>{setDelay(duration)},[duration]);let onMouseEnter=()=>setDelay(null),onMouseLeave=()=>setDelay(duration),close=()=>{if(isPresent)onRequestRemove()};import_react43.useEffect(()=>{if(isPresent&&requestClose)onRequestRemove()},[isPresent,requestClose,onRequestRemove]),useTimeout(close,delay);let containerStyles=import_react43.useMemo(()=>({pointerEvents:"auto",maxWidth:560,minWidth:300,margin:toastSpacing,...containerStyle}),[containerStyle,toastSpacing]),toastStyle=import_react43.useMemo(()=>getToastStyle(position),[position]);return import_jsx_runtime12.jsx(motion.div,{layout:!0,className:"chakra-toast",variants:motionVariants,initial:"initial",animate:"animate",exit:"exit",onHoverStart:onMouseEnter,onHoverEnd:onMouseLeave,custom:{position},style:toastStyle,children:import_jsx_runtime12.jsx(chakra.div,{role:"status","aria-atomic":"true",className:"chakra-toast__inner",__css:containerStyles,children:runIfFn(message,{id,onClose:close})})})});ToastComponent.displayName="ToastComponent";var import_jsx_runtime21=__toESM(require_react_jsx_runtime_development(),1);var import_jsx_runtime16=__toESM(require_react_jsx_runtime_development(),1);var import_jsx_runtime14=__toESM(require_react_jsx_runtime_development(),1);var import_jsx_runtime13=__toESM(require_react_jsx_runtime_development(),1);var import_react44=__toESM(require_react_development(),1);function forwardRef3(component){return import_react44.forwardRef(component)}var import_react47=__toESM(require_react_development(),1),import_react_fast_compare=__toESM(require_react_fast_compare(),1);var import_react46=__toESM(require_react_development(),1);function useTheme(){let theme=import_react46.useContext(import_emotion_react_development_cjs.ThemeContext);if(!theme)throw Error("useTheme: `theme` is undefined. Seems you forgot to wrap your app in `<ChakraProvider />` or `<ThemeProvider />`");return theme}function useChakra(){let colorModeResult=useColorMode(),theme=useTheme();return{...colorModeResult,theme}}function getBreakpointValue(theme,value,fallback){if(value==null)return value;let getValue=(val)=>theme.__breakpoints?.asArray?.[val];return getValue(value)??getValue(fallback)??fallback}function getTokenValue(theme,value,fallback){if(value==null)return value;let getValue=(val)=>theme.__cssMap?.[val]?.value;return getValue(value)??getValue(fallback)??fallback}function useToken(scale,token,fallback){let theme=useTheme();return getToken(scale,token,fallback)(theme)}function getToken(scale,token,fallback){let _token=Array.isArray(token)?token:[token],_fallback=Array.isArray(fallback)?fallback:[fallback];return(theme)=>{let fallbackArr=_fallback.filter(Boolean),result=_token.map((token2,index)=>{if(scale==="breakpoints")return getBreakpointValue(theme,token2,fallbackArr[index]??token2);let path=`${scale}.${token2}`;return getTokenValue(theme,path,fallbackArr[index]??token2)});return Array.isArray(token)?result:result[0]}}function omitReactElements(props){return Object.fromEntries(Object.entries(props).filter(([key,value])=>value!==void 0&&key!=="children"&&!import_react47.isValidElement(value)))}function useStyleConfigImpl(themeKey,props={}){let{styleConfig:styleConfigProp,...rest}=props,{theme,colorMode}=useChakra(),themeStyleConfig=themeKey?memoizedGet(theme,`components.${themeKey}`):void 0,styleConfig=styleConfigProp||themeStyleConfig,mergedProps=import_lodash.default({theme,colorMode},styleConfig?.defaultProps??{},omitReactElements(rest),(obj,src)=>!obj?src:void 0),stylesRef=import_react47.useRef({});if(styleConfig){let styles=resolveStyleConfig(styleConfig)(mergedProps);if(!import_react_fast_compare.default(stylesRef.current,styles))stylesRef.current=styles}return stylesRef.current}function useStyleConfig(themeKey,props={}){return useStyleConfigImpl(themeKey,props)}function useMultiStyleConfig(themeKey,props={}){return useStyleConfigImpl(themeKey,props)}var fallbackIcon={path:import_jsx_runtime13.jsxs("g",{stroke:"currentColor",strokeWidth:"1.5",children:[import_jsx_runtime13.jsx("path",{strokeLinecap:"round",fill:"none",d:"M9,9a3,3,0,1,1,4,2.829,1.5,1.5,0,0,0-1,1.415V14.25"}),import_jsx_runtime13.jsx("path",{fill:"currentColor",strokeLinecap:"round",d:"M12,17.25a.375.375,0,1,0,.375.375A.375.375,0,0,0,12,17.25h0"}),import_jsx_runtime13.jsx("circle",{fill:"none",strokeMiterlimit:"10",cx:"12",cy:"12",r:"11.25"})]}),viewBox:"0 0 24 24"},Icon2=forwardRef3((props,ref)=>{let{as:element,viewBox,color="currentColor",focusable=!1,children,className,__css,...rest}=props,_className=cx("chakra-icon",className),customStyles=useStyleConfig("Icon",props),styles={w:"1em",h:"1em",display:"inline-block",lineHeight:"1em",flexShrink:0,color,...__css,...customStyles},shared={ref,focusable,className:_className,__css:styles},_viewBox=viewBox??fallbackIcon.viewBox;if(element&&typeof element!=="string")return import_jsx_runtime13.jsx(chakra.svg,{as:element,...shared,...rest});let _path=children??fallbackIcon.path;return import_jsx_runtime13.jsx(chakra.svg,{verticalAlign:"middle",viewBox:_viewBox,...shared,...rest,children:_path})});Icon2.displayName="Icon";function CheckIcon(props){return import_jsx_runtime14.jsx(Icon2,{viewBox:"0 0 24 24",...props,children:import_jsx_runtime14.jsx("path",{fill:"currentColor",d:"M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"})})}function InfoIcon(props){return import_jsx_runtime14.jsx(Icon2,{viewBox:"0 0 24 24",...props,children:import_jsx_runtime14.jsx("path",{fill:"currentColor",d:"M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm.25,5a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,12.25,5ZM14.5,18.5h-4a1,1,0,0,1,0-2h.75a.25.25,0,0,0,.25-.25v-4.5a.25.25,0,0,0-.25-.25H10.5a1,1,0,0,1,0-2h1a2,2,0,0,1,2,2v4.75a.25.25,0,0,0,.25.25h.75a1,1,0,1,1,0,2Z"})})}function WarningIcon(props){return import_jsx_runtime14.jsx(Icon2,{viewBox:"0 0 24 24",...props,children:import_jsx_runtime14.jsx("path",{fill:"currentColor",d:"M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"})})}var import_jsx_runtime15=__toESM(require_react_jsx_runtime_development(),1);var spin=import_emotion_react_development_cjs.keyframes({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Spinner=forwardRef3((props,ref)=>{let styles=useStyleConfig("Spinner",props),{label="Loading...",thickness="2px",speed="0.45s",emptyColor="transparent",className,...rest}=omitThemingProps(props),_className=cx("chakra-spinner",className),spinnerStyles={display:"inline-block",borderColor:"currentColor",borderStyle:"solid",borderRadius:"99999px",borderWidth:thickness,borderBottomColor:emptyColor,borderLeftColor:emptyColor,animation:`${spin} ${speed} linear infinite`,...styles};return import_jsx_runtime15.jsx(chakra.div,{ref,__css:spinnerStyles,className:_className,...rest,children:label&&import_jsx_runtime15.jsx(chakra.span,{srOnly:!0,children:label})})});Spinner.displayName="Spinner";var[AlertProvider,useAlertContext]=createContext({name:"AlertContext",hookName:"useAlertContext",providerName:"<Alert />"}),[AlertStylesProvider,useAlertStyles]=createContext({name:"AlertStylesContext",hookName:"useAlertStyles",providerName:"<Alert />"}),STATUSES={info:{icon:InfoIcon,colorScheme:"blue"},warning:{icon:WarningIcon,colorScheme:"orange"},success:{icon:CheckIcon,colorScheme:"green"},error:{icon:WarningIcon,colorScheme:"red"},loading:{icon:Spinner,colorScheme:"blue"}};function getStatusColorScheme(status){return STATUSES[status].colorScheme}function getStatusIcon(status){return STATUSES[status].icon}var Alert=forwardRef3(function(props,ref){let{status="info",addRole=!0,...rest}=omitThemingProps(props),colorScheme=props.colorScheme??getStatusColorScheme(status),styles=useMultiStyleConfig("Alert",{...props,colorScheme}),alertStyles=defineStyle({width:"100%",display:"flex",alignItems:"center",position:"relative",overflow:"hidden",...styles.container});return import_jsx_runtime16.jsx(AlertProvider,{value:{status},children:import_jsx_runtime16.jsx(AlertStylesProvider,{value:styles,children:import_jsx_runtime16.jsx(chakra.div,{"data-status":status,role:addRole?"alert":void 0,ref,...rest,className:cx("chakra-alert",props.className),__css:alertStyles})})})});Alert.displayName="Alert";var import_jsx_runtime17=__toESM(require_react_jsx_runtime_development(),1);function AlertIcon(props){let{status}=useAlertContext(),BaseIcon=getStatusIcon(status),styles=useAlertStyles(),css=status==="loading"?styles.spinner:styles.icon;return import_jsx_runtime17.jsx(chakra.span,{display:"inherit","data-status":status,...props,className:cx("chakra-alert__icon",props.className),__css:css,children:props.children||import_jsx_runtime17.jsx(BaseIcon,{h:"100%",w:"100%"})})}AlertIcon.displayName="AlertIcon";var import_jsx_runtime18=__toESM(require_react_jsx_runtime_development(),1);var AlertTitle=forwardRef3(function(props,ref){let styles=useAlertStyles(),{status}=useAlertContext();return import_jsx_runtime18.jsx(chakra.div,{ref,"data-status":status,...props,className:cx("chakra-alert__title",props.className),__css:styles.title})});AlertTitle.displayName="AlertTitle";var import_jsx_runtime19=__toESM(require_react_jsx_runtime_development(),1);var AlertDescription=forwardRef3(function(props,ref){let{status}=useAlertContext(),styles=useAlertStyles(),descriptionStyles=defineStyle({display:"inline",...styles.description});return import_jsx_runtime19.jsx(chakra.div,{ref,"data-status":status,...props,className:cx("chakra-alert__desc",props.className),__css:descriptionStyles})});AlertDescription.displayName="AlertDescription";var import_jsx_runtime20=__toESM(require_react_jsx_runtime_development(),1);function CloseIcon(props){return import_jsx_runtime20.jsx(Icon2,{focusable:"false","aria-hidden":!0,...props,children:import_jsx_runtime20.jsx("path",{fill:"currentColor",d:"M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"})})}var CloseButton=forwardRef3(function(props,ref){let styles=useStyleConfig("CloseButton",props),{children,isDisabled,__css,...rest}=omitThemingProps(props),baseStyle={outline:0,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0};return import_jsx_runtime20.jsx(chakra.button,{type:"button","aria-label":"Close",ref,disabled:isDisabled,__css:{...baseStyle,...styles,...__css},...rest,children:children||import_jsx_runtime20.jsx(CloseIcon,{width:"1em",height:"1em"})})});CloseButton.displayName="CloseButton";var Toast=(props)=>{let{status,variant="solid",id,title,isClosable,onClose,description,colorScheme,icon}=props,ids=id?{root:`toast-${id}`,title:`toast-${id}-title`,description:`toast-${id}-description`}:void 0;return import_jsx_runtime21.jsxs(Alert,{addRole:!1,status,variant,id:ids?.root,alignItems:"start",borderRadius:"md",boxShadow:"lg",paddingEnd:8,textAlign:"start",width:"auto",colorScheme,children:[import_jsx_runtime21.jsx(AlertIcon,{children:icon}),import_jsx_runtime21.jsxs(chakra.div,{flex:"1",maxWidth:"100%",children:[title&&import_jsx_runtime21.jsx(AlertTitle,{id:ids?.title,children:title}),description&&import_jsx_runtime21.jsx(AlertDescription,{id:ids?.description,display:"block",children:description})]}),isClosable&&import_jsx_runtime21.jsx(CloseButton,{size:"sm",onClick:onClose,position:"absolute",insetEnd:1,top:1})]})};function createRenderToast(options={}){let{render,toastComponent:ToastComponent=Toast}=options;return(props)=>{if(typeof render==="function")return render({...props,...options});return import_jsx_runtime21.jsx(ToastComponent,{...props,...options})}}var initialState={top:[],"top-left":[],"top-right":[],"bottom-left":[],bottom:[],"bottom-right":[]},toastStore=createStore(initialState);function createStore(initialState2){let state=initialState2,listeners=new Set,setState=(setStateFn)=>{state=setStateFn(state),listeners.forEach((l)=>l())};return{getState:()=>state,subscribe:(listener)=>(listeners.add(listener),()=>{setState(()=>initialState2),listeners.delete(listener)}),removeToast:(id,position)=>{setState((prevState)=>({...prevState,[position]:prevState[position].filter((toast)=>toast.id!=id)}))},notify:(message,options)=>{let toast=createToast(message,options),{position,id}=toast;return setState((prevToasts)=>{let toasts=position.includes("top")?[toast,...prevToasts[position]??[]]:[...prevToasts[position]??[],toast];return{...prevToasts,[position]:toasts}}),id},update:(id,options)=>{if(!id)return;setState((prevState)=>{let nextState={...prevState},{position,index}=findToast(nextState,id);if(position&&index!==-1)nextState[position][index]={...nextState[position][index],...options,message:createRenderToast(options)};return nextState})},closeAll:({positions}={})=>{setState((prev)=>(positions??["bottom","bottom-right","bottom-left","top","top-left","top-right"]).reduce((acc,position)=>(acc[position]=prev[position].map((toast)=>({...toast,requestClose:!0})),acc),{...prev}))},close:(id)=>{setState((prevState)=>{let position=getToastPosition(prevState,id);if(!position)return prevState;return{...prevState,[position]:prevState[position].map((toast)=>{if(toast.id==id)return{...toast,requestClose:!0};return toast})}})},isActive:(id)=>Boolean(findToast(toastStore.getState(),id).position)}}var counter=0;function createToast(message,options={}){counter+=1;let id=options.id??counter,position=options.position??"bottom";return{id,message,position,duration:options.duration,onCloseComplete:options.onCloseComplete,onRequestRemove:()=>toastStore.removeToast(String(id),position),status:options.status,requestClose:!1,containerStyle:options.containerStyle}}var import_jsx_runtime22=__toESM(require_react_jsx_runtime_development(),1);var import_react49=__toESM(require_react_development(),1),import_react_dom=__toESM(require_react_dom(),1);var[PortalContextProvider,usePortalContext]=createContext({strict:!1,name:"PortalContext"}),PORTAL_CLASSNAME="chakra-portal",PORTAL_SELECTOR=".chakra-portal",Container=(props)=>import_jsx_runtime22.jsx("div",{className:"chakra-portal-zIndex",style:{position:"absolute",zIndex:props.zIndex,top:0,left:0,right:0},children:props.children}),DefaultPortal=(props)=>{let{appendToParentPortal,children}=props,[tempNode,setTempNode]=import_react49.useState(null),portal=import_react49.useRef(null),[,forceUpdate]=import_react49.useState({});import_react49.useEffect(()=>forceUpdate({}),[]);let parentPortal=usePortalContext(),manager=usePortalManager();useSafeLayoutEffect(()=>{if(!tempNode)return;let doc=tempNode.ownerDocument,host=appendToParentPortal?parentPortal??doc.body:doc.body;if(!host)return;portal.current=doc.createElement("div"),portal.current.className=PORTAL_CLASSNAME,host.appendChild(portal.current),forceUpdate({});let portalNode=portal.current;return()=>{if(host.contains(portalNode))host.removeChild(portalNode)}},[tempNode]);let _children=manager?.zIndex?import_jsx_runtime22.jsx(Container,{zIndex:manager?.zIndex,children}):children;return portal.current?import_react_dom.createPortal(import_jsx_runtime22.jsx(PortalContextProvider,{value:portal.current,children:_children}),portal.current):import_jsx_runtime22.jsx("span",{ref:(el)=>{if(el)setTempNode(el)}})},ContainerPortal=(props)=>{let{children,containerRef,appendToParentPortal}=props,containerEl=containerRef.current,host=containerEl??(typeof window<"u"?document.body:void 0),portal=import_react49.useMemo(()=>{let node=containerEl?.ownerDocument.createElement("div");if(node)node.className=PORTAL_CLASSNAME;return node},[containerEl]),[,forceUpdate]=import_react49.useState({});if(useSafeLayoutEffect(()=>forceUpdate({}),[]),useSafeLayoutEffect(()=>{if(!portal||!host)return;return host.appendChild(portal),()=>{host.removeChild(portal)}},[portal,host]),host&&portal)return import_react_dom.createPortal(import_jsx_runtime22.jsx(PortalContextProvider,{value:appendToParentPortal?portal:null,children}),portal);return null};function Portal(props){let portalProps={appendToParentPortal:!0,...props},{containerRef,...rest}=portalProps;return containerRef?import_jsx_runtime22.jsx(ContainerPortal,{containerRef,...rest}):import_jsx_runtime22.jsx(DefaultPortal,{...rest})}Portal.className=PORTAL_CLASSNAME;Portal.selector=PORTAL_SELECTOR;Portal.displayName="Portal";var[ToastOptionProvider,useToastOptionContext]=createContext({name:"ToastOptionsContext",strict:!1}),ToastProvider=(props)=>{let state=import_react50.useSyncExternalStore(toastStore.subscribe,toastStore.getState,toastStore.getState),{motionVariants,component:Component=ToastComponent,portalProps,animatePresenceProps}=props,toastList=Object.keys(state).map((position)=>{let toasts=state[position];return import_jsx_runtime23.jsx("div",{role:"region","aria-live":"polite","aria-label":`Notifications-${position}`,"aria-hidden":!toasts.length,id:`chakra-toast-manager-${position}`,style:getToastListStyle(position),children:import_jsx_runtime23.jsx(AnimatePresence,{...animatePresenceProps,initial:!1,children:toasts.map((toast)=>import_jsx_runtime23.jsx(Component,{motionVariants,...toast},toast.id))})},position)});return import_jsx_runtime23.jsx(Portal,{...portalProps,children:toastList})};var createProvider=(providerTheme)=>function({children,theme=providerTheme,toastOptions,...restProps}){return import_jsx_runtime24.jsxs(Provider,{theme,...restProps,children:[import_jsx_runtime24.jsx(ToastOptionProvider,{value:toastOptions?.defaultOptions,children}),import_jsx_runtime24.jsx(ToastProvider,{...toastOptions})]})};var ChakraProvider=createProvider(theme);var import_jsx_runtime28=__toESM(require_react_jsx_runtime_development(),1);var import_react53=__toESM(require_react_development(),1);var[AvatarStylesProvider,useAvatarStyles]=createContext({name:"AvatarStylesContext",hookName:"useAvatarStyles",providerName:"<Avatar/>"});var import_jsx_runtime27=__toESM(require_react_jsx_runtime_development(),1),import_react52=__toESM(require_react_development(),1);var import_jsx_runtime25=__toESM(require_react_jsx_runtime_development(),1);function initials(name){let names=name.trim().split(" "),firstName=names[0]??"",lastName=names.length>1?names[names.length-1]:"";return firstName&&lastName?`${firstName.charAt(0)}${lastName.charAt(0)}`:firstName.charAt(0)}function AvatarName(props){let{name,getInitials,...rest}=props,styles=useAvatarStyles();return import_jsx_runtime25.jsx(chakra.div,{role:"img","aria-label":name,...rest,__css:styles.label,children:name?getInitials?.(name):null})}AvatarName.displayName="AvatarName";var import_jsx_runtime26=__toESM(require_react_jsx_runtime_development(),1);var GenericAvatarIcon=(props)=>import_jsx_runtime26.jsxs(chakra.svg,{viewBox:"0 0 128 128",color:"#fff",width:"100%",height:"100%",className:"chakra-avatar__svg",...props,children:[import_jsx_runtime26.jsx("path",{fill:"currentColor",d:"M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z"}),import_jsx_runtime26.jsx("path",{fill:"currentColor",d:"M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24"})]});var import_react51=__toESM(require_react_development(),1);function useImage(props){let{loading,src,srcSet,onLoad,onError,crossOrigin,sizes,ignoreFallback}=props,[status,setStatus]=import_react51.useState("pending");import_react51.useEffect(()=>{setStatus(src?"loading":"pending")},[src]);let imageRef=import_react51.useRef(null),load=import_react51.useCallback(()=>{if(!src)return;flush();let img=new Image;if(img.src=src,crossOrigin)img.crossOrigin=crossOrigin;if(srcSet)img.srcset=srcSet;if(sizes)img.sizes=sizes;if(loading)img.loading=loading;img.onload=(event)=>{flush(),setStatus("loaded"),onLoad?.(event)},img.onerror=(error)=>{flush(),setStatus("failed"),onError?.(error)},imageRef.current=img},[src,crossOrigin,srcSet,sizes,onLoad,onError,loading]),flush=()=>{if(imageRef.current)imageRef.current.onload=null,imageRef.current.onerror=null,imageRef.current=null};return useSafeLayoutEffect(()=>{if(ignoreFallback)return;if(status==="loading")load();return()=>{flush()}},[status,load,ignoreFallback]),ignoreFallback?"loaded":status}function AvatarImage(props){let{src,srcSet,onError,onLoad,getInitials,name,borderRadius,loading,iconLabel,icon=import_jsx_runtime27.jsx(GenericAvatarIcon,{}),ignoreFallback,referrerPolicy,crossOrigin}=props,hasLoaded=useImage({src,onError,crossOrigin,ignoreFallback})==="loaded";if(!src||!hasLoaded)return name?import_jsx_runtime27.jsx(AvatarName,{className:"chakra-avatar__initials",getInitials,name}):import_react52.cloneElement(icon,{role:"img","aria-label":iconLabel});return import_jsx_runtime27.jsx(chakra.img,{src,srcSet,alt:name??iconLabel,onLoad,referrerPolicy,crossOrigin:crossOrigin??void 0,className:"chakra-avatar__img",loading,__css:{width:"100%",height:"100%",objectFit:"cover",borderRadius}})}AvatarImage.displayName="AvatarImage";var baseStyle43=defineStyle({display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",textTransform:"uppercase",fontWeight:"medium",position:"relative",flexShrink:0}),Avatar=forwardRef3((props,ref)=>{let styles=useMultiStyleConfig("Avatar",props),[isLoaded,setIsLoaded]=import_react53.useState(!1),{src,srcSet,name,showBorder,borderRadius="full",onError,onLoad:onLoadProp,getInitials=initials,icon=import_jsx_runtime28.jsx(GenericAvatarIcon,{}),iconLabel=" avatar",loading,children,borderColor,ignoreFallback,crossOrigin,referrerPolicy,...rest}=omitThemingProps(props),avatarStyles={borderRadius,borderWidth:showBorder?"2px":void 0,...baseStyle43,...styles.container};if(borderColor)avatarStyles.borderColor=borderColor;return import_jsx_runtime28.jsx(chakra.span,{ref,...rest,className:cx("chakra-avatar",props.className),"data-loaded":dataAttr(isLoaded),__css:avatarStyles,children:import_jsx_runtime28.jsxs(AvatarStylesProvider,{value:styles,children:[import_jsx_runtime28.jsx(AvatarImage,{src,srcSet,loading,onLoad:callAllHandlers(onLoadProp,()=>{setIsLoaded(!0)}),onError,getInitials,name,borderRadius,icon,iconLabel,ignoreFallback,crossOrigin,referrerPolicy}),children]})})});Avatar.displayName="Avatar";var import_jsx_runtime29=__toESM(require_react_jsx_runtime_development(),1);var Badge=forwardRef3(function(props,ref){let styles=useStyleConfig("Badge",props),{className,...rest}=omitThemingProps(props);return import_jsx_runtime29.jsx(chakra.span,{ref,className:cx("chakra-badge",props.className),...rest,__css:{display:"inline-block",whiteSpace:"nowrap",verticalAlign:"middle",...styles}})});Badge.displayName="Badge";var Box=chakra("div");Box.displayName="Box";var import_jsx_runtime30=__toESM(require_react_jsx_runtime_development(),1);var import_react54=__toESM(require_react_development(),1);var[BreadcrumbStylesProvider,useBreadcrumbStyles]=createContext({name:"BreadcrumbStylesContext",errorMessage:`useBreadcrumbStyles returned is 'undefined'. Seems you forgot to wrap the components in "<Breadcrumb />" `});var Breadcrumb=forwardRef3(function(props,ref){let styles=useMultiStyleConfig("Breadcrumb",props),ownProps=omitThemingProps(props),{children,spacing="0.5rem",separator="/",className,listProps,...rest}=ownProps,validChildren=getValidChildren(children),count=validChildren.length,clones=validChildren.map((child,index)=>import_react54.cloneElement(child,{separator,spacing,isLastChild:count===index+1})),_className=cx("chakra-breadcrumb",className);return import_jsx_runtime30.jsx(chakra.nav,{ref,"aria-label":"breadcrumb",className:_className,__css:styles.container,...rest,children:import_jsx_runtime30.jsx(BreadcrumbStylesProvider,{value:styles,children:import_jsx_runtime30.jsx(chakra.ol,{className:"chakra-breadcrumb__list",...listProps,__css:{display:"flex",alignItems:"center",...styles.list},children:clones})})})});Breadcrumb.displayName="Breadcrumb";var import_jsx_runtime33=__toESM(require_react_jsx_runtime_development(),1);var import_react55=__toESM(require_react_development(),1);var import_jsx_runtime31=__toESM(require_react_jsx_runtime_development(),1);var BreadcrumbLink=forwardRef3(function(props,ref){let{isCurrentPage,as,className,href,...rest}=props,styles=useBreadcrumbStyles(),sharedProps={ref,as,className:cx("chakra-breadcrumb__link",className),...rest};if(isCurrentPage)return import_jsx_runtime31.jsx(chakra.span,{"aria-current":"page",__css:styles.link,...sharedProps});return import_jsx_runtime31.jsx(chakra.a,{__css:styles.link,href,...sharedProps})});BreadcrumbLink.displayName="BreadcrumbLink";var import_jsx_runtime32=__toESM(require_react_jsx_runtime_development(),1);var BreadcrumbSeparator=forwardRef3(function(props,ref){let{spacing,...rest}=props,styles=useBreadcrumbStyles(),separatorStyles=defineStyle({mx:spacing,...styles.separator});return import_jsx_runtime32.jsx(chakra.span,{ref,role:"presentation",...rest,__css:separatorStyles})});BreadcrumbSeparator.displayName="BreadcrumbSeparator";var BreadcrumbItem=forwardRef3(function(props,ref){let{isCurrentPage,separator,isLastChild,spacing,children,className,...rest}=props,clones=getValidChildren(children).map((child)=>{if(child.type===BreadcrumbLink)return import_react55.cloneElement(child,{isCurrentPage});if(child.type===BreadcrumbSeparator)return import_react55.cloneElement(child,{spacing,children:child.props.children||separator});return child}),styles=useBreadcrumbStyles(),itemStyles=defineStyle({display:"inline-flex",alignItems:"center",...styles.item}),_className=cx("chakra-breadcrumb__list-item",className);return import_jsx_runtime33.jsxs(chakra.li,{ref,className:_className,...rest,__css:itemStyles,children:[clones,!isLastChild&&import_jsx_runtime33.jsx(BreadcrumbSeparator,{spacing,children:separator})]})});BreadcrumbItem.displayName="BreadcrumbItem";var import_jsx_runtime36=__toESM(require_react_jsx_runtime_development(),1);var import_react59=__toESM(require_react_development(),1);var[ButtonGroupProvider,useButtonGroup]=createContext({strict:!1,name:"ButtonGroupContext"});var import_jsx_runtime34=__toESM(require_react_jsx_runtime_development(),1);var import_react56=__toESM(require_react_development(),1);function ButtonIcon(props){let{children,className,...rest}=props,_children=import_react56.isValidElement(children)?import_react56.cloneElement(children,{"aria-hidden":!0,focusable:!1}):children,_className=cx("chakra-button__icon",className);return import_jsx_runtime34.jsx(chakra.span,{display:"inline-flex",alignSelf:"center",flexShrink:0,...rest,className:_className,children:_children})}ButtonIcon.displayName="ButtonIcon";var import_jsx_runtime35=__toESM(require_react_jsx_runtime_development(),1);var import_react57=__toESM(require_react_development(),1);function ButtonSpinner(props){let{label,placement,spacing="0.5rem",children=import_jsx_runtime35.jsx(Spinner,{color:"currentColor",width:"1em",height:"1em"}),className,__css,...rest}=props,_className=cx("chakra-button__spinner",className),marginProp=placement==="start"?"marginEnd":"marginStart",spinnerStyles=import_react57.useMemo(()=>defineStyle({display:"flex",alignItems:"center",position:label?"relative":"absolute",[marginProp]:label?spacing:0,fontSize:"1em",lineHeight:"normal",...__css}),[__css,label,marginProp,spacing]);return import_jsx_runtime35.jsx(chakra.div,{className:_className,...rest,__css:spinnerStyles,children})}ButtonSpinner.displayName="ButtonSpinner";var import_react58=__toESM(require_react_development(),1);function useButtonType(value){let[isButton,setIsButton]=import_react58.useState(!value);return{ref:import_react58.useCallback((node)=>{if(!node)return;setIsButton(node.tagName==="BUTTON")},[]),type:isButton?"button":void 0}}var Button=forwardRef3((props,ref)=>{let group=useButtonGroup(),styles=useStyleConfig("Button",{...group,...props}),{isDisabled=group?.isDisabled,isLoading,isActive,children,leftIcon,rightIcon,loadingText,iconSpacing="0.5rem",type,spinner,spinnerPlacement="start",className,as,shouldWrapChildren,...rest}=omitThemingProps(props),buttonStyles=import_react59.useMemo(()=>{let _focus={...styles?._focus,zIndex:1};return{display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",userSelect:"none",position:"relative",whiteSpace:"nowrap",verticalAlign:"middle",outline:"none",...styles,...!!group&&{_focus}}},[styles,group]),{ref:_ref,type:defaultType}=useButtonType(as),contentProps={rightIcon,leftIcon,iconSpacing,children,shouldWrapChildren};return import_jsx_runtime36.jsxs(chakra.button,{disabled:isDisabled||isLoading,ref:useMergeRefs(ref,_ref),as,type:type??defaultType,"data-active":dataAttr(isActive),"data-loading":dataAttr(isLoading),__css:buttonStyles,className:cx("chakra-button",className),...rest,children:[isLoading&&spinnerPlacement==="start"&&import_jsx_runtime36.jsx(ButtonSpinner,{className:"chakra-button__spinner--start",label:loadingText,placement:"start",spacing:iconSpacing,children:spinner}),isLoading?loadingText||import_jsx_runtime36.jsx(chakra.span,{opacity:0,children:import_jsx_runtime36.jsx(ButtonContent,{...contentProps})}):import_jsx_runtime36.jsx(ButtonContent,{...contentProps}),isLoading&&spinnerPlacement==="end"&&import_jsx_runtime36.jsx(ButtonSpinner,{className:"chakra-button__spinner--end",label:loadingText,placement:"end",spacing:iconSpacing,children:spinner})]})});Button.displayName="Button";function ButtonContent(props){let{leftIcon,rightIcon,children,iconSpacing,shouldWrapChildren}=props;if(!shouldWrapChildren)return import_jsx_runtime36.jsxs(import_jsx_runtime36.Fragment,{children:[leftIcon&&import_jsx_runtime36.jsx(ButtonIcon,{marginEnd:iconSpacing,children:leftIcon}),children,rightIcon&&import_jsx_runtime36.jsx(ButtonIcon,{marginStart:iconSpacing,children:rightIcon})]});return import_jsx_runtime36.jsxs("span",{style:{display:"contents"},children:[leftIcon&&import_jsx_runtime36.jsx(ButtonIcon,{marginEnd:iconSpacing,children:leftIcon}),children,rightIcon&&import_jsx_runtime36.jsx(ButtonIcon,{marginStart:iconSpacing,children:rightIcon})]})}var import_jsx_runtime37=__toESM(require_react_jsx_runtime_development(),1),import_react60=__toESM(require_react_development(),1);var IconButton=forwardRef3((props,ref)=>{let{icon,children,isRound,"aria-label":ariaLabel,...rest}=props,element=icon||children,_children=import_react60.isValidElement(element)?import_react60.cloneElement(element,{"aria-hidden":!0,focusable:!1}):null;return import_jsx_runtime37.jsx(Button,{px:"0",py:"0",borderRadius:isRound?"full":void 0,ref,"aria-label":ariaLabel,...rest,children:_children})});IconButton.displayName="IconButton";var import_jsx_runtime38=__toESM(require_react_jsx_runtime_development(),1);var[CardStylesProvider,useCardStyles]=createStylesContext("Card");var Card=forwardRef3(function(props,ref){let{className,children,direction="column",justify,align,...rest}=omitThemingProps(props),styles=useMultiStyleConfig("Card",props);return import_jsx_runtime38.jsx(chakra.div,{ref,className:cx("chakra-card",className),__css:{display:"flex",flexDirection:direction,justifyContent:justify,alignItems:align,position:"relative",minWidth:0,wordWrap:"break-word",...styles.container},...rest,children:import_jsx_runtime38.jsx(CardStylesProvider,{value:styles,children})})});var import_jsx_runtime39=__toESM(require_react_jsx_runtime_development(),1);var CardBody=forwardRef3(function(props,ref){let{className,...rest}=props,styles=useCardStyles();return import_jsx_runtime39.jsx(chakra.div,{ref,className:cx("chakra-card__body",className),__css:styles.body,...rest})});var import_jsx_runtime40=__toESM(require_react_jsx_runtime_development(),1);var CardFooter=forwardRef3(function(props,ref){let{className,justify,...rest}=props,styles=useCardStyles();return import_jsx_runtime40.jsx(chakra.div,{ref,className:cx("chakra-card__footer",className),__css:{display:"flex",justifyContent:justify,...styles.footer},...rest})});var import_jsx_runtime41=__toESM(require_react_jsx_runtime_development(),1);var CardHeader=forwardRef3(function(props,ref){let{className,...rest}=props,styles=useCardStyles();return import_jsx_runtime41.jsx(chakra.div,{ref,className:cx("chakra-card__header",className),__css:styles.header,...rest})});var import_jsx_runtime44=__toESM(require_react_jsx_runtime_development(),1);var import_react65=__toESM(require_react_development(),1);var[CheckboxGroupProvider,useCheckboxGroupContext]=createContext({name:"CheckboxGroupContext",strict:!1});var import_jsx_runtime42=__toESM(require_react_jsx_runtime_development(),1);function CheckIcon2(props){return import_jsx_runtime42.jsx(chakra.svg,{width:"1.2em",viewBox:"0 0 12 10",style:{fill:"none",strokeWidth:2,stroke:"currentColor",strokeDasharray:16},...props,children:import_jsx_runtime42.jsx("polyline",{points:"1.5 6 4.5 9 10.5 1"})})}function IndeterminateIcon(props){return import_jsx_runtime42.jsx(chakra.svg,{width:"1.2em",viewBox:"0 0 24 24",style:{stroke:"currentColor",strokeWidth:4},...props,children:import_jsx_runtime42.jsx("line",{x1:"21",x2:"3",y1:"12",y2:"12"})})}function CheckboxIcon(props){let{isIndeterminate,isChecked,...rest}=props,BaseIcon=isIndeterminate?IndeterminateIcon:CheckIcon2;return isChecked||isIndeterminate?import_jsx_runtime42.jsx(chakra.div,{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"},children:import_jsx_runtime42.jsx(BaseIcon,{...rest})}):null}var isDom=()=>typeof document<"u";var hasSetup=!1,modality=null,hasEventBeforeFocus=!1,hasBlurredWindowRecently=!1,handlers=new Set;function trigger(modality2,event){handlers.forEach((handler)=>handler(modality2,event))}var isMac=typeof window<"u"&&window.navigator!=null?/^Mac/.test(window.navigator.platform):!1;function isValidKey(e){return!(e.metaKey||!isMac&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function onKeyboardEvent(event){if(hasEventBeforeFocus=!0,isValidKey(event))modality="keyboard",trigger("keyboard",event)}function onPointerEvent(event){if(modality="pointer",event.type==="mousedown"||event.type==="pointerdown"){hasEventBeforeFocus=!0;let target=event.composedPath?event.composedPath()[0]:event.target,matches=!1;try{matches=target.matches(":focus-visible")}catch{}if(matches)return;trigger("pointer",event)}}function isVirtualClick(event){if(event.mozInputSource===0&&event.isTrusted)return!0;return event.detail===0&&!event.pointerType}function onClickEvent(e){if(isVirtualClick(e))hasEventBeforeFocus=!0,modality="virtual"}function onWindowFocus(event){if(event.target===window||event.target===document)return;if(event.target instanceof Element&&event.target.hasAttribute("tabindex"))return;if(!hasEventBeforeFocus&&!hasBlurredWindowRecently)modality="virtual",trigger("virtual",event);hasEventBeforeFocus=!1,hasBlurredWindowRecently=!1}function onWindowBlur(){hasEventBeforeFocus=!1,hasBlurredWindowRecently=!0}function isFocusVisible(){return modality!=="pointer"}function setupGlobalFocusEvents(){if(!isDom()||hasSetup)return;let{focus}=HTMLElement.prototype;if(HTMLElement.prototype.focus=function(...args){hasEventBeforeFocus=!0,focus.apply(this,args)},document.addEventListener("keydown",onKeyboardEvent,!0),document.addEventListener("keyup",onKeyboardEvent,!0),document.addEventListener("click",onClickEvent,!0),window.addEventListener("focus",onWindowFocus,!0),window.addEventListener("blur",onWindowBlur,!1),typeof PointerEvent<"u")document.addEventListener("pointerdown",onPointerEvent,!0),document.addEventListener("pointermove",onPointerEvent,!0),document.addEventListener("pointerup",onPointerEvent,!0);else document.addEventListener("mousedown",onPointerEvent,!0),document.addEventListener("mousemove",onPointerEvent,!0),document.addEventListener("mouseup",onPointerEvent,!0);hasSetup=!0}function trackFocusVisible(fn){setupGlobalFocusEvents(),fn(isFocusVisible());let handler=()=>fn(isFocusVisible());return handlers.add(handler),()=>{handlers.delete(handler)}}var import_react62=__toESM(require_react_development(),1);var import_jsx_runtime43=__toESM(require_react_jsx_runtime_development(),1);var import_react61=__toESM(require_react_development(),1);var[FormControlStylesProvider,useFormControlStyles]=createContext({name:"FormControlStylesContext",errorMessage:`useFormControlStyles returned is 'undefined'. Seems you forgot to wrap the components in "<FormControl />" `}),[FormControlProvider,useFormControlContext]=createContext({strict:!1,name:"FormControlContext"});function useFormControlProvider(props){let{id:idProp,isRequired,isInvalid,isDisabled,isReadOnly,...htmlProps}=props,uuid=import_react61.useId(),id=idProp||`field-${uuid}`,labelId=`${id}-label`,feedbackId=`${id}-feedback`,helpTextId=`${id}-helptext`,[hasFeedbackText,setHasFeedbackText]=import_react61.useState(!1),[hasHelpText,setHasHelpText]=import_react61.useState(!1),[isFocused,setFocus]=import_react61.useState(!1),getHelpTextProps=import_react61.useCallback((props2={},forwardedRef=null)=>({id:helpTextId,...props2,ref:mergeRefs(forwardedRef,(node)=>{if(!node)return;setHasHelpText(!0)})}),[helpTextId]),getLabelProps=import_react61.useCallback((props2={},forwardedRef=null)=>({...props2,ref:forwardedRef,"data-focus":dataAttr(isFocused),"data-disabled":dataAttr(isDisabled),"data-invalid":dataAttr(isInvalid),"data-readonly":dataAttr(isReadOnly),id:props2.id!==void 0?props2.id:labelId,htmlFor:props2.htmlFor!==void 0?props2.htmlFor:id}),[id,isDisabled,isFocused,isInvalid,isReadOnly,labelId]),getErrorMessageProps=import_react61.useCallback((props2={},forwardedRef=null)=>({id:feedbackId,...props2,ref:mergeRefs(forwardedRef,(node)=>{if(!node)return;setHasFeedbackText(!0)}),"aria-live":"polite"}),[feedbackId]),getRootProps=import_react61.useCallback((props2={},forwardedRef=null)=>({...props2,...htmlProps,ref:forwardedRef,role:"group","data-focus":dataAttr(isFocused),"data-disabled":dataAttr(isDisabled),"data-invalid":dataAttr(isInvalid),"data-readonly":dataAttr(isReadOnly)}),[htmlProps,isDisabled,isFocused,isInvalid,isReadOnly]),getRequiredIndicatorProps=import_react61.useCallback((props2={},forwardedRef=null)=>({...props2,ref:forwardedRef,role:"presentation","aria-hidden":!0,children:props2.children||"*"}),[]);return{isRequired:!!isRequired,isInvalid:!!isInvalid,isReadOnly:!!isReadOnly,isDisabled:!!isDisabled,isFocused:!!isFocused,onFocus:()=>setFocus(!0),onBlur:()=>setFocus(!1),hasFeedbackText,setHasFeedbackText,hasHelpText,setHasHelpText,id,labelId,feedbackId,helpTextId,htmlProps,getHelpTextProps,getErrorMessageProps,getRootProps,getLabelProps,getRequiredIndicatorProps}}var FormControl=forwardRef3(function(props,ref){let styles=useMultiStyleConfig("Form",props),ownProps=omitThemingProps(props),{getRootProps,htmlProps:_,...context}=useFormControlProvider(ownProps),className=cx("chakra-form-control",props.className);return import_jsx_runtime43.jsx(FormControlProvider,{value:context,children:import_jsx_runtime43.jsx(FormControlStylesProvider,{value:styles,children:import_jsx_runtime43.jsx(chakra.div,{...getRootProps({},ref),className,__css:styles.container})})})});FormControl.displayName="FormControl";var FormHelperText=forwardRef3(function(props,ref){let field=useFormControlContext(),styles=useFormControlStyles(),className=cx("chakra-form__helper-text",props.className);return import_jsx_runtime43.jsx(chakra.div,{...field?.getHelpTextProps(props,ref),__css:styles.helperText,className})});FormHelperText.displayName="FormHelperText";function useFormControl(props){let{isDisabled,isInvalid,isReadOnly,isRequired,...rest}=useFormControlProps(props);return{...rest,disabled:isDisabled,readOnly:isReadOnly,required:isRequired,"aria-invalid":ariaAttr(isInvalid),"aria-required":ariaAttr(isRequired),"aria-readonly":ariaAttr(isReadOnly)}}function useFormControlProps(props){let field=useFormControlContext(),{id,disabled,readOnly,required,isRequired,isInvalid,isReadOnly,isDisabled,onFocus,onBlur,...rest}=props,labelIds=props["aria-describedby"]?[props["aria-describedby"]]:[];if(field?.hasFeedbackText&&field?.isInvalid)labelIds.push(field.feedbackId);if(field?.hasHelpText)labelIds.push(field.helpTextId);return{...rest,"aria-describedby":labelIds.join(" ")||void 0,id:id??field?.id,isDisabled:disabled??isDisabled??field?.isDisabled,isReadOnly:readOnly??isReadOnly??field?.isReadOnly,isRequired:required??isRequired??field?.isRequired,isInvalid:isInvalid??field?.isInvalid,onFocus:callAllHandlers(field?.onFocus,onFocus),onBlur:callAllHandlers(field?.onBlur,onBlur)}}var visuallyHiddenStyle={border:"0",clip:"rect(0, 0, 0, 0)",height:"1px",width:"1px",margin:"-1px",padding:"0",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"};function useCheckbox(props={}){let formControlProps=useFormControlProps(props),{isDisabled,isReadOnly,isRequired,isInvalid,id,onBlur,onFocus,"aria-describedby":ariaDescribedBy}=formControlProps,{defaultChecked,isChecked:checkedProp,isFocusable,onChange,isIndeterminate,name,value,tabIndex=void 0,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,"aria-invalid":ariaInvalid,...rest}=props,htmlProps=omit(rest,["isDisabled","isReadOnly","isRequired","isInvalid","id","onBlur","onFocus","aria-describedby"]),onChangeProp=useCallbackRef(onChange),onBlurProp=useCallbackRef(onBlur),onFocusProp=useCallbackRef(onFocus),[isFocused,setFocused]=import_react62.useState(!1),[isHovered,setHovered]=import_react62.useState(!1),[isActive,setActive]=import_react62.useState(!1),isFocusVisibleRef=import_react62.useRef(!1);import_react62.useEffect(()=>trackFocusVisible((state2)=>{isFocusVisibleRef.current=state2}),[]);let inputRef=import_react62.useRef(null),[rootIsLabelElement,setRootIsLabelElement]=import_react62.useState(!0),[checkedState,setCheckedState]=import_react62.useState(!!defaultChecked),isControlled=checkedProp!==void 0,isChecked=isControlled?checkedProp:checkedState,handleChange=import_react62.useCallback((event)=>{if(isReadOnly||isDisabled){event.preventDefault();return}if(!isControlled)if(isChecked)setCheckedState(event.currentTarget.checked);else setCheckedState(isIndeterminate?!0:event.currentTarget.checked);onChangeProp?.(event)},[isReadOnly,isDisabled,isChecked,isControlled,isIndeterminate,onChangeProp]);useSafeLayoutEffect(()=>{if(inputRef.current)inputRef.current.indeterminate=Boolean(isIndeterminate)},[isIndeterminate]),useUpdateEffect(()=>{if(isDisabled)setFocused(!1)},[isDisabled,setFocused]),useSafeLayoutEffect(()=>{let el=inputRef.current;if(!el?.form)return;let formResetListener=()=>{setCheckedState(!!defaultChecked)};return el.form.addEventListener("reset",formResetListener),()=>el.form?.removeEventListener("reset",formResetListener)},[]);let trulyDisabled=isDisabled&&!isFocusable,onKeyDown=import_react62.useCallback((event)=>{if(event.key===" ")setActive(!0)},[setActive]),onKeyUp=import_react62.useCallback((event)=>{if(event.key===" ")setActive(!1)},[setActive]);useSafeLayoutEffect(()=>{if(!inputRef.current)return;if(inputRef.current.checked!==isChecked)setCheckedState(inputRef.current.checked)},[inputRef.current]);let getCheckboxProps=import_react62.useCallback((props2={},forwardedRef=null)=>{let onPressDown=(event)=>{if(isFocused)event.preventDefault();setActive(!0)};return{...props2,ref:forwardedRef,"data-active":dataAttr(isActive),"data-hover":dataAttr(isHovered),"data-checked":dataAttr(isChecked),"data-focus":dataAttr(isFocused),"data-focus-visible":dataAttr(isFocused&&isFocusVisibleRef.current),"data-indeterminate":dataAttr(isIndeterminate),"data-disabled":dataAttr(isDisabled),"data-invalid":dataAttr(isInvalid),"data-readonly":dataAttr(isReadOnly),"aria-hidden":!0,onMouseDown:callAllHandlers(props2.onMouseDown,onPressDown),onMouseUp:callAllHandlers(props2.onMouseUp,()=>setActive(!1)),onMouseEnter:callAllHandlers(props2.onMouseEnter,()=>setHovered(!0)),onMouseLeave:callAllHandlers(props2.onMouseLeave,()=>setHovered(!1))}},[isActive,isChecked,isDisabled,isFocused,isHovered,isIndeterminate,isInvalid,isReadOnly]),getIndicatorProps=import_react62.useCallback((props2={},forwardedRef=null)=>({...props2,ref:forwardedRef,"data-active":dataAttr(isActive),"data-hover":dataAttr(isHovered),"data-checked":dataAttr(isChecked),"data-focus":dataAttr(isFocused),"data-focus-visible":dataAttr(isFocused&&isFocusVisibleRef.current),"data-indeterminate":dataAttr(isIndeterminate),"data-disabled":dataAttr(isDisabled),"data-invalid":dataAttr(isInvalid),"data-readonly":dataAttr(isReadOnly)}),[isActive,isChecked,isDisabled,isFocused,isHovered,isIndeterminate,isInvalid,isReadOnly]),getRootProps=import_react62.useCallback((props2={},forwardedRef=null)=>({...htmlProps,...props2,ref:mergeRefs(forwardedRef,(node)=>{if(!node)return;setRootIsLabelElement(node.tagName==="LABEL")}),onClick:callAllHandlers(props2.onClick,()=>{if(!rootIsLabelElement)inputRef.current?.click(),requestAnimationFrame(()=>{inputRef.current?.focus({preventScroll:!0})})}),"data-disabled":dataAttr(isDisabled),"data-checked":dataAttr(isChecked),"data-invalid":dataAttr(isInvalid)}),[htmlProps,isDisabled,isChecked,isInvalid,rootIsLabelElement]),getInputProps=import_react62.useCallback((props2={},forwardedRef=null)=>({...props2,ref:mergeRefs(inputRef,forwardedRef),type:"checkbox",name,value,id,tabIndex,onChange:callAllHandlers(props2.onChange,handleChange),onBlur:callAllHandlers(props2.onBlur,onBlurProp,()=>setFocused(!1)),onFocus:callAllHandlers(props2.onFocus,onFocusProp,()=>setFocused(!0)),onKeyDown:callAllHandlers(props2.onKeyDown,onKeyDown),onKeyUp:callAllHandlers(props2.onKeyUp,onKeyUp),required:isRequired,checked:isChecked,disabled:trulyDisabled,readOnly:isReadOnly,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,"aria-invalid":ariaInvalid?Boolean(ariaInvalid):isInvalid,"aria-describedby":ariaDescribedBy,"aria-disabled":isDisabled,"aria-checked":isIndeterminate?"mixed":isChecked,style:visuallyHiddenStyle}),[name,value,id,tabIndex,handleChange,onBlurProp,onFocusProp,onKeyDown,onKeyUp,isRequired,isChecked,trulyDisabled,isReadOnly,ariaLabel,ariaLabelledBy,ariaInvalid,isInvalid,ariaDescribedBy,isDisabled,isIndeterminate]),getLabelProps=import_react62.useCallback((props2={},forwardedRef=null)=>({...props2,ref:forwardedRef,onMouseDown:callAllHandlers(props2.onMouseDown,stopEvent),"data-disabled":dataAttr(isDisabled),"data-checked":dataAttr(isChecked),"data-invalid":dataAttr(isInvalid)}),[isChecked,isDisabled,isInvalid]);return{state:{isInvalid,isFocused,isChecked,isActive,isHovered,isIndeterminate,isDisabled,isReadOnly,isRequired},getRootProps,getCheckboxProps,getIndicatorProps,getInputProps,getLabelProps,htmlProps}}function stopEvent(event){event.preventDefault(),event.stopPropagation()}var import_react63=__toESM(require_react_development(),1);function useInitialAnimationState(isChecked){let[previousIsChecked,setPreviousIsChecked]=import_react63.useState(isChecked),[shouldAnimate,setShouldAnimate]=import_react63.useState(!1);if(isChecked!==previousIsChecked)setShouldAnimate(!0),setPreviousIsChecked(isChecked);return shouldAnimate}var controlStyles={display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"top",userSelect:"none",flexShrink:0},rootStyles={cursor:"pointer",display:"inline-flex",alignItems:"center",verticalAlign:"top",position:"relative"},checkAnim=import_emotion_react_development_cjs.keyframes({from:{opacity:0,strokeDashoffset:16,transform:"scale(0.95)"},to:{opacity:1,strokeDashoffset:0,transform:"scale(1)"}}),indeterminateOpacityAnim=import_emotion_react_development_cjs.keyframes({from:{opacity:0},to:{opacity:1}}),indeterminateScaleAnim=import_emotion_react_development_cjs.keyframes({from:{transform:"scaleX(0.65)"},to:{transform:"scaleX(1)"}}),Checkbox=forwardRef3(function(props,ref){let group=useCheckboxGroupContext(),mergedProps={...group,...props},styles=useMultiStyleConfig("Checkbox",mergedProps),ownProps=omitThemingProps(props),{spacing="0.5rem",className,children,iconColor,iconSize,icon=import_jsx_runtime44.jsx(CheckboxIcon,{}),isChecked:isCheckedProp,isDisabled=group?.isDisabled,onChange:onChangeProp,inputProps,...rest}=ownProps,isChecked=isCheckedProp;if(group?.value&&ownProps.value)isChecked=group.value.includes(ownProps.value);let onChange=onChangeProp;if(group?.onChange&&ownProps.value)onChange=callAll(group.onChange,onChangeProp);let{state,getInputProps,getCheckboxProps,getLabelProps,getRootProps}=useCheckbox({...rest,isDisabled,isChecked,onChange}),shouldAnimate=useInitialAnimationState(state.isChecked),iconStyles=import_react65.useMemo(()=>({animation:!shouldAnimate?void 0:state.isIndeterminate?`${indeterminateOpacityAnim} 20ms linear, ${indeterminateScaleAnim} 200ms linear`:`${checkAnim} 200ms linear`,...styles.icon,...compact({fontSize:iconSize,color:iconColor})}),[iconColor,iconSize,shouldAnimate,state.isIndeterminate,styles.icon]),clonedIcon=import_react65.cloneElement(icon,{__css:iconStyles,isIndeterminate:state.isIndeterminate,isChecked:state.isChecked});return import_jsx_runtime44.jsxs(chakra.label,{__css:{...rootStyles,...styles.container},className:cx("chakra-checkbox",className),...getRootProps(),children:[import_jsx_runtime44.jsx("input",{className:"chakra-checkbox__input",...getInputProps(inputProps,ref)}),import_jsx_runtime44.jsx(chakra.span,{__css:{...controlStyles,...styles.control},className:"chakra-checkbox__control",...getCheckboxProps(),children:clonedIcon}),children&&import_jsx_runtime44.jsx(chakra.span,{className:"chakra-checkbox__label",...getLabelProps(),__css:{marginStart:spacing,...styles.label},children})]})});Checkbox.displayName="Checkbox";var import_jsx_runtime45=__toESM(require_react_jsx_runtime_development(),1);var Container2=forwardRef3(function(props,ref){let{className,centerContent,...rest}=omitThemingProps(props),styles=useStyleConfig("Container",props);return import_jsx_runtime45.jsx(chakra.div,{ref,className:cx("chakra-container",className),...rest,__css:{...styles,...centerContent&&{display:"flex",flexDirection:"column",alignItems:"center"}}})});Container2.displayName="Container";var import_jsx_runtime46=__toESM(require_react_jsx_runtime_development(),1);var Divider=forwardRef3(function(props,ref){let{borderLeftWidth,borderBottomWidth,borderTopWidth,borderRightWidth,borderWidth,borderStyle,borderColor,...styles}=useStyleConfig("Divider",props),{className,orientation="horizontal",__css,...rest}=omitThemingProps(props),dividerStyles={vertical:{borderLeftWidth:borderLeftWidth||borderRightWidth||borderWidth||"1px",height:"100%"},horizontal:{borderBottomWidth:borderBottomWidth||borderTopWidth||borderWidth||"1px",width:"100%"}};return import_jsx_runtime46.jsx(chakra.hr,{ref,"aria-orientation":orientation,...rest,__css:{...styles,border:"0",borderColor,borderStyle,...dividerStyles[orientation],...__css},className:cx("chakra-divider",className)})});Divider.displayName="Divider";function isFunction4(value){return typeof value==="function"}function pipe4(...fns){return(v)=>fns.reduce((a,b)=>b(a),v)}var createExtendTheme=(theme2)=>function(...extensions){let overrides=[...extensions],activeTheme=extensions[extensions.length-1];if(isChakraTheme(activeTheme)&&overrides.length>1)overrides=overrides.slice(0,overrides.length-1);else activeTheme=theme2;return pipe4(...overrides.map((extension)=>(prevTheme)=>isFunction4(extension)?extension(prevTheme):mergeThemeOverride(prevTheme,extension)))(activeTheme)},extendTheme=createExtendTheme(theme),extendBaseTheme=createExtendTheme(baseTheme);function mergeThemeOverride(...overrides){return import_lodash.default({},...overrides,mergeThemeCustomizer)}function mergeThemeCustomizer(source,override,key,object){if((isFunction4(source)||isFunction4(override))&&Object.prototype.hasOwnProperty.call(object,key))return(...args)=>{let sourceValue=isFunction4(source)?source(...args):source,overrideValue=isFunction4(override)?override(...args):override;return import_lodash.default({},sourceValue,overrideValue,mergeThemeCustomizer)};if(isObject(source)&&isArray(override))return override;if(isArray(source)&&isObject(override))return override;return}var import_jsx_runtime47=__toESM(require_react_jsx_runtime_development(),1);var Flex=forwardRef3(function(props,ref){let{direction,align,justify,wrap,basis,grow,shrink,...rest}=props,styles={display:"flex",flexDirection:direction,alignItems:align,justifyContent:justify,flexWrap:wrap,flexBasis:basis,flexGrow:grow,flexShrink:shrink};return import_jsx_runtime47.jsx(chakra.div,{ref,__css:styles,...rest})});Flex.displayName="Flex";var import_jsx_runtime48=__toESM(require_react_jsx_runtime_development(),1);var Grid=forwardRef3(function(props,ref){let{templateAreas,gap,rowGap,columnGap,column,row,autoFlow,autoRows,templateRows,autoColumns,templateColumns,...rest}=props,styles={display:"grid",gridTemplateAreas:templateAreas,gridGap:gap,gridRowGap:rowGap,gridColumnGap:columnGap,gridAutoColumns:autoColumns,gridColumn:column,gridRow:row,gridAutoFlow:autoFlow,gridAutoRows:autoRows,gridTemplateRows:templateRows,gridTemplateColumns:templateColumns};return import_jsx_runtime48.jsx(chakra.div,{ref,__css:styles,...rest})});Grid.displayName="Grid";var import_jsx_runtime49=__toESM(require_react_jsx_runtime_development(),1);function spanFn(span){return mapResponsive(span,(value)=>value==="auto"?"auto":`span ${value}/span ${value}`)}var GridItem=forwardRef3(function(props,ref){let{area,colSpan,colStart,colEnd,rowEnd,rowSpan,rowStart,...rest}=props,styles=compact({gridArea:area,gridColumn:spanFn(colSpan),gridRow:spanFn(rowSpan),gridColumnStart:colStart,gridColumnEnd:colEnd,gridRowStart:rowStart,gridRowEnd:rowEnd});return import_jsx_runtime49.jsx(chakra.div,{ref,__css:styles,...rest})});GridItem.displayName="GridItem";var import_jsx_runtime50=__toESM(require_react_jsx_runtime_development(),1);var Input=forwardRef3(function(props,ref){let{htmlSize,...rest}=props,styles=useMultiStyleConfig("Input",rest),ownProps=omitThemingProps(rest),input=useFormControl(ownProps),_className=cx("chakra-input",props.className);return import_jsx_runtime50.jsx(chakra.input,{size:htmlSize,...input,__css:styles.field,ref,className:_className})});Input.displayName="Input";Input.id="Input";var import_jsx_runtime51=__toESM(require_react_jsx_runtime_development(),1);var[ListStylesProvider,useListStyles]=createContext({name:"ListStylesContext",errorMessage:`useListStyles returned is 'undefined'. Seems you forgot to wrap the components in "<List />" `}),List=forwardRef3(function(props,ref){let styles=useMultiStyleConfig("List",props),{children,styleType="none",stylePosition,spacing,...rest}=omitThemingProps(props),validChildren=getValidChildren(children),selector="& > *:not(style) ~ *:not(style)",spacingStyle=spacing?{["& > *:not(style) ~ *:not(style)"]:{mt:spacing}}:{};return import_jsx_runtime51.jsx(ListStylesProvider,{value:styles,children:import_jsx_runtime51.jsx(chakra.ul,{ref,listStyleType:styleType,listStylePosition:stylePosition,role:"list",__css:{...styles.container,...spacingStyle},...rest,children:validChildren})})});List.displayName="List";var OrderedList=forwardRef3((props,ref)=>{let{as,...rest}=props;return import_jsx_runtime51.jsx(List,{ref,as:"ol",styleType:"decimal",marginStart:"1em",...rest})});OrderedList.displayName="OrderedList";var UnorderedList=forwardRef3(function(props,ref){let{as,...rest}=props;return import_jsx_runtime51.jsx(List,{ref,as:"ul",styleType:"initial",marginStart:"1em",...rest})});UnorderedList.displayName="UnorderedList";var ListItem=forwardRef3(function(props,ref){let styles=useListStyles();return import_jsx_runtime51.jsx(chakra.li,{ref,...props,__css:styles.item})});ListItem.displayName="ListItem";var ListIcon=forwardRef3(function(props,ref){let styles=useListStyles();return import_jsx_runtime51.jsx(Icon2,{ref,role:"presentation",...props,__css:styles.icon})});ListIcon.displayName="ListIcon";var import_jsx_runtime52=__toESM(require_react_jsx_runtime_development(),1);function valueToPercent2(value,min,max){return(value-min)*100/(max-min)}var spin2=import_emotion_react_development_cjs.keyframes({"0%":{strokeDasharray:"1, 400",strokeDashoffset:"0"},"50%":{strokeDasharray:"400, 400",strokeDashoffset:"-100"},"100%":{strokeDasharray:"400, 400",strokeDashoffset:"-260"}}),rotate2=import_emotion_react_development_cjs.keyframes({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),progress2=import_emotion_react_development_cjs.keyframes({"0%":{left:"-40%"},"100%":{left:"100%"}}),stripe=import_emotion_react_development_cjs.keyframes({from:{backgroundPosition:"1rem 0"},to:{backgroundPosition:"0 0"}});function getProgressProps(options){let{value=0,min,max,valueText,getValueText,isIndeterminate,role="progressbar"}=options,percent=valueToPercent2(value,min,max);return{bind:{"data-indeterminate":isIndeterminate?"":void 0,"aria-valuemax":max,"aria-valuemin":min,"aria-valuenow":isIndeterminate?void 0:value,"aria-valuetext":(()=>{if(value==null)return;return typeof getValueText==="function"?getValueText(value,percent):valueText})(),role},percent,value}}var[ProgressStylesProvider,useProgressStyles]=createContext({name:"ProgressStylesContext",errorMessage:`useProgressStyles returned is 'undefined'. Seems you forgot to wrap the components in "<Progress />" `}),ProgressFilledTrack=forwardRef3((props,ref)=>{let{min,max,value,isIndeterminate,role,...rest}=props,progress2=getProgressProps({value,min,max,isIndeterminate,role}),trackStyles={height:"100%",...useProgressStyles().filledTrack};return import_jsx_runtime52.jsx(chakra.div,{ref,style:{width:`${progress2.percent}%`,...rest.style},...progress2.bind,...rest,__css:trackStyles})}),Progress=forwardRef3((props,ref)=>{let{value,min=0,max=100,hasStripe,isAnimated,children,borderRadius:propBorderRadius,isIndeterminate,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,"aria-valuetext":ariaValueText,title,role,...rest}=omitThemingProps(props),styles=useMultiStyleConfig("Progress",props),borderRadius=propBorderRadius??styles.track?.borderRadius,stripeAnimation={animation:`${stripe} 1s linear infinite`},css={...!isIndeterminate&&hasStripe&&isAnimated&&stripeAnimation,...isIndeterminate&&{position:"absolute",willChange:"left",minWidth:"50%",animation:`${progress2} 1s ease infinite normal none running`}},trackStyles={overflow:"hidden",position:"relative",...styles.track};return import_jsx_runtime52.jsx(chakra.div,{ref,borderRadius,__css:trackStyles,...rest,children:import_jsx_runtime52.jsxs(ProgressStylesProvider,{value:styles,children:[import_jsx_runtime52.jsx(ProgressFilledTrack,{"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,"aria-valuetext":ariaValueText,min,max,value,isIndeterminate,css,borderRadius,title,role}),children]})})});Progress.displayName="Progress";var import_jsx_runtime54=__toESM(require_react_jsx_runtime_development(),1);var import_jsx_runtime53=__toESM(require_react_jsx_runtime_development(),1);var import_react68=__toESM(require_react_development(),1);var import_react67=__toESM(require_react_development(),1);function isInputEvent2(value){return value&&isObject(value)&&isObject(value.target)}function useRadioGroup(props={}){let{onChange:onChangeProp,value:valueProp,defaultValue,name:nameProp,isDisabled,isFocusable,isNative,...htmlProps}=props,[valueState,setValue]=import_react67.useState(defaultValue||""),isControlled=typeof valueProp<"u",value=isControlled?valueProp:valueState,ref=import_react67.useRef(null),focus=import_react67.useCallback(()=>{let rootNode=ref.current;if(!rootNode)return;let query="input:not(:disabled):checked",firstEnabledAndCheckedInput=rootNode.querySelector(query);if(firstEnabledAndCheckedInput){firstEnabledAndCheckedInput.focus();return}query="input:not(:disabled)",rootNode.querySelector(query)?.focus()},[]),fallbackName=`radio-${import_react67.useId()}`,name=nameProp||fallbackName,onChange=import_react67.useCallback((eventOrValue)=>{let nextValue=isInputEvent2(eventOrValue)?eventOrValue.target.value:eventOrValue;if(!isControlled)setValue(nextValue);onChangeProp?.(String(nextValue))},[onChangeProp,isControlled]),getRootProps=import_react67.useCallback((props2={},forwardedRef=null)=>({...props2,ref:mergeRefs(forwardedRef,ref),role:"radiogroup"}),[]),getRadioProps=import_react67.useCallback((props2={},ref2=null)=>({...props2,ref:ref2,name,[isNative?"checked":"isChecked"]:value!=null?props2.value===value:void 0,onChange(event){onChange(event)},"data-radiogroup":!0}),[isNative,name,onChange,value]);return{getRootProps,getRadioProps,name,ref,focus,setValue,value,onChange,isDisabled,isFocusable,htmlProps}}var[RadioGroupProvider,useRadioGroupContext]=createContext({name:"RadioGroupContext",strict:!1}),RadioGroup=forwardRef3((props,ref)=>{let{colorScheme,size,variant,children,className,isDisabled,isFocusable,...rest}=props,{value,onChange,getRootProps,name,htmlProps}=useRadioGroup(rest),group=import_react68.useMemo(()=>({name,size,onChange,colorScheme,value,variant,isDisabled,isFocusable}),[name,size,onChange,colorScheme,value,variant,isDisabled,isFocusable]);return import_jsx_runtime53.jsx(RadioGroupProvider,{value:group,children:import_jsx_runtime53.jsx(chakra.div,{...getRootProps(htmlProps,ref),className:cx("chakra-radio-group",className),children})})});RadioGroup.displayName="RadioGroup";var import_react69=__toESM(require_react_development(),1);function useRadio(props={}){let{defaultChecked,isChecked:isCheckedProp,isFocusable,isDisabled:isDisabledProp,isReadOnly:isReadOnlyProp,isRequired:isRequiredProp,onChange,isInvalid:isInvalidProp,name,value,id:idProp,"data-radiogroup":dataRadioGroup,"aria-describedby":ariaDescribedBy,...htmlProps}=props,uuid=`radio-${import_react69.useId()}`,formControl=useFormControlContext(),isWithinRadioGroup=!!useRadioGroupContext()||!!dataRadioGroup,id=!!formControl&&!isWithinRadioGroup?formControl.id:uuid;id=idProp??id;let isDisabled=isDisabledProp??formControl?.isDisabled,isReadOnly=isReadOnlyProp??formControl?.isReadOnly,isRequired=isRequiredProp??formControl?.isRequired,isInvalid=isInvalidProp??formControl?.isInvalid,[isFocused,setFocused]=import_react69.useState(!1),[isHovered,setHovering]=import_react69.useState(!1),[isActive,setActive]=import_react69.useState(!1),[isCheckedState,setChecked]=import_react69.useState(Boolean(defaultChecked)),isControlled=typeof isCheckedProp<"u",isChecked=isControlled?isCheckedProp:isCheckedState,isFocusVisibleRef=import_react69.useRef(!1);import_react69.useEffect(()=>trackFocusVisible((state2)=>{isFocusVisibleRef.current=state2}),[]);let handleChange=import_react69.useCallback((event)=>{if(isReadOnly||isDisabled){event.preventDefault();return}if(!isControlled)setChecked(event.currentTarget.checked);onChange?.(event)},[isControlled,isDisabled,isReadOnly,onChange]),onKeyDown=import_react69.useCallback((event)=>{if(event.key===" ")setActive(!0)},[setActive]),onKeyUp=import_react69.useCallback((event)=>{if(event.key===" ")setActive(!1)},[setActive]),getRadioProps=import_react69.useCallback((props2={},ref=null)=>({...props2,ref,"data-active":dataAttr(isActive),"data-hover":dataAttr(isHovered),"data-disabled":dataAttr(isDisabled),"data-invalid":dataAttr(isInvalid),"data-checked":dataAttr(isChecked),"data-focus":dataAttr(isFocused),"data-focus-visible":dataAttr(isFocused&&isFocusVisibleRef.current),"data-readonly":dataAttr(isReadOnly),"aria-hidden":!0,onMouseDown:callAllHandlers(props2.onMouseDown,()=>setActive(!0)),onMouseUp:callAllHandlers(props2.onMouseUp,()=>setActive(!1)),onMouseEnter:callAllHandlers(props2.onMouseEnter,()=>setHovering(!0)),onMouseLeave:callAllHandlers(props2.onMouseLeave,()=>setHovering(!1))}),[isActive,isHovered,isDisabled,isInvalid,isChecked,isFocused,isReadOnly]),{onFocus,onBlur}=formControl??{},getInputProps=import_react69.useCallback((props2={},ref=null)=>{let trulyDisabled=isDisabled&&!isFocusable;return{...props2,id,ref,type:"radio",name,value,onChange:callAllHandlers(props2.onChange,handleChange),onBlur:callAllHandlers(onBlur,props2.onBlur,()=>setFocused(!1)),onFocus:callAllHandlers(onFocus,props2.onFocus,()=>setFocused(!0)),onKeyDown:callAllHandlers(props2.onKeyDown,onKeyDown),onKeyUp:callAllHandlers(props2.onKeyUp,onKeyUp),checked:isChecked,disabled:trulyDisabled,readOnly:isReadOnly,required:isRequired,"aria-invalid":ariaAttr(isInvalid),"aria-disabled":ariaAttr(trulyDisabled),"aria-required":ariaAttr(isRequired),"data-readonly":dataAttr(isReadOnly),"aria-describedby":ariaDescribedBy,style:visuallyHiddenStyle}},[isDisabled,isFocusable,id,name,value,handleChange,onBlur,onFocus,onKeyDown,onKeyUp,isChecked,isReadOnly,isRequired,isInvalid,ariaDescribedBy]);return{state:{isInvalid,isFocused,isChecked,isActive,isHovered,isDisabled,isReadOnly,isRequired},getRadioProps,getInputProps,getLabelProps:(props2={},ref=null)=>({...props2,ref,onMouseDown:callAllHandlers(props2.onMouseDown,stopEvent2),"data-disabled":dataAttr(isDisabled),"data-checked":dataAttr(isChecked),"data-invalid":dataAttr(isInvalid)}),getRootProps:(props2,ref=null)=>({htmlFor:id,...props2,ref,"data-disabled":dataAttr(isDisabled),"data-checked":dataAttr(isChecked),"data-invalid":dataAttr(isInvalid)}),htmlProps}}function stopEvent2(event){event.preventDefault(),event.stopPropagation()}var Radio=forwardRef3((props,ref)=>{let group=useRadioGroupContext(),{onChange:onChangeProp,value:valueProp}=props,styles=useMultiStyleConfig("Radio",{...group,...props}),ownProps=omitThemingProps(props),{spacing="0.5rem",children,isDisabled=group?.isDisabled,isFocusable=group?.isFocusable,inputProps:htmlInputProps,...rest}=ownProps,isChecked=props.isChecked;if(group?.value!=null&&valueProp!=null)isChecked=group.value===valueProp;let onChange=onChangeProp;if(group?.onChange&&valueProp!=null)onChange=callAll(group.onChange,onChangeProp);let name=props?.name??group?.name,{getInputProps,getRadioProps,getLabelProps,getRootProps,htmlProps}=useRadio({...rest,isChecked,isFocusable,isDisabled,onChange,name}),[layoutProps,otherProps]=split(htmlProps,layoutPropNames),checkboxProps=getRadioProps(otherProps),inputProps=getInputProps(htmlInputProps,ref),labelProps=getLabelProps(),rootProps=Object.assign({},layoutProps,getRootProps()),rootStyles={display:"inline-flex",alignItems:"center",verticalAlign:"top",cursor:"pointer",position:"relative",...styles.container},checkboxStyles={display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,...styles.control},labelStyles={userSelect:"none",marginStart:spacing,...styles.label};return import_jsx_runtime54.jsxs(chakra.label,{className:"chakra-radio",...rootProps,__css:rootStyles,children:[import_jsx_runtime54.jsx("input",{className:"chakra-radio__input",...inputProps}),import_jsx_runtime54.jsx(chakra.span,{className:"chakra-radio__control",...checkboxProps,__css:checkboxStyles}),children&&import_jsx_runtime54.jsx(chakra.span,{className:"chakra-radio__label",...labelProps,__css:labelStyles,children})]})});Radio.displayName="Radio";var import_jsx_runtime56=__toESM(require_react_jsx_runtime_development(),1);var import_react70=__toESM(require_react_development(),1);var import_jsx_runtime55=__toESM(require_react_jsx_runtime_development(),1);var SelectField=forwardRef3(function(props,ref){let{children,placeholder,className,...rest}=props;return import_jsx_runtime55.jsxs(chakra.select,{...rest,ref,className:cx("chakra-select",className),children:[placeholder&&import_jsx_runtime55.jsx("option",{value:"",children:placeholder}),children]})});SelectField.displayName="SelectField";var Select=forwardRef3((props,ref)=>{let styles=useMultiStyleConfig("Select",props),{rootProps,placeholder,icon,color,height,h,minH,minHeight,iconColor,iconSize,...rest}=omitThemingProps(props),[layoutProps,otherProps]=split(rest,layoutPropNames),ownProps=useFormControl(otherProps),rootStyles={width:"100%",height:"fit-content",position:"relative",color},fieldStyles={paddingEnd:"2rem",...styles.field,_focus:{zIndex:"unset",...styles.field?._focus}};return import_jsx_runtime56.jsxs(chakra.div,{className:"chakra-select__wrapper",__css:rootStyles,...layoutProps,...rootProps,children:[import_jsx_runtime56.jsx(SelectField,{ref,height:h??height,minH:minH??minHeight,placeholder,...ownProps,__css:fieldStyles,children:props.children}),import_jsx_runtime56.jsx(SelectIcon,{"data-disabled":dataAttr(ownProps.disabled),...(iconColor||color)&&{color:iconColor||color},__css:styles.icon,...iconSize&&{fontSize:iconSize},children:icon})]})});Select.displayName="Select";var DefaultIcon=(props)=>import_jsx_runtime56.jsx("svg",{viewBox:"0 0 24 24",...props,children:import_jsx_runtime56.jsx("path",{fill:"currentColor",d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"})}),IconWrapper=chakra("div",{baseStyle:{position:"absolute",display:"inline-flex",alignItems:"center",justifyContent:"center",pointerEvents:"none",top:"50%",transform:"translateY(-50%)"}}),SelectIcon=(props)=>{let{children=import_jsx_runtime56.jsx(DefaultIcon,{}),...rest}=props,clone=import_react70.cloneElement(children,{role:"presentation",className:"chakra-select__icon",focusable:!1,"aria-hidden":!0,style:{width:"1em",height:"1em",color:"currentColor"}});return import_jsx_runtime56.jsx(IconWrapper,{...rest,className:"chakra-select__icon-wrapper",children:import_react70.isValidElement(children)?clone:null})};SelectIcon.displayName="SelectIcon";var import_jsx_runtime57=__toESM(require_react_jsx_runtime_development(),1);var import_react71=__toESM(require_react_development(),1);function useIsFirstRender(){let isFirstRender=import_react71.useRef(!0);return import_react71.useEffect(()=>{isFirstRender.current=!1},[]),isFirstRender.current}var StyledSkeleton=chakra("div",{baseStyle:{boxShadow:"none",backgroundClip:"padding-box",cursor:"default",color:"transparent",pointerEvents:"none",userSelect:"none","&::before, &::after, *":{visibility:"hidden"}}}),$startColor2=cssVar("skeleton-start-color"),$endColor2=cssVar("skeleton-end-color"),fade=import_emotion_react_development_cjs.keyframes({from:{opacity:0},to:{opacity:1}}),bgFade=import_emotion_react_development_cjs.keyframes({from:{borderColor:$startColor2.reference,background:$startColor2.reference},to:{borderColor:$endColor2.reference,background:$endColor2.reference}}),Skeleton=forwardRef3((props,ref)=>{let skeletonProps={...props,fadeDuration:typeof props.fadeDuration==="number"?props.fadeDuration:0.4,speed:typeof props.speed==="number"?props.speed:0.8},styles=useStyleConfig("Skeleton",skeletonProps),isFirstRender=useIsFirstRender(),{startColor="",endColor="",isLoaded,fadeDuration,speed,className,fitContent,animation:animationProp,...rest}=omitThemingProps(skeletonProps),[startColorVar,endColorVar]=useToken("colors",[startColor,endColor]),wasPreviouslyLoaded=usePrevious(isLoaded),_className=cx("chakra-skeleton",className),cssVarStyles={...startColorVar&&{[$startColor2.variable]:startColorVar},...endColorVar&&{[$endColor2.variable]:endColorVar}};if(isLoaded){let animation=isFirstRender||wasPreviouslyLoaded?"none":`${fade} ${fadeDuration}s`;return import_jsx_runtime57.jsx(chakra.div,{ref,className:_className,__css:{animation},...rest})}return import_jsx_runtime57.jsx(StyledSkeleton,{ref,className:_className,...rest,__css:{width:fitContent?"fit-content":void 0,...styles,...cssVarStyles,_dark:{...styles._dark,...cssVarStyles},animation:animationProp||`${speed}s linear infinite alternate ${bgFade}`}})});Skeleton.displayName="Skeleton";var import_jsx_runtime58=__toESM(require_react_jsx_runtime_development(),1);var import_react73=__toESM(require_react_development(),1);function orient2(options){let{orientation,vertical,horizontal}=options;return orientation==="vertical"?vertical:horizontal}function getStyles(options){let{orientation,thumbPercents,isReversed}=options,getThumbStyle=(i)=>({position:"absolute",userSelect:"none",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",touchAction:"none",...orient2({orientation,vertical:{bottom:`${thumbPercents[i]}%`,transform:"translate(-50%, 50%) scale(var(--slider-thumb-scale, 1))"},horizontal:{left:`${thumbPercents[i]}%`,transform:"translate(-50%, -50%) scale(var(--slider-thumb-scale, 1))"}})}),rootStyle={position:"relative",touchAction:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)",userSelect:"none",outline:0},trackStyle={position:"absolute",...orient2({orientation,vertical:{left:"50%",transform:"translateX(-50%)",height:"100%"},horizontal:{top:"50%",transform:"translateY(-50%)",width:"100%"}})},isSingleThumb=thumbPercents.length===1,fallback=[0,isReversed?100-thumbPercents[0]:thumbPercents[0]],range=isSingleThumb?fallback:thumbPercents,start=range[0];if(!isSingleThumb&&isReversed)start=100-start;let percent=Math.abs(range[range.length-1]-range[0]),innerTrackStyle={...trackStyle,...orient2({orientation,vertical:isReversed?{height:`${percent}%`,top:`${start}%`}:{height:`${percent}%`,bottom:`${start}%`},horizontal:isReversed?{width:`${percent}%`,right:`${start}%`}:{width:`${percent}%`,left:`${start}%`}})};return{trackStyle,innerTrackStyle,rootStyle,getThumbStyle}}function getIsReversed(options){let{isReversed,direction,orientation}=options;if(direction==="ltr"||orientation==="vertical")return isReversed;return!isReversed}function useSlider(props){let{min=0,max=100,onChange,value:valueProp,defaultValue,isReversed:isReversedProp,direction="ltr",orientation="horizontal",id:idProp,isDisabled,isReadOnly,onChangeStart:onChangeStartProp,onChangeEnd:onChangeEndProp,step=1,getAriaValueText:getAriaValueTextProp,"aria-valuetext":ariaValueText,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,name,focusThumbOnChange=!0,...htmlProps}=props,onChangeStart=useCallbackRef(onChangeStartProp),onChangeEnd=useCallbackRef(onChangeEndProp),getAriaValueText=useCallbackRef(getAriaValueTextProp),isReversed=getIsReversed({isReversed:isReversedProp,direction,orientation}),[computedValue,setValue]=useControllableState({value:valueProp,defaultValue:defaultValue??getDefaultValue(min,max),onChange}),[isDragging,setDragging]=import_react73.useState(!1),[isFocused,setFocused]=import_react73.useState(!1),isInteractive=!(isDisabled||isReadOnly),tenSteps=(max-min)/10,oneStep=step||(max-min)/100,value=clampValue(computedValue,min,max),reversedValue=max-value+min,thumbPercent=valueToPercent(isReversed?reversedValue:value,min,max),isVertical=orientation==="vertical",stateRef=useLatestRef({min,max,step,isDisabled,value,isInteractive,isReversed,isVertical,eventSource:null,focusThumbOnChange,orientation}),trackRef=import_react73.useRef(null),thumbRef=import_react73.useRef(null),rootRef=import_react73.useRef(null),reactId=import_react73.useId(),uuid=idProp??reactId,[thumbId,trackId]=[`slider-thumb-${uuid}`,`slider-track-${uuid}`],getValueFromPointer=import_react73.useCallback((event)=>{if(!trackRef.current)return;let state2=stateRef.current;state2.eventSource="pointer";let trackRect=trackRef.current.getBoundingClientRect(),{clientX,clientY}=event.touches?.[0]??event,diff=isVertical?trackRect.bottom-clientY:clientX-trackRect.left,length=isVertical?trackRect.height:trackRect.width,percent=diff/length;if(isReversed)percent=1-percent;let nextValue=percentToValue(percent,state2.min,state2.max);if(state2.step)nextValue=parseFloat(roundValueToStep(nextValue,state2.min,state2.step));return nextValue=clampValue(nextValue,state2.min,state2.max),nextValue},[isVertical,isReversed,stateRef]),constrain=import_react73.useCallback((value2)=>{let state2=stateRef.current;if(!state2.isInteractive)return;value2=parseFloat(roundValueToStep(value2,state2.min,oneStep)),value2=clampValue(value2,state2.min,state2.max),setValue(value2)},[oneStep,setValue,stateRef]),actions=import_react73.useMemo(()=>({stepUp(step2=oneStep){let next=isReversed?value-step2:value+step2;constrain(next)},stepDown(step2=oneStep){let next=isReversed?value+step2:value-step2;constrain(next)},reset(){constrain(defaultValue||0)},stepTo(value2){constrain(value2)}}),[constrain,isReversed,value,oneStep,defaultValue]),onKeyDown=import_react73.useCallback((event)=>{let state2=stateRef.current,action={ArrowRight:()=>actions.stepUp(),ArrowUp:()=>actions.stepUp(),ArrowLeft:()=>actions.stepDown(),ArrowDown:()=>actions.stepDown(),PageUp:()=>actions.stepUp(tenSteps),PageDown:()=>actions.stepDown(tenSteps),Home:()=>constrain(state2.min),End:()=>constrain(state2.max)}[event.key];if(action)event.preventDefault(),event.stopPropagation(),action(event),state2.eventSource="keyboard"},[actions,constrain,tenSteps,stateRef]),valueText=getAriaValueText?.(value)??ariaValueText,{getThumbStyle,rootStyle,trackStyle,innerTrackStyle}=import_react73.useMemo(()=>{let state2=stateRef.current;return getStyles({isReversed,orientation:state2.orientation,thumbPercents:[thumbPercent]})},[isReversed,thumbPercent,stateRef]),focusThumb=import_react73.useCallback(()=>{if(stateRef.current.focusThumbOnChange)setTimeout(()=>thumbRef.current?.focus())},[stateRef]);useUpdateEffect(()=>{let state2=stateRef.current;if(focusThumb(),state2.eventSource==="keyboard")onChangeEnd?.(state2.value)},[value,onChangeEnd]);function setValueFromPointer(event){let nextValue=getValueFromPointer(event);if(nextValue!=null&&nextValue!==stateRef.current.value)setValue(nextValue)}usePanEvent(rootRef,{onPanSessionStart(event){let state2=stateRef.current;if(!state2.isInteractive)return;setDragging(!0),focusThumb(),setValueFromPointer(event),onChangeStart?.(state2.value)},onPanSessionEnd(){let state2=stateRef.current;if(!state2.isInteractive)return;setDragging(!1),onChangeEnd?.(state2.value)},onPan(event){if(!stateRef.current.isInteractive)return;setValueFromPointer(event)}});let getRootProps=import_react73.useCallback((props2={},ref=null)=>({...props2,...htmlProps,ref:mergeRefs(ref,rootRef),tabIndex:-1,"aria-disabled":ariaAttr(isDisabled),"data-focused":dataAttr(isFocused),style:{...props2.style,...rootStyle}}),[htmlProps,isDisabled,isFocused,rootStyle]),getTrackProps=import_react73.useCallback((props2={},ref=null)=>({...props2,ref:mergeRefs(ref,trackRef),id:trackId,"data-disabled":dataAttr(isDisabled),style:{...props2.style,...trackStyle}}),[isDisabled,trackId,trackStyle]),getInnerTrackProps=import_react73.useCallback((props2={},ref=null)=>({...props2,ref,style:{...props2.style,...innerTrackStyle}}),[innerTrackStyle]),getThumbProps=import_react73.useCallback((props2={},ref=null)=>({...props2,ref:mergeRefs(ref,thumbRef),role:"slider",tabIndex:isInteractive?0:void 0,id:thumbId,"data-active":dataAttr(isDragging),"aria-valuetext":valueText,"aria-valuemin":min,"aria-valuemax":max,"aria-valuenow":value,"aria-orientation":orientation,"aria-disabled":ariaAttr(isDisabled),"aria-readonly":ariaAttr(isReadOnly),"aria-label":ariaLabel,"aria-labelledby":ariaLabel?void 0:ariaLabelledBy,style:{...props2.style,...getThumbStyle(0)},onKeyDown:callAllHandlers(props2.onKeyDown,onKeyDown),onFocus:callAllHandlers(props2.onFocus,()=>setFocused(!0)),onBlur:callAllHandlers(props2.onBlur,()=>setFocused(!1))}),[isInteractive,thumbId,isDragging,valueText,min,max,value,orientation,isDisabled,isReadOnly,ariaLabel,ariaLabelledBy,getThumbStyle,onKeyDown]),getMarkerProps=import_react73.useCallback((props2,ref=null)=>{let isInRange=!(props2.value<min||props2.value>max),isHighlighted=value>=props2.value,markerPercent=valueToPercent(props2.value,min,max),markerStyle={position:"absolute",pointerEvents:"none",...orient3({orientation,vertical:{bottom:isReversed?`${100-markerPercent}%`:`${markerPercent}%`},horizontal:{left:isReversed?`${100-markerPercent}%`:`${markerPercent}%`}})};return{...props2,ref,role:"presentation","aria-hidden":!0,"data-disabled":dataAttr(isDisabled),"data-invalid":dataAttr(!isInRange),"data-highlighted":dataAttr(isHighlighted),style:{...props2.style,...markerStyle}}},[isDisabled,isReversed,max,min,orientation,value]),getInputProps=import_react73.useCallback((props2={},ref=null)=>({...props2,ref,type:"hidden",value,name}),[name,value]);return{state:{value,isFocused,isDragging},actions,getRootProps,getTrackProps,getInnerTrackProps,getThumbProps,getMarkerProps,getInputProps}}function orient3(options){let{orientation,vertical,horizontal}=options;return orientation==="vertical"?vertical:horizontal}function getDefaultValue(min,max){return max<min?min:min+(max-min)/2}var[SliderProvider,useSliderContext]=createContext({name:"SliderContext",hookName:"useSliderContext",providerName:"<Slider />"}),[SliderStylesProvider,useSliderStyles]=createContext({name:"SliderStylesContext",hookName:"useSliderStyles",providerName:"<Slider />"}),Slider=forwardRef3((props,ref)=>{let sliderProps={...props,orientation:props?.orientation??"horizontal"},styles=useMultiStyleConfig("Slider",sliderProps),ownProps=omitThemingProps(sliderProps),{direction}=useTheme();ownProps.direction=direction;let{getInputProps,getRootProps,...context}=useSlider(ownProps),rootProps=getRootProps(),inputProps=getInputProps({},ref);return import_jsx_runtime58.jsx(SliderProvider,{value:context,children:import_jsx_runtime58.jsx(SliderStylesProvider,{value:styles,children:import_jsx_runtime58.jsxs(chakra.div,{...rootProps,className:cx("chakra-slider",sliderProps.className),__css:styles.container,children:[sliderProps.children,import_jsx_runtime58.jsx("input",{...inputProps})]})})})});Slider.displayName="Slider";var SliderThumb=forwardRef3((props,ref)=>{let{getThumbProps}=useSliderContext(),styles=useSliderStyles(),thumbProps=getThumbProps(props,ref);return import_jsx_runtime58.jsx(chakra.div,{...thumbProps,className:cx("chakra-slider__thumb",props.className),__css:styles.thumb})});SliderThumb.displayName="SliderThumb";var SliderTrack=forwardRef3((props,ref)=>{let{getTrackProps}=useSliderContext(),styles=useSliderStyles(),trackProps=getTrackProps(props,ref);return import_jsx_runtime58.jsx(chakra.div,{...trackProps,className:cx("chakra-slider__track",props.className),__css:styles.track})});SliderTrack.displayName="SliderTrack";var SliderFilledTrack=forwardRef3((props,ref)=>{let{getInnerTrackProps}=useSliderContext(),styles=useSliderStyles(),trackProps=getInnerTrackProps(props,ref);return import_jsx_runtime58.jsx(chakra.div,{...trackProps,className:cx("chakra-slider__filled-track",props.className),__css:styles.filledTrack})});SliderFilledTrack.displayName="SliderFilledTrack";var SliderMark=forwardRef3((props,ref)=>{let{getMarkerProps}=useSliderContext(),styles=useSliderStyles(),markProps=getMarkerProps(props,ref);return import_jsx_runtime58.jsx(chakra.div,{...markProps,className:cx("chakra-slider__marker",props.className),__css:styles.mark})});SliderMark.displayName="SliderMark";var Spacer=chakra("div",{baseStyle:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});Spacer.displayName="Spacer";var import_jsx_runtime61=__toESM(require_react_jsx_runtime_development(),1);var import_jsx_runtime60=__toESM(require_react_jsx_runtime_development(),1);var import_react74=__toESM(require_react_development(),1);var import_jsx_runtime59=__toESM(require_react_jsx_runtime_development(),1);var StackItem=(props)=>import_jsx_runtime59.jsx(chakra.div,{className:"chakra-stack__item",...props,__css:{display:"inline-block",flex:"0 0 auto",minWidth:0,...props.__css}});StackItem.displayName="StackItem";function getDividerStyles(options){let{spacing,direction}=options,dividerStyles={column:{my:spacing,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},"column-reverse":{my:spacing,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},row:{mx:spacing,my:0,borderLeftWidth:"1px",borderBottomWidth:0},"row-reverse":{mx:spacing,my:0,borderLeftWidth:"1px",borderBottomWidth:0}};return{"&":mapResponsive(direction,(value)=>dividerStyles[value])}}var Stack=forwardRef3((props,ref)=>{let{isInline,direction:directionProp,align,justify,spacing="0.5rem",wrap,children,divider,className,shouldWrapChildren,...rest}=props,direction=isInline?"row":directionProp??"column",dividerStyle=import_react74.useMemo(()=>getDividerStyles({spacing,direction}),[spacing,direction]),hasDivider=!!divider,shouldUseChildren=!shouldWrapChildren&&!hasDivider,clones=import_react74.useMemo(()=>{let validChildren=getValidChildren(children);return shouldUseChildren?validChildren:validChildren.map((child,index)=>{let key=typeof child.key<"u"?child.key:index,isLast=index+1===validChildren.length,_child=shouldWrapChildren?import_jsx_runtime60.jsx(StackItem,{children:child},key):child;if(!hasDivider)return _child;let clonedDivider=import_react74.cloneElement(divider,{__css:dividerStyle});return import_jsx_runtime60.jsxs(import_react74.Fragment,{children:[_child,isLast?null:clonedDivider]},key)})},[divider,dividerStyle,hasDivider,shouldUseChildren,shouldWrapChildren,children]),_className=cx("chakra-stack",className);return import_jsx_runtime60.jsx(chakra.div,{ref,display:"flex",alignItems:align,justifyContent:justify,flexDirection:direction,flexWrap:wrap,gap:hasDivider?void 0:spacing,className:_className,...rest,children:clones})});Stack.displayName="Stack";var HStack=forwardRef3((props,ref)=>import_jsx_runtime61.jsx(Stack,{align:"center",...props,direction:"row",ref}));HStack.displayName="HStack";var import_jsx_runtime62=__toESM(require_react_jsx_runtime_development(),1);var VStack=forwardRef3((props,ref)=>import_jsx_runtime62.jsx(Stack,{align:"center",...props,direction:"column",ref}));VStack.displayName="VStack";var import_jsx_runtime63=__toESM(require_react_jsx_runtime_development(),1);var[StatStylesProvider,useStatStyles]=createContext({name:"StatStylesContext",errorMessage:`useStatStyles returned is 'undefined'. Seems you forgot to wrap the components in "<Stat />" `}),Stat=forwardRef3(function(props,ref){let styles=useMultiStyleConfig("Stat",props),statStyles={position:"relative",flex:"1 1 0%",...styles.container},{className,children,...rest}=omitThemingProps(props);return import_jsx_runtime63.jsx(StatStylesProvider,{value:styles,children:import_jsx_runtime63.jsx(chakra.div,{ref,...rest,className:cx("chakra-stat",className),__css:statStyles,children:import_jsx_runtime63.jsx("dl",{children})})})});Stat.displayName="Stat";var import_jsx_runtime64=__toESM(require_react_jsx_runtime_development(),1);var StatDownArrow=(props)=>import_jsx_runtime64.jsx(Icon2,{color:"red.400",...props,children:import_jsx_runtime64.jsx("path",{fill:"currentColor",d:"M21,5H3C2.621,5,2.275,5.214,2.105,5.553C1.937,5.892,1.973,6.297,2.2,6.6l9,12 c0.188,0.252,0.485,0.4,0.8,0.4s0.611-0.148,0.8-0.4l9-12c0.228-0.303,0.264-0.708,0.095-1.047C21.725,5.214,21.379,5,21,5z"})});StatDownArrow.displayName="StatDownArrow";function StatUpArrow(props){return import_jsx_runtime64.jsx(Icon2,{color:"green.400",...props,children:import_jsx_runtime64.jsx("path",{fill:"currentColor",d:"M12.8,5.4c-0.377-0.504-1.223-0.504-1.6,0l-9,12c-0.228,0.303-0.264,0.708-0.095,1.047 C2.275,18.786,2.621,19,3,19h18c0.379,0,0.725-0.214,0.895-0.553c0.169-0.339,0.133-0.744-0.095-1.047L12.8,5.4z"})})}StatUpArrow.displayName="StatUpArrow";function StatArrow(props){let{type,"aria-label":ariaLabel,...rest}=props,styles=useStatStyles(),BaseIcon=type==="increase"?StatUpArrow:StatDownArrow,label=ariaLabel||(type==="increase"?"increased by":"decreased by");return import_jsx_runtime64.jsxs(import_jsx_runtime64.Fragment,{children:[import_jsx_runtime64.jsx(chakra.span,{srOnly:!0,children:label}),import_jsx_runtime64.jsx(BaseIcon,{"aria-hidden":!0,...rest,__css:styles.icon})]})}StatArrow.displayName="StatArrow";var import_jsx_runtime65=__toESM(require_react_jsx_runtime_development(),1);var StatHelpText=forwardRef3(function(props,ref){let styles=useStatStyles();return import_jsx_runtime65.jsx(chakra.dd,{ref,...props,className:cx("chakra-stat__help-text",props.className),__css:styles.helpText})});StatHelpText.displayName="StatHelpText";var import_jsx_runtime66=__toESM(require_react_jsx_runtime_development(),1);var StatLabel=forwardRef3(function(props,ref){let styles=useStatStyles();return import_jsx_runtime66.jsx(chakra.dt,{ref,...props,className:cx("chakra-stat__label",props.className),__css:styles.label})});StatLabel.displayName="StatLabel";var import_jsx_runtime67=__toESM(require_react_jsx_runtime_development(),1);var StatNumber=forwardRef3(function(props,ref){let styles=useStatStyles();return import_jsx_runtime67.jsx(chakra.dd,{ref,...props,className:cx("chakra-stat__number",props.className),__css:{...styles.number,fontFeatureSettings:"pnum",fontVariantNumeric:"proportional-nums"}})});StatNumber.displayName="StatNumber";var import_jsx_runtime68=__toESM(require_react_jsx_runtime_development(),1);var import_react75=__toESM(require_react_development(),1);var Switch=forwardRef3(function(props,ref){let styles=useMultiStyleConfig("Switch",props),{spacing="0.5rem",children,...ownProps}=omitThemingProps(props),{getIndicatorProps,getInputProps,getCheckboxProps,getRootProps,getLabelProps}=useCheckbox(ownProps),containerStyles=import_react75.useMemo(()=>({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0,...styles.container}),[styles.container]),trackStyles=import_react75.useMemo(()=>({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer",...styles.track}),[styles.track]),labelStyles=import_react75.useMemo(()=>({userSelect:"none",marginStart:spacing,...styles.label}),[spacing,styles.label]);return import_jsx_runtime68.jsxs(chakra.label,{...getRootProps(),className:cx("chakra-switch",props.className),__css:containerStyles,children:[import_jsx_runtime68.jsx("input",{className:"chakra-switch__input",...getInputProps({},ref)}),import_jsx_runtime68.jsx(chakra.span,{...getCheckboxProps(),className:"chakra-switch__track",__css:trackStyles,children:import_jsx_runtime68.jsx(chakra.span,{__css:styles.thumb,className:"chakra-switch__thumb",...getIndicatorProps()})}),children&&import_jsx_runtime68.jsx(chakra.span,{className:"chakra-switch__label",...getLabelProps(),__css:labelStyles,children})]})});Switch.displayName="Switch";var import_jsx_runtime69=__toESM(require_react_jsx_runtime_development(),1);var[TableStylesProvider,useTableStyles]=createContext({name:"TableStylesContext",errorMessage:`useTableStyles returned is 'undefined'. Seems you forgot to wrap the components in "<Table />" `}),Table=forwardRef3((props,ref)=>{let styles=useMultiStyleConfig("Table",props),{className,layout,...tableProps}=omitThemingProps(props);return import_jsx_runtime69.jsx(TableStylesProvider,{value:styles,children:import_jsx_runtime69.jsx(chakra.table,{ref,__css:{tableLayout:layout,...styles.table},className:cx("chakra-table",className),...tableProps})})});Table.displayName="Table";var import_jsx_runtime70=__toESM(require_react_jsx_runtime_development(),1);var TableContainer=forwardRef3((props,ref)=>{let{overflow,overflowX,className,...rest}=props;return import_jsx_runtime70.jsx(chakra.div,{ref,className:cx("chakra-table__container",className),...rest,__css:{display:"block",whiteSpace:"nowrap",WebkitOverflowScrolling:"touch",overflowX:overflow??overflowX??"auto",overflowY:"hidden",maxWidth:"100%"}})});var import_jsx_runtime71=__toESM(require_react_jsx_runtime_development(),1);var Tbody=forwardRef3((props,ref)=>{let styles=useTableStyles();return import_jsx_runtime71.jsx(chakra.tbody,{...props,ref,__css:styles.tbody})});var import_jsx_runtime72=__toESM(require_react_jsx_runtime_development(),1);var Td=forwardRef3(({isNumeric,...rest},ref)=>{let styles=useTableStyles();return import_jsx_runtime72.jsx(chakra.td,{...rest,ref,__css:styles.td,"data-is-numeric":isNumeric})});var import_jsx_runtime73=__toESM(require_react_jsx_runtime_development(),1);var Th=forwardRef3(({isNumeric,...rest},ref)=>{let styles=useTableStyles();return import_jsx_runtime73.jsx(chakra.th,{...rest,ref,__css:styles.th,"data-is-numeric":isNumeric})});var import_jsx_runtime74=__toESM(require_react_jsx_runtime_development(),1);var Thead=forwardRef3((props,ref)=>{let styles=useTableStyles();return import_jsx_runtime74.jsx(chakra.thead,{...props,ref,__css:styles.thead})});var import_jsx_runtime75=__toESM(require_react_jsx_runtime_development(),1);var Tr=forwardRef3((props,ref)=>{let styles=useTableStyles();return import_jsx_runtime75.jsx(chakra.tr,{...props,ref,__css:styles.tr})});var import_jsx_runtime77=__toESM(require_react_jsx_runtime_development(),1);var import_jsx_runtime76=__toESM(require_react_jsx_runtime_development(),1);var import_react81=__toESM(require_react_development(),1);var import_react80=__toESM(require_react_development(),1);var import_react77=__toESM(require_react_development(),1);var import_react76=__toESM(require_react_development(),1);function sortNodes(nodes){return nodes.sort((a,b)=>{let compare=a.compareDocumentPosition(b);if(compare&Node.DOCUMENT_POSITION_FOLLOWING||compare&Node.DOCUMENT_POSITION_CONTAINED_BY)return-1;if(compare&Node.DOCUMENT_POSITION_PRECEDING||compare&Node.DOCUMENT_POSITION_CONTAINS)return 1;if(compare&Node.DOCUMENT_POSITION_DISCONNECTED||compare&Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC)throw Error("Cannot sort the given nodes.");else return 0})}var isElement=(el)=>typeof el=="object"&&("nodeType"in el)&&el.nodeType===Node.ELEMENT_NODE;function getNextIndex2(current,max,loop){let next=current+1;if(loop&&next>=max)next=0;return next}function getPrevIndex(current,max,loop){let next=current-1;if(loop&&next<0)next=max;return next}var useSafeLayoutEffect3=typeof window<"u"?import_react76.useLayoutEffect:import_react76.useEffect,cast=(value)=>value;var __defProp2=Object.defineProperty,__defNormalProp2=(obj,key,value)=>(key in obj)?__defProp2(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__publicField2=(obj,key,value)=>(__defNormalProp2(obj,typeof key!=="symbol"?key+"":key,value),value);class DescendantsManager{constructor(){__publicField2(this,"descendants",new Map),__publicField2(this,"register",(nodeOrOptions)=>{if(nodeOrOptions==null)return;if(isElement(nodeOrOptions))return this.registerNode(nodeOrOptions);return(node)=>{this.registerNode(node,nodeOrOptions)}}),__publicField2(this,"unregister",(node)=>{this.descendants.delete(node);let sorted=sortNodes(Array.from(this.descendants.keys()));this.assignIndex(sorted)}),__publicField2(this,"destroy",()=>{this.descendants.clear()}),__publicField2(this,"assignIndex",(descendants)=>{this.descendants.forEach((descendant)=>{let index=descendants.indexOf(descendant.node);descendant.index=index,descendant.node.dataset.index=descendant.index.toString()})}),__publicField2(this,"count",()=>this.descendants.size),__publicField2(this,"enabledCount",()=>this.enabledValues().length),__publicField2(this,"values",()=>Array.from(this.descendants.values()).sort((a,b)=>a.index-b.index)),__publicField2(this,"enabledValues",()=>this.values().filter((descendant)=>!descendant.disabled)),__publicField2(this,"item",(index)=>{if(this.count()===0)return;return this.values()[index]}),__publicField2(this,"enabledItem",(index)=>{if(this.enabledCount()===0)return;return this.enabledValues()[index]}),__publicField2(this,"first",()=>this.item(0)),__publicField2(this,"firstEnabled",()=>this.enabledItem(0)),__publicField2(this,"last",()=>this.item(this.descendants.size-1)),__publicField2(this,"lastEnabled",()=>{let lastIndex=this.enabledValues().length-1;return this.enabledItem(lastIndex)}),__publicField2(this,"indexOf",(node)=>{if(!node)return-1;return this.descendants.get(node)?.index??-1}),__publicField2(this,"enabledIndexOf",(node)=>{if(node==null)return-1;return this.enabledValues().findIndex((i)=>i.node.isSameNode(node))}),__publicField2(this,"next",(index,loop=!0)=>{let next=getNextIndex2(index,this.count(),loop);return this.item(next)}),__publicField2(this,"nextEnabled",(index,loop=!0)=>{let item=this.item(index);if(!item)return;let enabledIndex=this.enabledIndexOf(item.node),nextEnabledIndex=getNextIndex2(enabledIndex,this.enabledCount(),loop);return this.enabledItem(nextEnabledIndex)}),__publicField2(this,"prev",(index,loop=!0)=>{let prev=getPrevIndex(index,this.count()-1,loop);return this.item(prev)}),__publicField2(this,"prevEnabled",(index,loop=!0)=>{let item=this.item(index);if(!item)return;let enabledIndex=this.enabledIndexOf(item.node),prevEnabledIndex=getPrevIndex(enabledIndex,this.enabledCount()-1,loop);return this.enabledItem(prevEnabledIndex)}),__publicField2(this,"registerNode",(node,options)=>{if(!node||this.descendants.has(node))return;let keys=Array.from(this.descendants.keys()).concat(node),sorted=sortNodes(keys);if(options?.disabled)options.disabled=!!options.disabled;let descendant={node,index:-1,...options};this.descendants.set(node,descendant),this.assignIndex(sorted)})}}function createDescendantContext(){let[DescendantsContextProvider,useDescendantsContext]=createContext({name:"DescendantsProvider",errorMessage:"useDescendantsContext must be used within DescendantsProvider"});return[DescendantsContextProvider,useDescendantsContext,()=>{let descendants=import_react77.useRef(new DescendantsManager);return useSafeLayoutEffect3(()=>()=>descendants.current.destroy()),descendants.current},(options)=>{let descendants=useDescendantsContext(),[index,setIndex]=import_react77.useState(-1),ref=import_react77.useRef(null);useSafeLayoutEffect3(()=>()=>{if(!ref.current)return;descendants.unregister(ref.current)},[]),useSafeLayoutEffect3(()=>{if(!ref.current)return;let dataIndex=Number(ref.current.dataset.index);if(index!=dataIndex&&!Number.isNaN(dataIndex))setIndex(dataIndex)});let refCallback=options?cast(descendants.register(options)):cast(descendants.register);return{descendants,index,enabledIndex:descendants.enabledIndexOf(ref.current),register:mergeRefs(refCallback,ref)}}]}var import_react79=__toESM(require_react_development(),1);var import_react78=__toESM(require_react_development(),1);function useEventListeners(){let listeners=import_react78.useRef(new Map),currentListeners=listeners.current,add=import_react78.useCallback((el,type,listener,options)=>{listeners.current.set(listener,{type,el,options}),el.addEventListener(type,listener,options)},[]),remove=import_react78.useCallback((el,type,listener,options)=>{el.removeEventListener(type,listener,options),listeners.current.delete(listener)},[]);return import_react78.useEffect(()=>()=>{currentListeners.forEach((value,key)=>{remove(value.el,value.type,key,value.options)})},[remove,currentListeners]),{add,remove}}function isValidElement7(event){let target=event.composedPath?.()?.[0]??event.target,{tagName,isContentEditable}=target;return tagName!=="INPUT"&&tagName!=="TEXTAREA"&&isContentEditable!==!0}function useClickable(props={}){let{ref:htmlRef,isDisabled,isFocusable,clickOnEnter=!0,clickOnSpace=!0,onMouseDown,onMouseUp,onClick,onKeyDown,onKeyUp,tabIndex:tabIndexProp,onMouseOver,onMouseLeave,...htmlProps}=props,[isButton,setIsButton]=import_react79.useState(!0),[isPressed,setIsPressed]=import_react79.useState(!1),listeners=useEventListeners(),refCallback=(node)=>{if(!node)return;if(node.tagName!=="BUTTON")setIsButton(!1)},tabIndex=isButton?tabIndexProp:tabIndexProp||0,trulyDisabled=isDisabled&&!isFocusable,handleClick=import_react79.useCallback((event)=>{if(isDisabled){event.stopPropagation(),event.preventDefault();return}event.currentTarget.focus(),onClick?.(event)},[isDisabled,onClick]),onDocumentKeyUp=import_react79.useCallback((e)=>{if(isPressed&&isValidElement7(e))e.preventDefault(),e.stopPropagation(),setIsPressed(!1),listeners.remove(document,"keyup",onDocumentKeyUp,!1)},[isPressed,listeners]),handleKeyDown=import_react79.useCallback((event)=>{if(onKeyDown?.(event),isDisabled||event.defaultPrevented||event.metaKey)return;if(!isValidElement7(event.nativeEvent)||isButton)return;let shouldClickOnEnter=clickOnEnter&&event.key==="Enter";if(clickOnSpace&&event.key===" ")event.preventDefault(),setIsPressed(!0);if(shouldClickOnEnter)event.preventDefault(),event.currentTarget.click();listeners.add(document,"keyup",onDocumentKeyUp,!1)},[isDisabled,isButton,onKeyDown,clickOnEnter,clickOnSpace,listeners,onDocumentKeyUp]),handleKeyUp=import_react79.useCallback((event)=>{if(onKeyUp?.(event),isDisabled||event.defaultPrevented||event.metaKey)return;if(!isValidElement7(event.nativeEvent)||isButton)return;if(clickOnSpace&&event.key===" ")event.preventDefault(),setIsPressed(!1),event.currentTarget.click()},[clickOnSpace,isButton,isDisabled,onKeyUp]),onDocumentMouseUp=import_react79.useCallback((event)=>{if(event.button!==0)return;setIsPressed(!1),listeners.remove(document,"mouseup",onDocumentMouseUp,!1)},[listeners]),handleMouseDown=import_react79.useCallback((event)=>{if(event.button!==0)return;if(isDisabled){event.stopPropagation(),event.preventDefault();return}if(!isButton)setIsPressed(!0);event.currentTarget.focus({preventScroll:!0}),listeners.add(document,"mouseup",onDocumentMouseUp,!1),onMouseDown?.(event)},[isDisabled,isButton,onMouseDown,listeners,onDocumentMouseUp]),handleMouseUp=import_react79.useCallback((event)=>{if(event.button!==0)return;if(!isButton)setIsPressed(!1);onMouseUp?.(event)},[onMouseUp,isButton]),handleMouseOver=import_react79.useCallback((event)=>{if(isDisabled){event.preventDefault();return}onMouseOver?.(event)},[isDisabled,onMouseOver]),handleMouseLeave=import_react79.useCallback((event)=>{if(isPressed)event.preventDefault(),setIsPressed(!1);onMouseLeave?.(event)},[isPressed,onMouseLeave]),ref=mergeRefs(htmlRef,refCallback);if(isButton)return{...htmlProps,ref,type:"button","aria-disabled":trulyDisabled?void 0:isDisabled,disabled:trulyDisabled,onClick:handleClick,onMouseDown,onMouseUp,onKeyUp,onKeyDown,onMouseOver,onMouseLeave};return{...htmlProps,ref,role:"button","data-active":dataAttr(isPressed),"aria-disabled":isDisabled?"true":void 0,tabIndex:trulyDisabled?void 0:tabIndex,onClick:handleClick,onMouseDown:handleMouseDown,onMouseUp:handleMouseUp,onKeyUp:handleKeyUp,onKeyDown:handleKeyDown,onMouseOver:handleMouseOver,onMouseLeave:handleMouseLeave}}var[TabsDescendantsProvider,useTabsDescendantsContext,useTabsDescendants,useTabsDescendant]=createDescendantContext();function useTabs(props){let{defaultIndex,onChange,index,isManual,isLazy,lazyBehavior="unmount",orientation="horizontal",direction="ltr",...htmlProps}=props,[focusedIndex,setFocusedIndex]=import_react80.useState(defaultIndex??0),[selectedIndex,setSelectedIndex]=useControllableState({defaultValue:defaultIndex??0,value:index,onChange});import_react80.useEffect(()=>{if(index!=null)setFocusedIndex(index)},[index]);let descendants=useTabsDescendants(),uuid=import_react80.useId();return{id:`tabs-${props.id??uuid}`,selectedIndex,focusedIndex,setSelectedIndex,setFocusedIndex,isManual,isLazy,lazyBehavior,orientation,descendants,direction,htmlProps}}var[TabsProvider,useTabsContext]=createContext({name:"TabsContext",errorMessage:"useTabsContext: `context` is undefined. Seems you forgot to wrap all tabs components within <Tabs />"});function useTabList(props){let{focusedIndex,orientation,direction}=useTabsContext(),descendants=useTabsDescendantsContext(),onKeyDown=import_react80.useCallback((event)=>{let nextTab=()=>{let next=descendants.nextEnabled(focusedIndex);if(next)next.node?.focus()},prevTab=()=>{let prev=descendants.prevEnabled(focusedIndex);if(prev)prev.node?.focus()},firstTab=()=>{let first=descendants.firstEnabled();if(first)first.node?.focus()},lastTab=()=>{let last=descendants.lastEnabled();if(last)last.node?.focus()},isHorizontal=orientation==="horizontal",isVertical=orientation==="vertical",eventKey=event.key,ArrowStart=direction==="ltr"?"ArrowLeft":"ArrowRight",ArrowEnd=direction==="ltr"?"ArrowRight":"ArrowLeft",action={[ArrowStart]:()=>isHorizontal&&prevTab(),[ArrowEnd]:()=>isHorizontal&&nextTab(),ArrowDown:()=>isVertical&&nextTab(),ArrowUp:()=>isVertical&&prevTab(),Home:firstTab,End:lastTab}[eventKey];if(action)event.preventDefault(),action(event)},[descendants,focusedIndex,orientation,direction]);return{...props,role:"tablist","aria-orientation":orientation,onKeyDown:callAllHandlers(props.onKeyDown,onKeyDown)}}function useTab(props){let{isDisabled=!1,isFocusable=!1,...htmlProps}=props,{setSelectedIndex,isManual,id,setFocusedIndex,selectedIndex}=useTabsContext(),{index,register}=useTabsDescendant({disabled:isDisabled&&!isFocusable}),isSelected=index===selectedIndex,onClick=()=>{setSelectedIndex(index)},onFocus=()=>{if(setFocusedIndex(index),!isManual&&!(isDisabled&&isFocusable))setSelectedIndex(index)},clickableProps=useClickable({...htmlProps,ref:mergeRefs(register,props.ref),isDisabled,isFocusable,onClick:callAllHandlers(props.onClick,onClick)}),type="button";return{...clickableProps,id:makeTabId(id,index),role:"tab",tabIndex:isSelected?0:-1,type:"button","aria-selected":isSelected,"aria-controls":makeTabPanelId(id,index),onFocus:isDisabled?void 0:callAllHandlers(props.onFocus,onFocus)}}var[TabPanelProvider,useTabPanelContext]=createContext({});function useTabPanels(props){let context=useTabsContext(),{id,selectedIndex}=context,children=getValidChildren(props.children).map((child,index)=>import_react80.createElement(TabPanelProvider,{key:child.key??index,value:{isSelected:index===selectedIndex,id:makeTabPanelId(id,index),tabId:makeTabId(id,index),selectedIndex}},child));return{...props,children}}function useTabPanel(props){let{children,...htmlProps}=props,{isLazy,lazyBehavior}=useTabsContext(),{isSelected,id,tabId}=useTabPanelContext(),hasBeenSelected=import_react80.useRef(!1);if(isSelected)hasBeenSelected.current=!0;let shouldRenderChildren=lazyDisclosure({wasSelected:hasBeenSelected.current,isSelected,enabled:isLazy,mode:lazyBehavior});return{tabIndex:0,...htmlProps,children:shouldRenderChildren?children:null,role:"tabpanel","aria-labelledby":tabId,hidden:!isSelected,id}}function makeTabId(id,index){return`${id}--tab-${index}`}function makeTabPanelId(id,index){return`${id}--tabpanel-${index}`}var[TabsStylesProvider,useTabsStyles]=createContext({name:"TabsStylesContext",errorMessage:`useTabsStyles returned is 'undefined'. Seems you forgot to wrap the components in "<Tabs />" `}),Tabs=forwardRef3(function(props,ref){let styles=useMultiStyleConfig("Tabs",props),{children,className,...rest}=omitThemingProps(props),{htmlProps,descendants,...ctx}=useTabs(rest),context=import_react81.useMemo(()=>ctx,[ctx]),{isFitted:_,...rootProps}=htmlProps,tabsStyles={position:"relative",...styles.root};return import_jsx_runtime76.jsx(TabsDescendantsProvider,{value:descendants,children:import_jsx_runtime76.jsx(TabsProvider,{value:context,children:import_jsx_runtime76.jsx(TabsStylesProvider,{value:styles,children:import_jsx_runtime76.jsx(chakra.div,{className:cx("chakra-tabs",className),ref,...rootProps,__css:tabsStyles,children})})})})});Tabs.displayName="Tabs";var Tab=forwardRef3(function(props,ref){let styles=useTabsStyles(),tabProps=useTab({...props,ref}),tabStyles=defineStyle({outline:"0",display:"flex",alignItems:"center",justifyContent:"center",...styles.tab});return import_jsx_runtime77.jsx(chakra.button,{...tabProps,className:cx("chakra-tabs__tab",props.className),__css:tabStyles})});Tab.displayName="Tab";var import_jsx_runtime78=__toESM(require_react_jsx_runtime_development(),1);var TabList=forwardRef3(function(props,ref){let tablistProps=useTabList({...props,ref}),styles=useTabsStyles(),tablistStyles=defineStyle({display:"flex",...styles.tablist});return import_jsx_runtime78.jsx(chakra.div,{...tablistProps,className:cx("chakra-tabs__tablist",props.className),__css:tablistStyles})});TabList.displayName="TabList";var import_jsx_runtime79=__toESM(require_react_jsx_runtime_development(),1);var TabPanel=forwardRef3(function(props,ref){let panelProps=useTabPanel({...props,ref}),styles=useTabsStyles();return import_jsx_runtime79.jsx(chakra.div,{outline:"0",...panelProps,className:cx("chakra-tabs__tab-panel",props.className),__css:styles.tabpanel})});TabPanel.displayName="TabPanel";var import_jsx_runtime80=__toESM(require_react_jsx_runtime_development(),1);var TabPanels=forwardRef3(function(props,ref){let panelsProps=useTabPanels(props),styles=useTabsStyles();return import_jsx_runtime80.jsx(chakra.div,{...panelsProps,width:"100%",ref,className:cx("chakra-tabs__tab-panels",props.className),__css:styles.tabpanels})});TabPanels.displayName="TabPanels";var import_jsx_runtime81=__toESM(require_react_jsx_runtime_development(),1);var[TagStylesProvider,useTagStyles]=createContext({name:"TagStylesContext",errorMessage:`useTagStyles returned is 'undefined'. Seems you forgot to wrap the components in "<Tag />" `}),Tag=forwardRef3((props,ref)=>{let styles=useMultiStyleConfig("Tag",props),ownProps=omitThemingProps(props),containerStyles={display:"inline-flex",verticalAlign:"top",alignItems:"center",maxWidth:"100%",...styles.container};return import_jsx_runtime81.jsx(TagStylesProvider,{value:styles,children:import_jsx_runtime81.jsx(chakra.span,{ref,...ownProps,__css:containerStyles})})});Tag.displayName="Tag";var TagLabel=forwardRef3((props,ref)=>{let styles=useTagStyles();return import_jsx_runtime81.jsx(chakra.span,{ref,noOfLines:1,...props,__css:styles.label})});TagLabel.displayName="TagLabel";var TagLeftIcon=forwardRef3((props,ref)=>import_jsx_runtime81.jsx(Icon2,{ref,verticalAlign:"top",marginEnd:"0.5rem",...props}));TagLeftIcon.displayName="TagLeftIcon";var TagRightIcon=forwardRef3((props,ref)=>import_jsx_runtime81.jsx(Icon2,{ref,verticalAlign:"top",marginStart:"0.5rem",...props}));TagRightIcon.displayName="TagRightIcon";var TagCloseIcon=(props)=>import_jsx_runtime81.jsx(Icon2,{verticalAlign:"inherit",viewBox:"0 0 512 512",...props,children:import_jsx_runtime81.jsx("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"})});TagCloseIcon.displayName="TagCloseIcon";var TagCloseButton=forwardRef3((props,ref)=>{let{isDisabled,children,...rest}=props,btnStyles={display:"flex",alignItems:"center",justifyContent:"center",outline:"0",...useTagStyles().closeButton};return import_jsx_runtime81.jsx(chakra.button,{ref,"aria-label":"close",...rest,type:"button",disabled:isDisabled,__css:btnStyles,children:children||import_jsx_runtime81.jsx(TagCloseIcon,{})})});TagCloseButton.displayName="TagCloseButton";var import_jsx_runtime82=__toESM(require_react_jsx_runtime_development(),1);var omitted=["h","minH","height","minHeight"],Textarea=forwardRef3((props,ref)=>{let styles=useStyleConfig("Textarea",props),{className,rows,...rest}=omitThemingProps(props),textareaProps=useFormControl(rest),textareaStyles=rows?omit(styles,omitted):styles;return import_jsx_runtime82.jsx(chakra.textarea,{ref,rows,...textareaProps,className:cx("chakra-textarea",className),__css:textareaStyles})});Textarea.displayName="Textarea";var import_jsx_runtime83=__toESM(require_react_jsx_runtime_development(),1);var Heading=forwardRef3(function(props,ref){let styles=useStyleConfig("Heading",props),{className,...rest}=omitThemingProps(props);return import_jsx_runtime83.jsx(chakra.h2,{ref,className:cx("chakra-heading",props.className),...rest,__css:styles})});Heading.displayName="Heading";var import_jsx_runtime84=__toESM(require_react_jsx_runtime_development(),1);var Text=forwardRef3(function(props,ref){let styles=useStyleConfig("Text",props),{className,align,decoration,casing,...rest}=omitThemingProps(props),aliasedProps=compact({textAlign:props.align,textDecoration:props.decoration,textTransform:props.casing});return import_jsx_runtime84.jsx(chakra.p,{ref,className:cx("chakra-text",props.className),...aliasedProps,...rest,__css:styles})});Text.displayName="Text";var import_react83=__toESM(require_react_development(),1);function chrome(props){let className=typeof props.className==="string"?props.className:void 0,nodePath=props["data-node-path"];return{...className!==void 0?{className}:{},...typeof nodePath==="string"?{"data-node-path":nodePath}:{}}}function mergeSx(baseSx,sx){return sx&&typeof sx==="object"&&!Array.isArray(sx)?{...baseSx,...sx}:baseSx}function surface(props,baseSx){return import_react83.createElement(Box,{...chrome(props),sx:mergeSx(baseSx,props.sx)},props.children)}function nothing(){return null}var MODAL_MAX_W={xs:"xs",sm:"sm",md:"md",lg:"lg",xl:"xl","2xl":"2xl",full:"100%"};function Modal2(props){let maxW=typeof props.size==="string"?MODAL_MAX_W[props.size]??"md":"md";return surface(props,{w:"100%",maxW,mx:"auto",my:4})}var ModalOverlay4=nothing;function ModalContent2(props){return surface(props,{bg:"chakra-body-bg",borderRadius:"md",boxShadow:"lg",overflow:"hidden",position:"relative"})}function ModalHeader4(props){return surface(props,{px:6,py:4,fontSize:"xl",fontWeight:"semibold"})}function ModalBody4(props){return surface(props,{px:6,py:2})}function ModalFooter4(props){return surface(props,{display:"flex",justifyContent:"flex-end",gap:3,px:6,py:4})}function ModalCloseButton4(props){return import_react83.createElement(CloseButton,{...chrome(props),sx:mergeSx({position:"absolute",top:2,insetEnd:3},props.sx)})}function Drawer2(props){return surface(props,{w:"320px",maxW:"100%",h:"100%"})}var DrawerOverlay=nothing;function DrawerContent2(props){return surface(props,{bg:"chakra-body-bg",h:"100%",boxShadow:"lg",display:"flex",flexDirection:"column"})}function DrawerHeader(props){return surface(props,{px:6,py:4,fontSize:"xl",fontWeight:"semibold"})}function DrawerBody(props){return surface(props,{px:6,py:2,flex:"1"})}function DrawerFooter(props){return surface(props,{display:"flex",justifyContent:"flex-end",gap:3,px:6,py:4})}function Popover2(props){return surface(props,{display:"inline-block"})}function PopoverTrigger2(props){return import_react83.createElement(import_react83.Fragment,null,props.children)}function PopoverContent2(props){return surface(props,{w:"xs",mt:2,bg:"chakra-body-bg",borderWidth:"1px",borderColor:"chakra-border-color",borderRadius:"md",boxShadow:"lg"})}function PopoverHeader2(props){return surface(props,{px:3,py:2,borderBottomWidth:"1px",fontWeight:"medium"})}function PopoverBody2(props){return surface(props,{px:3,py:2})}var PopoverArrow2=nothing;function Menu2(props){return surface(props,{display:"inline-block"})}function MenuButton2(props){return import_react83.createElement(Button,{...chrome(props),variant:"outline",sx:mergeSx({},props.sx)},props.children)}function MenuList2(props){return surface(props,{minW:"3xs",mt:2,py:2,bg:"chakra-body-bg",borderWidth:"1px",borderColor:"chakra-border-color",borderRadius:"md",boxShadow:"lg"})}function MenuItem2(props){return surface(props,{display:"flex",alignItems:"center",gap:2,px:3,py:1.5})}function MenuDivider2(props){return import_react83.createElement(Divider,{...chrome(props),sx:mergeSx({my:2},props.sx)})}function Tooltip2(props){let label=props.label;return import_react83.createElement(import_react83.Fragment,null,props.children,label==null?null:import_react83.createElement(Box,{as:"span",...chrome(props),sx:mergeSx({display:"inline-block",bg:"gray.700",color:"white",borderRadius:"sm",px:2,py:1,fontSize:"sm",lineHeight:"shorter",ml:2,verticalAlign:"middle"},props.sx)},label))}var helperRegistry={Icon:chakra(Icon),Image:chakra(Image2,{baseStyle:{objectFit:"cover",objectPosition:"50% 50%","& > img":{objectFit:"inherit",objectPosition:"inherit"}}}),Placeholder:chakra(Placeholder),SVG:chakra(SVG),Layer:chakra(Layer),Gradient:chakra(Gradient),Prose:chakra(Prose)},registry={Box,Container:Container2,Flex,Grid,GridItem,HStack,Spacer,Stack,VStack,Alert,AlertDescription,AlertIcon,AlertTitle,Avatar,Badge,Card,CardBody,CardFooter,CardHeader,Divider,Progress,Skeleton,Stat,StatArrow,StatHelpText,StatLabel,StatNumber,Tag,Heading,Text,Button,Checkbox,IconButton,Input,Radio,Select,Slider,SliderFilledTrack,SliderThumb,SliderTrack,Switch,Textarea,Breadcrumb,BreadcrumbItem,BreadcrumbLink,List,ListItem,Tab,Table,TableContainer,TabList,TabPanel,TabPanels,Tabs,Tbody,Td,Th,Thead,Tr,Drawer:Drawer2,DrawerBody,DrawerContent:DrawerContent2,DrawerFooter,DrawerHeader,DrawerOverlay,Menu:Menu2,MenuButton:MenuButton2,MenuDivider:MenuDivider2,MenuItem:MenuItem2,MenuList:MenuList2,Modal:Modal2,ModalBody:ModalBody4,ModalCloseButton:ModalCloseButton4,ModalContent:ModalContent2,ModalFooter:ModalFooter4,ModalHeader:ModalHeader4,ModalOverlay:ModalOverlay4,Popover:Popover2,PopoverArrow:PopoverArrow2,PopoverBody:PopoverBody2,PopoverContent:PopoverContent2,PopoverHeader:PopoverHeader2,PopoverTrigger:PopoverTrigger2,Tooltip:Tooltip2,...helperRegistry};var import_react87=__toESM(require_react_development(),1);function chakraColor(css){let s=css.trim();if(/^(#|rgb|hsl)/i.test(s))return s;return formatRgb(parse_default(s))??s}function base(slot,fallback){if(typeof slot==="string")return chakraColor(slot);if(slot&&typeof slot==="object"&&typeof slot.DEFAULT==="string")return chakraColor(slot.DEFAULT);return chakraColor(fallback)}var toOklch=converter_default("oklch");function brandScale(primary){let safe=chakraColor(primary),okl=(()=>{let parsed=parse_default(primary);return parsed?toOklch(parsed):void 0})();if(!okl)return Object.fromEntries(["50","100","200","300","400","500","600","700","800","900"].map((k)=>[k,safe]));let{l=0.55,c=0,h}=okl,at=(lightness,chroma)=>formatHex({mode:"oklch",l:Math.min(Math.max(lightness,0),1),c:Math.max(chroma,0),...h===void 0?{}:{h}});return{50:at(0.982,c*0.12),100:at(0.955,c*0.25),200:at(0.9,c*0.45),300:at(0.83,c*0.65),400:at(0.73,c*0.85),500:safe,600:at(l*0.88,c),700:at(l*0.74,c*0.95),800:at(l*0.6,c*0.85),900:at(l*0.47,c*0.72)}}function radiusCss(theme){let md=theme.radius?.md;if(typeof md==="number")return`${md}px`;if(typeof md==="string")return md;return"8px"}function chakraTypography(theme,fallbackSans){let typography=theme.typography,scale=typesetScale(typography.typesets?.[DEFAULT_TYPESET_NAME],{...typography.fontFamily?{fontFamily:typography.fontFamily}:{}}),fontSizes={},lineHeights={},letterSpacings={},fontWeights={};for(let[role,resolved]of Object.entries(scale))fontSizes[role]=`${resolved.fontSize}px`,lineHeights[role]=resolved.lineHeight,letterSpacings[role]=resolved.letterSpacing,fontWeights[role]=resolved.fontWeight;let mono=typography.fontFamily?.mono;return{fonts:{heading:scale.h1.fontFamily??fallbackSans,body:scale.body.fontFamily??fallbackSans,...mono?{mono}:{}},fontSizes,lineHeights,letterSpacings,fontWeights}}function chakraThemeOptions(theme,dark=!1){let c=resolveColors(theme,dark),fg=chakraColor(c.foreground),sans=theme.typography.fontFamily?.sans??"system-ui, -apple-system, sans-serif";return{config:{initialColorMode:dark?"dark":"light",useSystemColorMode:!1},colors:{brand:brandScale(base(c.primary,"#4f46e5"))},semanticTokens:{colors:{"chakra-body-bg":chakraColor(c.background),"chakra-body-text":fg,...c.border?{"chakra-border-color":chakraColor(c.border)}:{},...c.muted?{"chakra-subtle-text":base(c.muted,fg),"chakra-placeholder-color":base(c.muted,fg)}:{}}},...chakraTypography(theme,sans),radii:{md:radiusCss(theme)}}}function makeRenderPass(theme,dark=!1){let cache=$_default2({key:"vchakra",prepend:!0}),server=$_default3(cache),chakraTheme=extendTheme(chakraThemeOptions(theme,dark));return{wrap:(element)=>import_react87.createElement(import_emotion_react_development_cjs.CacheProvider,{value:cache},import_react87.createElement(ChakraProvider,{theme:chakraTheme},import_react87.createElement("div",{"data-theme":dark?"dark":"light",className:dark?"chakra-ui-dark":"chakra-ui-light"},element))),css:(html)=>server.extractCriticalToChunks(html).styles.map((s)=>s.css).join("")}}var here=dirname(fileURLToPath(import.meta.url)),srcDir=resolveProviderSrcDir(here,"provider-chakra",process.env.VELLOO_CHAKRA_SRC);function createProvider2(){return{id:"chakra",version:CHAKRA_VERSION,label:"Chakra UI v2",componentsDir:srcDir,styleEntryPath:join(srcDir,"tailwind-entry.css"),registry,loadManifest:async()=>CHAKRA_MANIFEST,catalog:async()=>catalogFromManifest(CHAKRA_MANIFEST.filter((c)=>c.source==="chakra"),{importPath:"@chakra-ui/react"}),styleChannel:SX_PROP,styleChannels:["sx"],mcpIntro:()=>[...CHAKRA_INTRO],renderPass:(theme,dark)=>makeRenderPass(theme,dark??!1),codegenModule:"@chakra-ui/react",themeToNative:(theme,dark)=>chakraThemeOptions(theme,dark),themeModule:{importLines:['import { extendTheme } from "@chakra-ui/react";'],factory:"extendTheme",defaultPath:"chakra-theme.ts"}}}export{createProvider2 as createProvider};
|