@tresjs/leches 0.15.0-next.3 → 1.0.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.
Files changed (31) hide show
  1. package/dist/components/BooleanControl.vue.d.ts +7 -18
  2. package/dist/components/ButtonControl.vue.d.ts +5 -16
  3. package/dist/components/ColorControl.vue.d.ts +7 -18
  4. package/dist/components/ControlInput.vue.d.ts +7 -17
  5. package/dist/components/ControlLabel.vue.d.ts +5 -16
  6. package/dist/components/FPSGraph.vue.d.ts +7 -16
  7. package/dist/components/Folder.vue.d.ts +9 -16
  8. package/dist/components/GraphControl.vue.d.ts +9 -0
  9. package/dist/components/NumberControl.vue.d.ts +7 -18
  10. package/dist/components/SelectControl.vue.d.ts +7 -18
  11. package/dist/components/SliderControl.vue.d.ts +7 -18
  12. package/dist/components/TextControl.vue.d.ts +7 -18
  13. package/dist/components/TresLeches.vue.d.ts +38 -12
  14. package/dist/components/VectorControl.vue.d.ts +7 -18
  15. package/dist/composables/useControls.d.ts +8 -10
  16. package/dist/composables/useDraggable/component.d.ts +3 -3
  17. package/dist/composables/useDraggable/index.d.ts +21 -6
  18. package/dist/index.d.ts +2 -4
  19. package/dist/tresleches.js +2667 -829
  20. package/dist/types/index.d.ts +77 -0
  21. package/dist/utils/index.d.ts +1 -2
  22. package/package.json +61 -64
  23. package/dist/components/Graph.vue.d.ts +0 -21
  24. package/dist/components/Perf.vue.d.ts +0 -2
  25. package/dist/components/performance-monitor/Pane.vue.d.ts +0 -22
  26. package/dist/components/performance-monitor/Tree.vue.d.ts +0 -42
  27. package/dist/components/performance-monitor/index.vue.d.ts +0 -21
  28. package/dist/composables/usePerf.d.ts +0 -37
  29. package/dist/style.css +0 -8
  30. package/dist/tresleches.umd.cjs +0 -8
  31. package/dist/utils/perf.d.ts +0 -6
package/dist/tresleches.js CHANGED
@@ -1,1070 +1,2908 @@
1
1
  /**
2
2
  * name: @tresjs/leches
3
- * version: v0.15.0-next.3
4
- * (c) 2023
3
+ * version: v1.0.0
4
+ * (c) 2025
5
5
  * description: Tasty GUI for Vue controls 🍰
6
6
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
7
7
  */
8
- import { unref as k, isRef as H, toRefs as q, customRef as $t, ref as b, watch as N, computed as P, defineComponent as w, reactive as V, h as kt, provide as pt, isReactive as Mt, onUnmounted as Ct, openBlock as d, createElementBlock as v, normalizeClass as C, Fragment as K, createTextVNode as J, toDisplayString as M, createVNode as F, createElementVNode as i, withDirectives as Q, vShow as Z, normalizeStyle as Et, renderList as B, createCommentVNode as W, watchEffect as Tt, createBlock as I, Transition as ft, withCtx as R, renderSlot as mt } from "vue";
9
- import { useWindowSize as vt, useEventListener as tt, useStorage as St, isClient as It, useFps as Ft, useMemory as At, useRafFn as bt, useMouse as st, useMousePressed as Dt, useKeyModifier as ut } from "@vueuse/core";
10
- import { useTresContext as Kt } from "@tresjs/core";
11
- function O(e) {
12
- return typeof e == "function" ? e() : k(e);
13
- }
14
- const gt = typeof window < "u" && typeof document < "u";
8
+ (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(`@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-2139c91e],[data-v-2139c91e]:before,[data-v-2139c91e]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-2139c91e]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.tl-w-1\\/3[data-v-2139c91e]{width:33.3333333333%}.tl-truncate[data-v-2139c91e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .dark\\:tl-text-gray-400[data-v-2139c91e]{--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity))}.tl-text-gray-500[data-v-2139c91e]{--tl-text-opacity:1;color:rgb(107 114 128 / var(--tl-text-opacity))}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-4ad00d59],[data-v-4ad00d59]:before,[data-v-4ad00d59]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-4ad00d59]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.tl-leches-input[data-v-4ad00d59]:focus{--tl-border-opacity:1;border-color:rgb(229 231 235 / var(--tl-border-opacity));--tl-ring-width:2px;--tl-ring-offset-shadow:var(--tl-ring-inset) 0 0 0 var(--tl-ring-offset-width) var(--tl-ring-offset-color);--tl-ring-shadow:var(--tl-ring-inset) 0 0 0 calc(var(--tl-ring-width) + var(--tl-ring-offset-width)) var(--tl-ring-color);box-shadow:var(--tl-ring-offset-shadow),var(--tl-ring-shadow),var(--tl-shadow);--tl-ring-width:3px;--tl-ring-opacity:1;--tl-ring-color:rgb(229 231 235 / var(--tl-ring-opacity)) }.tl-leches-input[data-v-4ad00d59]{border-radius:.25rem;border-style:none;--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity));padding:.5rem;text-align:left;font-size:.75rem;line-height:1rem;--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity));font-family:Roboto Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";outline:2px solid transparent;outline-offset:2px}.dark .tl-leches-input[data-v-4ad00d59]{--tl-bg-opacity:1;background-color:rgb(45 45 45 / var(--tl-bg-opacity));--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity))}.tl-mb-2[data-v-4ad00d59]{margin-bottom:.5rem}.tl-w-2\\/3[data-v-4ad00d59]{width:66.6666666667%}.tl-flex[data-v-4ad00d59]{display:flex}.tl-cursor-ew-resize[data-v-4ad00d59]{cursor:ew-resize}.tl-items-center[data-v-4ad00d59]{align-items:center}.tl-justify-between[data-v-4ad00d59]{justify-content:space-between}.tl-gap-1[data-v-4ad00d59]{gap:.25rem}.tl-px-4[data-v-4ad00d59]{padding-left:1rem;padding-right:1rem}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-6f405632],[data-v-6f405632]:before,[data-v-6f405632]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-6f405632]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.tl-leches-input[data-v-6f405632]:focus{--tl-border-opacity:1;border-color:rgb(229 231 235 / var(--tl-border-opacity));--tl-ring-width:2px;--tl-ring-offset-shadow:var(--tl-ring-inset) 0 0 0 var(--tl-ring-offset-width) var(--tl-ring-offset-color);--tl-ring-shadow:var(--tl-ring-inset) 0 0 0 calc(var(--tl-ring-width) + var(--tl-ring-offset-width)) var(--tl-ring-color);box-shadow:var(--tl-ring-offset-shadow),var(--tl-ring-shadow),var(--tl-shadow);--tl-ring-width:3px;--tl-ring-opacity:1;--tl-ring-color:rgb(229 231 235 / var(--tl-ring-opacity)) }.tl-leches-input[data-v-6f405632]{border-radius:.25rem;border-style:none;--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity));padding:.5rem;text-align:left;font-size:.75rem;line-height:1rem;--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity));font-family:Roboto Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";outline:2px solid transparent;outline-offset:2px}.dark .tl-leches-input[data-v-6f405632]{--tl-bg-opacity:1;background-color:rgb(45 45 45 / var(--tl-bg-opacity));--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity))}.tl-mb-2[data-v-6f405632]{margin-bottom:.5rem}.tl-min-h-32px[data-v-6f405632]{min-height:32px}.tl-w-2\\/3[data-v-6f405632]{width:66.6666666667%}.tl-flex[data-v-6f405632]{display:flex}.tl-items-center[data-v-6f405632]{align-items:center}.tl-justify-start[data-v-6f405632]{justify-content:flex-start}.tl-gap-1[data-v-6f405632]{gap:.25rem}.tl-px-4[data-v-6f405632]{padding-left:1rem;padding-right:1rem}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-c6157237],[data-v-c6157237]:before,[data-v-c6157237]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-c6157237]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.i-ic\\:baseline-check[data-v-c6157237]{--tl-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");-webkit-mask:var(--tl-icon) no-repeat;mask:var(--tl-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.tl-mb-2[data-v-c6157237]{margin-bottom:.5rem}.tl-mr-2[data-v-c6157237]{margin-right:.5rem}.tl-h-4[data-v-c6157237]{height:1rem}.tl-min-h-32px[data-v-c6157237]{min-height:32px}.tl-w-4[data-v-c6157237]{width:1rem}.tl-flex[data-v-c6157237]{display:flex}.tl-inline-flex[data-v-c6157237]{display:inline-flex}.tl-cursor-pointer[data-v-c6157237]{cursor:pointer}.tl-items-center[data-v-c6157237]{align-items:center}.tl-justify-start[data-v-c6157237]{justify-content:flex-start}.tl-justify-center[data-v-c6157237]{justify-content:center}.tl-gap-1[data-v-c6157237]{gap:.25rem}.tl-border[data-v-c6157237]{border-width:1px}.tl-border-gray-300[data-v-c6157237]{--tl-border-opacity:1;border-color:rgb(209 213 219 / var(--tl-border-opacity))}.focus\\:tl-border-gray-200[data-v-c6157237]:focus{--tl-border-opacity:1;border-color:rgb(229 231 235 / var(--tl-border-opacity))}.tl-rounded[data-v-c6157237]{border-radius:.25rem}.tl-border-none[data-v-c6157237]{border-style:none}.dark .dark\\:tl-bg-dark-300[data-v-c6157237]{--tl-bg-opacity:1;background-color:rgb(45 45 45 / var(--tl-bg-opacity))}.dark .dark\\:tl-bg-gray-400[data-v-c6157237]{--tl-bg-opacity:1;background-color:rgb(156 163 175 / var(--tl-bg-opacity))}.tl-bg-dark-500[data-v-c6157237]{--tl-bg-opacity:1;background-color:rgb(31 31 31 / var(--tl-bg-opacity))}.tl-bg-gray-100[data-v-c6157237]{--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity))}.tl-px-4[data-v-c6157237]{padding-left:1rem;padding-right:1rem}.dark .dark\\:tl-text-dark[data-v-c6157237]{--tl-text-opacity:1;color:rgb(34 34 34 / var(--tl-text-opacity))}.tl-text-light[data-v-c6157237]{--tl-text-opacity:1;color:rgb(246 246 246 / var(--tl-text-opacity))}.tl-text-white[data-v-c6157237]{--tl-text-opacity:1;color:rgb(255 255 255 / var(--tl-text-opacity))}.tl-outline-none[data-v-c6157237]{outline:2px solid transparent;outline-offset:2px}.focus\\:tl-ring-2[data-v-c6157237]:focus{--tl-ring-width:2px;--tl-ring-offset-shadow:var(--tl-ring-inset) 0 0 0 var(--tl-ring-offset-width) var(--tl-ring-offset-color);--tl-ring-shadow:var(--tl-ring-inset) 0 0 0 calc(var(--tl-ring-width) + var(--tl-ring-offset-width)) var(--tl-ring-color);box-shadow:var(--tl-ring-offset-shadow),var(--tl-ring-shadow),var(--tl-shadow)}.focus\\:tl-ring-gray-200[data-v-c6157237]:focus{--tl-ring-opacity:1;--tl-ring-color:rgb(229 231 235 / var(--tl-ring-opacity)) }.tl-transition-colors[data-v-c6157237]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tl-duration-200[data-v-c6157237]{transition-duration:.2s}.tl-hidden[data-v-c6157237]{display:none}:root{--tl-border-color: #2d2d2d;--tl-thumb-bg: #2d2d2d}.dark{--tl-border-color: #9ca3af;--tl-thumb-bg: #9ca3af}.leches-range{outline:none;appearance:none;background:transparent;-webkit-appearance:none;-moz-appearance:none}.leches-range::-webkit-slider-thumb{height:1rem;width:.75rem;border:2px solid var(--tl-border-color);--un-bg-opacity: 1;background-color:var(--tl-thumb-bg);border-radius:.125rem;cursor:pointer;-webkit-appearance:none;appearance:none;--un-shadow: var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)), var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.leches-range::-webkit-slider-runnable-track,.leches-range::-moz-range-track{appearance:none}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-6347901b],[data-v-6347901b]:before,[data-v-6347901b]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-6347901b]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.tl-leches-input[data-v-6347901b]:focus{--tl-border-opacity:1;border-color:rgb(229 231 235 / var(--tl-border-opacity));--tl-ring-width:2px;--tl-ring-offset-shadow:var(--tl-ring-inset) 0 0 0 var(--tl-ring-offset-width) var(--tl-ring-offset-color);--tl-ring-shadow:var(--tl-ring-inset) 0 0 0 calc(var(--tl-ring-width) + var(--tl-ring-offset-width)) var(--tl-ring-color);box-shadow:var(--tl-ring-offset-shadow),var(--tl-ring-shadow),var(--tl-shadow);--tl-ring-width:3px;--tl-ring-opacity:1;--tl-ring-color:rgb(229 231 235 / var(--tl-ring-opacity)) }.tl-leches-input[data-v-6347901b]{border-radius:.25rem;border-style:none;--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity));padding:.5rem;text-align:left;font-size:.75rem;line-height:1rem;--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity));font-family:Roboto Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";outline:2px solid transparent;outline-offset:2px}.dark .tl-leches-input[data-v-6347901b]{--tl-bg-opacity:1;background-color:rgb(45 45 45 / var(--tl-bg-opacity));--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity))}.tl-relative[data-v-6347901b]{position:relative}.tl-mb-2[data-v-6347901b]{margin-bottom:.5rem}.tl-h-0\\.75[data-v-6347901b]{height:.1875rem}.tl-w-1\\/2[data-v-6347901b]{width:50%}.tl-w-1\\/4[data-v-6347901b]{width:25%}.tl-w-2\\/3[data-v-6347901b]{width:66.6666666667%}.tl-flex[data-v-6347901b]{display:flex}.tl-cursor-ew-resize[data-v-6347901b]{cursor:ew-resize}.tl-appearance-none[data-v-6347901b]{-webkit-appearance:none;appearance:none}.tl-items-center[data-v-6347901b]{align-items:center}.tl-justify-between[data-v-6347901b]{justify-content:space-between}.tl-gap-0\\.5[data-v-6347901b]{gap:.125rem}.tl-gap-2[data-v-6347901b]{gap:.5rem}.tl-rounded-full[data-v-6347901b]{border-radius:9999px}.dark .dark\\:tl-bg-yellow[data-v-6347901b]{--tl-bg-opacity:1;background-color:rgb(250 204 21 / var(--tl-bg-opacity))}.tl-bg-dark-200[data-v-6347901b]{--tl-bg-opacity:1;background-color:rgb(50 50 50 / var(--tl-bg-opacity))}.tl-px-4[data-v-6347901b]{padding-left:1rem;padding-right:1rem}.leches-color{box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:.125rem;border-style:none;background-color:transparent;padding:0;outline:2px solid transparent;outline-offset:2px}.leches-color::-webkit-color-swatch-wrapper{border-style:none;padding:0}.leches-color::-webkit-color-swatch{margin-top:-.125rem;height:30px;width:30px;border-radius:.125rem;border-style:none;padding:0}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-b7557ba4],[data-v-b7557ba4]:before,[data-v-b7557ba4]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-b7557ba4]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.tl-leches-input[data-v-b7557ba4]:focus{--tl-border-opacity:1;border-color:rgb(229 231 235 / var(--tl-border-opacity));--tl-ring-width:2px;--tl-ring-offset-shadow:var(--tl-ring-inset) 0 0 0 var(--tl-ring-offset-width) var(--tl-ring-offset-color);--tl-ring-shadow:var(--tl-ring-inset) 0 0 0 calc(var(--tl-ring-width) + var(--tl-ring-offset-width)) var(--tl-ring-color);box-shadow:var(--tl-ring-offset-shadow),var(--tl-ring-shadow),var(--tl-shadow);--tl-ring-width:3px;--tl-ring-opacity:1;--tl-ring-color:rgb(229 231 235 / var(--tl-ring-opacity)) }.tl-leches-input[data-v-b7557ba4]{border-radius:.25rem;border-style:none;--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity));padding:.5rem;text-align:left;font-size:.75rem;line-height:1rem;--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity));font-family:Roboto Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";outline:2px solid transparent;outline-offset:2px}.dark .tl-leches-input[data-v-b7557ba4]{--tl-bg-opacity:1;background-color:rgb(45 45 45 / var(--tl-bg-opacity));--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity))}.-tl-mt-0\\.5[data-v-b7557ba4]{margin-top:-.125rem}.tl-mb-2[data-v-b7557ba4]{margin-bottom:.5rem}.tl-box-border[data-v-b7557ba4]{box-sizing:border-box}.tl-h-30px[data-v-b7557ba4]{height:30px}.tl-w-1\\/2[data-v-b7557ba4]{width:50%}.tl-w-2\\/3[data-v-b7557ba4]{width:66.6666666667%}.tl-w-30px[data-v-b7557ba4]{width:30px}.tl-flex[data-v-b7557ba4]{display:flex}.tl-cursor-pointer[data-v-b7557ba4]{cursor:pointer}.tl-appearance-none[data-v-b7557ba4]{-webkit-appearance:none;appearance:none}.tl-items-center[data-v-b7557ba4]{align-items:center}.tl-justify-between[data-v-b7557ba4]{justify-content:space-between}.tl-gap-1[data-v-b7557ba4]{gap:.25rem}.tl-rounded-sm[data-v-b7557ba4]{border-radius:.125rem}.tl-border-none[data-v-b7557ba4]{border-style:none}.tl-bg-transparent[data-v-b7557ba4]{background-color:transparent}.tl-p-0[data-v-b7557ba4]{padding:0}.tl-px-4[data-v-b7557ba4]{padding-left:1rem;padding-right:1rem}.important-tl-outline-gray-200[data-v-b7557ba4]{--tl-outline-color-opacity:1 !important;outline-color:rgb(229 231 235 / var(--tl-outline-color-opacity))!important}.tl-outline-none[data-v-b7557ba4]{outline:2px solid transparent;outline-offset:2px}.focus\\:tl-outline-none[data-v-b7557ba4]:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:tl-ring-2[data-v-b7557ba4]:focus{--tl-ring-width:2px;--tl-ring-offset-shadow:var(--tl-ring-inset) 0 0 0 var(--tl-ring-offset-width) var(--tl-ring-offset-color);--tl-ring-shadow:var(--tl-ring-inset) 0 0 0 calc(var(--tl-ring-width) + var(--tl-ring-offset-width)) var(--tl-ring-color);box-shadow:var(--tl-ring-offset-shadow),var(--tl-ring-shadow),var(--tl-shadow)}.focus\\:tl-ring-gray-100[data-v-b7557ba4]:focus{--tl-ring-opacity:1;--tl-ring-color:rgb(243 244 246 / var(--tl-ring-opacity)) }@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-36129c4d],[data-v-36129c4d]:before,[data-v-36129c4d]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-36129c4d]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.tl-relative[data-v-36129c4d]{position:relative}.tl-mb-2[data-v-36129c4d]{margin-bottom:.5rem}.tl-w-1\\/2[data-v-36129c4d]{width:50%}.tl-w-1\\/3[data-v-36129c4d]{width:33.3333333333%}.tl-w-2\\/3[data-v-36129c4d]{width:66.6666666667%}.tl-w-2\\/5[data-v-36129c4d]{width:40%}.tl-w-full[data-v-36129c4d]{width:100%}.tl-flex[data-v-36129c4d]{display:flex}.tl-cursor-ew-resize[data-v-36129c4d]{cursor:ew-resize}.tl-items-center[data-v-36129c4d]{align-items:center}.tl-justify-between[data-v-36129c4d]{justify-content:space-between}.tl-gap-0\\.5[data-v-36129c4d]{gap:.125rem}.tl-gap-1[data-v-36129c4d]{gap:.25rem}.focus\\:tl-border-gray-200[data-v-36129c4d]:focus{--tl-border-opacity:1;border-color:rgb(229 231 235 / var(--tl-border-opacity))}.tl-rounded[data-v-36129c4d]{border-radius:.25rem}.tl-border-none[data-v-36129c4d]{border-style:none}.dark .dark\\:tl-bg-dark-300[data-v-36129c4d]{--tl-bg-opacity:1;background-color:rgb(45 45 45 / var(--tl-bg-opacity))}.tl-bg-gray-100[data-v-36129c4d]{--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity))}.tl-bg-transparent[data-v-36129c4d]{background-color:transparent}.tl-p-1[data-v-36129c4d]{padding:.25rem}.tl-px-0[data-v-36129c4d]{padding-left:0;padding-right:0}.tl-px-1[data-v-36129c4d]{padding-left:.25rem;padding-right:.25rem}.tl-px-4[data-v-36129c4d]{padding-left:1rem;padding-right:1rem}.tl-py-1[data-v-36129c4d]{padding-top:.25rem;padding-bottom:.25rem}.tl-text-right[data-v-36129c4d]{text-align:right}.tl-text-0\\.65rem[data-v-36129c4d]{font-size:.65rem}.dark .dark\\:tl-text-gray-400[data-v-36129c4d],.tl-text-gray-400[data-v-36129c4d]{--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity))}.tl-text-gray-300[data-v-36129c4d]{--tl-text-opacity:1;color:rgb(209 213 219 / var(--tl-text-opacity))}.tl-font-bold[data-v-36129c4d]{font-weight:700}.tl-font-sans[data-v-36129c4d]{font-family:Roboto Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.tl-outline-none[data-v-36129c4d]{outline:2px solid transparent;outline-offset:2px}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-eb34d785],[data-v-eb34d785]:before,[data-v-eb34d785]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-eb34d785]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.tl-absolute[data-v-eb34d785]{position:absolute}.tl-relative[data-v-eb34d785]{position:relative}.tl-bottom-0\\.5[data-v-eb34d785]{bottom:.125rem}.tl-right-0\\.5[data-v-eb34d785]{right:.125rem}.tl-mb-2[data-v-eb34d785]{margin-bottom:.5rem}.tl-w-2\\/3[data-v-eb34d785]{width:66.6666666667%}.tl-flex[data-v-eb34d785]{display:flex}.tl-items-center[data-v-eb34d785]{align-items:center}.tl-gap-1[data-v-eb34d785]{gap:.25rem}.tl-rounded[data-v-eb34d785]{border-radius:.25rem}.tl-border-none[data-v-eb34d785]{border-style:none}.dark .dark\\:tl-bg-dark-300[data-v-eb34d785]{--tl-bg-opacity:1;background-color:rgb(45 45 45 / var(--tl-bg-opacity))}.tl-bg-gray-100[data-v-eb34d785]{--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity))}.tl-px-4[data-v-eb34d785]{padding-left:1rem;padding-right:1rem}.tl-py-1[data-v-eb34d785]{padding-top:.25rem;padding-bottom:.25rem}.tl-text-right[data-v-eb34d785]{text-align:right}.tl-text-xs[data-v-eb34d785]{font-size:.75rem;line-height:1rem}.dark .dark\\:tl-text-gray-400[data-v-eb34d785],.tl-text-gray-400[data-v-eb34d785]{--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity))}.tl-font-sans[data-v-eb34d785]{font-family:Roboto Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.tl-outline-none[data-v-eb34d785]{outline:2px solid transparent;outline-offset:2px}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-efd7aab3],[data-v-efd7aab3]:before,[data-v-efd7aab3]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-efd7aab3]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.tl-leches-input[data-v-efd7aab3]:focus{--tl-border-opacity:1;border-color:rgb(229 231 235 / var(--tl-border-opacity));--tl-ring-width:2px;--tl-ring-offset-shadow:var(--tl-ring-inset) 0 0 0 var(--tl-ring-offset-width) var(--tl-ring-offset-color);--tl-ring-shadow:var(--tl-ring-inset) 0 0 0 calc(var(--tl-ring-width) + var(--tl-ring-offset-width)) var(--tl-ring-color);box-shadow:var(--tl-ring-offset-shadow),var(--tl-ring-shadow),var(--tl-shadow);--tl-ring-width:3px;--tl-ring-opacity:1;--tl-ring-color:rgb(229 231 235 / var(--tl-ring-opacity)) }.tl-leches-input[data-v-efd7aab3]{border-radius:.25rem;border-style:none;--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity));padding:.5rem;text-align:left;font-size:.75rem;line-height:1rem;--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity));font-family:Roboto Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";outline:2px solid transparent;outline-offset:2px}.dark .tl-leches-input[data-v-efd7aab3]{--tl-bg-opacity:1;background-color:rgb(45 45 45 / var(--tl-bg-opacity));--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity))}.tl-mb-2[data-v-efd7aab3]{margin-bottom:.5rem}.tl-min-h-40px[data-v-efd7aab3]{min-height:40px}.tl-w-2\\/3[data-v-efd7aab3]{width:66.6666666667%}.tl-flex[data-v-efd7aab3]{display:flex}.tl-items-center[data-v-efd7aab3]{align-items:center}.tl-justify-start[data-v-efd7aab3]{justify-content:flex-start}.tl-gap-1[data-v-efd7aab3]{gap:.25rem}.tl-px-4[data-v-efd7aab3]{padding-left:1rem;padding-right:1rem}.leches-btn{display:flex;cursor:pointer;align-items:center;border-radius:.375rem;border-style:none;font-weight:700;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.leches-btn-sm{padding:.5rem .625rem;font-size:.75rem;line-height:1rem}.leches-btn-md{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.leches-btn-lg{padding:.5rem 1rem;font-size:1rem;line-height:1.5rem}.leches-btn-block{width:100%;justify-content:center;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.leches-btn-primary{--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity));--tl-text-opacity:1;color:rgb(55 65 81 / var(--tl-text-opacity))}.dark .leches-btn-primary{--tl-bg-opacity:1;background-color:rgb(34 34 34 / var(--tl-bg-opacity));--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity))}.leches-btn-primary:hover{--tl-bg-opacity:1;background-color:rgb(229 231 235 / var(--tl-bg-opacity))}.dark .leches-btn-primary:hover{--tl-bg-opacity:1;background-color:rgb(28 28 30 / var(--tl-bg-opacity))}.leches-btn-secondary{--tl-bg-opacity:1;background-color:rgb(27 27 27 / var(--tl-bg-opacity));--tl-text-opacity:1;color:rgb(252 252 252 / var(--tl-text-opacity))}.dark .leches-btn-secondary{--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity));--tl-text-opacity:1;color:rgb(55 65 81 / var(--tl-text-opacity))}.leches-btn-secondary:hover{--tl-bg-opacity:1;background-color:rgb(28 28 30 / var(--tl-bg-opacity))}.dark .leches-btn-secondary:hover{--tl-bg-opacity:1;background-color:rgb(209 213 219 / var(--tl-bg-opacity))}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-90b5efea],[data-v-90b5efea]:before,[data-v-90b5efea]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-90b5efea]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.tl-w-full[data-v-90b5efea]{width:100%}.tl-flex[data-v-90b5efea]{display:flex}.tl-cursor-pointer[data-v-90b5efea]{cursor:pointer}.tl-items-center[data-v-90b5efea]{align-items:center}.tl-justify-center[data-v-90b5efea]{justify-content:center}.tl-rounded-md[data-v-90b5efea]{border-radius:.375rem}.tl-border-none[data-v-90b5efea]{border-style:none}.dark .dark\\:tl-bg-dark-400[data-v-90b5efea]{--tl-bg-opacity:1;background-color:rgb(34 34 34 / var(--tl-bg-opacity))}.dark .dark\\:tl-bg-dark-600[data-v-90b5efea],.tl-bg-dark-600[data-v-90b5efea]{--tl-bg-opacity:1;background-color:rgb(28 28 30 / var(--tl-bg-opacity))}.dark .dark\\:tl-bg-gray-100[data-v-90b5efea],.tl-bg-gray-100[data-v-90b5efea]{--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity))}.dark .dark\\:tl-bg-gray-300[data-v-90b5efea]{--tl-bg-opacity:1;background-color:rgb(209 213 219 / var(--tl-bg-opacity))}.tl-bg-dark-700[data-v-90b5efea]{--tl-bg-opacity:1;background-color:rgb(27 27 27 / var(--tl-bg-opacity))}.tl-bg-gray-200[data-v-90b5efea]{--tl-bg-opacity:1;background-color:rgb(229 231 235 / var(--tl-bg-opacity))}.tl-px-2\\.5[data-v-90b5efea]{padding-left:.625rem;padding-right:.625rem}.tl-px-3[data-v-90b5efea]{padding-left:.75rem;padding-right:.75rem}.tl-px-4[data-v-90b5efea]{padding-left:1rem;padding-right:1rem}.tl-py-2[data-v-90b5efea]{padding-top:.5rem;padding-bottom:.5rem}.tl-text-base[data-v-90b5efea]{font-size:1rem;line-height:1.5rem}.tl-text-sm[data-v-90b5efea]{font-size:.875rem;line-height:1.25rem}.tl-text-xs[data-v-90b5efea]{font-size:.75rem;line-height:1rem}.dark .dark\\:tl-text-gray-400[data-v-90b5efea]{--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity))}.dark .dark\\:tl-text-gray-700[data-v-90b5efea],.tl-text-gray-700[data-v-90b5efea]{--tl-text-opacity:1;color:rgb(55 65 81 / var(--tl-text-opacity))}.tl-text-light-100[data-v-90b5efea]{--tl-text-opacity:1;color:rgb(252 252 252 / var(--tl-text-opacity))}.tl-font-bold[data-v-90b5efea]{font-weight:700}.tl-transition-all[data-v-90b5efea]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tl-duration-200[data-v-90b5efea]{transition-duration:.2s}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-8947cbfb],[data-v-8947cbfb]:before,[data-v-8947cbfb]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-8947cbfb]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.tl-absolute[data-v-8947cbfb]{position:absolute}.tl-relative[data-v-8947cbfb]{position:relative}.tl-bottom-0\\.5[data-v-8947cbfb]{bottom:.125rem}.tl-right-1[data-v-8947cbfb]{right:.25rem}.tl-mb-2[data-v-8947cbfb]{margin-bottom:.5rem}.tl-w-2\\/3[data-v-8947cbfb]{width:66.6666666667%}.tl-flex[data-v-8947cbfb]{display:flex}.tl-items-center[data-v-8947cbfb]{align-items:center}.tl-gap-1[data-v-8947cbfb]{gap:.25rem}.tl-rounded[data-v-8947cbfb]{border-radius:.25rem}.tl-border-none[data-v-8947cbfb]{border-style:none}.dark .dark\\:tl-bg-dark-300[data-v-8947cbfb]{--tl-bg-opacity:1;background-color:rgb(45 45 45 / var(--tl-bg-opacity))}.tl-bg-gray-100[data-v-8947cbfb]{--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity))}.tl-p-0\\.5[data-v-8947cbfb]{padding:.125rem}.tl-px-4[data-v-8947cbfb]{padding-left:1rem;padding-right:1rem}.tl-py-1[data-v-8947cbfb]{padding-top:.25rem;padding-bottom:.25rem}.tl-text-right[data-v-8947cbfb]{text-align:right}.tl-text-xs[data-v-8947cbfb]{font-size:.75rem;line-height:1rem}.dark .dark\\:tl-text-gray-400[data-v-8947cbfb],.tl-text-gray-400[data-v-8947cbfb]{--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity))}.tl-font-sans[data-v-8947cbfb]{font-family:Roboto Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.tl-outline-none[data-v-8947cbfb]{outline:2px solid transparent;outline-offset:2px}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-348b5d84],[data-v-348b5d84]:before,[data-v-348b5d84]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-348b5d84]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.tl-flex[data-v-348b5d84]{display:flex}.tl-justify-end[data-v-348b5d84]{justify-content:flex-end}.tl-px-4[data-v-348b5d84]{padding-left:1rem;padding-right:1rem}.tl-py-2[data-v-348b5d84]{padding-top:.5rem;padding-bottom:.5rem}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-3c4e617b],[data-v-3c4e617b]:before,[data-v-3c4e617b]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-3c4e617b]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.i-ic\\:baseline-keyboard-arrow-down[data-v-3c4e617b]{--tl-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--tl-icon) no-repeat;mask:var(--tl-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-ic\\:baseline-keyboard-arrow-up[data-v-3c4e617b]{--tl-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--tl-icon) no-repeat;mask:var(--tl-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.tl-relative[data-v-3c4e617b]{position:relative}.tl-z-10[data-v-3c4e617b]{z-index:10}.tl-mb-2[data-v-3c4e617b]{margin-bottom:.5rem}.tl-w-full[data-v-3c4e617b]{width:100%}.tl-flex[data-v-3c4e617b]{display:flex}.tl-origin-top[data-v-3c4e617b]{transform-origin:top}.tl-scale-y-0[data-v-3c4e617b]{--tl-scale-y:0;transform:translate(var(--tl-translate-x)) translateY(var(--tl-translate-y)) translateZ(var(--tl-translate-z)) rotate(var(--tl-rotate)) rotateX(var(--tl-rotate-x)) rotateY(var(--tl-rotate-y)) rotate(var(--tl-rotate-z)) skew(var(--tl-skew-x)) skewY(var(--tl-skew-y)) scaleX(var(--tl-scale-x)) scaleY(var(--tl-scale-y)) scaleZ(var(--tl-scale-z))}.tl-scale-y-100[data-v-3c4e617b]{--tl-scale-y:1;transform:translate(var(--tl-translate-x)) translateY(var(--tl-translate-y)) translateZ(var(--tl-translate-z)) rotate(var(--tl-rotate)) rotateX(var(--tl-rotate-x)) rotateY(var(--tl-rotate-y)) rotate(var(--tl-rotate-z)) skew(var(--tl-skew-x)) skewY(var(--tl-skew-y)) scaleX(var(--tl-scale-x)) scaleY(var(--tl-scale-y)) scaleZ(var(--tl-scale-z))}.tl-cursor-pointer[data-v-3c4e617b]{cursor:pointer}.tl-items-center[data-v-3c4e617b]{align-items:center}.tl-justify-between[data-v-3c4e617b]{justify-content:space-between}.tl-overflow-hidden[data-v-3c4e617b]{overflow:hidden}.tl-rounded-b[data-v-3c4e617b]{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.tl-border-none[data-v-3c4e617b]{border-style:none}.dark .dark\\:tl-bg-dark-300[data-v-3c4e617b]{--tl-bg-opacity:1;background-color:rgb(45 45 45 / var(--tl-bg-opacity))}.tl-bg-gray-100[data-v-3c4e617b]{--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity))}.tl-bg-white[data-v-3c4e617b]{--tl-bg-opacity:1;background-color:rgb(255 255 255 / var(--tl-bg-opacity))}.tl-px-4[data-v-3c4e617b]{padding-left:1rem;padding-right:1rem}.tl-py-2[data-v-3c4e617b]{padding-top:.5rem;padding-bottom:.5rem}.tl-pb-2[data-v-3c4e617b]{padding-bottom:.5rem}.tl-pt-4[data-v-3c4e617b]{padding-top:1rem}.tl-text-xs[data-v-3c4e617b]{font-size:.75rem;line-height:1rem}.dark .dark\\:tl-text-gray-400[data-v-3c4e617b],.tl-text-gray-400[data-v-3c4e617b]{--tl-text-opacity:1;color:rgb(156 163 175 / var(--tl-text-opacity))}.tl-font-bold[data-v-3c4e617b]{font-weight:700}.tl-font-sans[data-v-3c4e617b]{font-family:Roboto Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.tl-opacity-0[data-v-3c4e617b]{opacity:0}.tl-opacity-100[data-v-3c4e617b]{opacity:1}.tl-transition-\\[transform\\,opacity\\][data-v-3c4e617b]{transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tl-transition-all[data-v-3c4e617b]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tl-duration-200[data-v-3c4e617b]{transition-duration:.2s}.tl-duration-400[data-v-3c4e617b]{transition-duration:.4s}.tl-ease-in[data-v-3c4e617b]{transition-timing-function:cubic-bezier(.4,0,1,1)}.tl-ease-in-out[data-v-3c4e617b]{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tl-ease-out[data-v-3c4e617b]{transition-timing-function:cubic-bezier(0,0,.2,1)}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJi8SJQtQ4Y.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJi8SJQt.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-v-88b5c6e6],[data-v-88b5c6e6]:before,[data-v-88b5c6e6]:after{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }[data-v-88b5c6e6]::backdrop{--tl-rotate:0;--tl-rotate-x:0;--tl-rotate-y:0;--tl-rotate-z:0;--tl-scale-x:1;--tl-scale-y:1;--tl-scale-z:1;--tl-skew-x:0;--tl-skew-y:0;--tl-translate-x:0;--tl-translate-y:0;--tl-translate-z:0;--tl-pan-x: ;--tl-pan-y: ;--tl-pinch-zoom: ;--tl-scroll-snap-strictness:proximity;--tl-ordinal: ;--tl-slashed-zero: ;--tl-numeric-figure: ;--tl-numeric-spacing: ;--tl-numeric-fraction: ;--tl-border-spacing-x:0;--tl-border-spacing-y:0;--tl-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-shadow:0 0 rgb(0 0 0 / 0);--tl-shadow-inset: ;--tl-shadow:0 0 rgb(0 0 0 / 0);--tl-ring-inset: ;--tl-ring-offset-width:0px;--tl-ring-offset-color:#fff;--tl-ring-width:0px;--tl-ring-color:rgb(147 197 253 / .5);--tl-blur: ;--tl-brightness: ;--tl-contrast: ;--tl-drop-shadow: ;--tl-grayscale: ;--tl-hue-rotate: ;--tl-invert: ;--tl-saturate: ;--tl-sepia: ;--tl-backdrop-blur: ;--tl-backdrop-brightness: ;--tl-backdrop-contrast: ;--tl-backdrop-grayscale: ;--tl-backdrop-hue-rotate: ;--tl-backdrop-invert: ;--tl-backdrop-opacity: ;--tl-backdrop-saturate: ;--tl-backdrop-sepia: }.i-ic-baseline-drag-indicator[data-v-88b5c6e6]{--tl-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 18c0 1.1-.9 2-2 2s-2-.9-2-2s.9-2 2-2s2 .9 2 2m-2-8c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m0-6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m6 4c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2'/%3E%3C/svg%3E");-webkit-mask:var(--tl-icon) no-repeat;mask:var(--tl-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.tl-pointer-events-none[data-v-88b5c6e6]{pointer-events:none}.tl-absolute[data-v-88b5c6e6]{position:absolute}.tl-relative[data-v-88b5c6e6]{position:relative}.tl-bottom-0[data-v-88b5c6e6]{bottom:0}.tl-left-0[data-v-88b5c6e6]{left:0}.tl-right-0[data-v-88b5c6e6]{right:0}.tl-top-0[data-v-88b5c6e6]{top:0}.tl-top-4[data-v-88b5c6e6]{top:1rem}.tl-z-10[data-v-88b5c6e6]{z-index:10}.tl-z-20[data-v-88b5c6e6]{z-index:20}.tl-z-24[data-v-88b5c6e6]{z-index:24}.tl-box-border[data-v-88b5c6e6]{box-sizing:border-box}.tl-block[data-v-88b5c6e6]{display:block}.tl-h-2[data-v-88b5c6e6]{height:.5rem}.tl-h-4[data-v-88b5c6e6]{height:1rem}.tl-h-8[data-v-88b5c6e6]{height:2rem}.tl-h-full[data-v-88b5c6e6]{height:100%}.tl-w-2[data-v-88b5c6e6]{width:.5rem}.tl-w-4[data-v-88b5c6e6]{width:1rem}.hover\\:tl-h-4[data-v-88b5c6e6]:hover{height:1rem}.hover\\:tl-h-6[data-v-88b5c6e6]:hover{height:1.5rem}.hover\\:tl-w-4[data-v-88b5c6e6]:hover{width:1rem}.hover\\:tl-w-6[data-v-88b5c6e6]:hover{width:1.5rem}.tl-flex[data-v-88b5c6e6]{display:flex}.tl-inline-flex[data-v-88b5c6e6]{display:inline-flex}.tl-flex-1[data-v-88b5c6e6]{flex:1 1 0%}.tl-flex-col[data-v-88b5c6e6]{flex-direction:column}.tl-cursor-pointer[data-v-88b5c6e6]{cursor:pointer}.tl-cursor-grabbing[data-v-88b5c6e6]{cursor:grabbing}.tl-cursor-ew-resize[data-v-88b5c6e6]{cursor:ew-resize}.tl-cursor-ns-resize[data-v-88b5c6e6]{cursor:ns-resize}.tl-cursor-nesw-resize[data-v-88b5c6e6]{cursor:nesw-resize}.tl-cursor-nwse-resize[data-v-88b5c6e6]{cursor:nwse-resize}.tl-items-center[data-v-88b5c6e6]{align-items:center}.tl-justify-end[data-v-88b5c6e6]{justify-content:flex-end}.tl-justify-center[data-v-88b5c6e6]{justify-content:center}.tl-justify-between[data-v-88b5c6e6]{justify-content:space-between}.tl-overflow-hidden[data-v-88b5c6e6]{overflow:hidden}.tl-overflow-x-hidden[data-v-88b5c6e6]{overflow-x:hidden}.tl-overflow-y-auto[data-v-88b5c6e6]{overflow-y:auto}.tl-rounded-full[data-v-88b5c6e6]{border-radius:9999px}.tl-rounded-lg[data-v-88b5c6e6]{border-radius:.5rem}.tl-border-none[data-v-88b5c6e6]{border-style:none}.dark .dark\\:tl-bg-dark-200[data-v-88b5c6e6]{--tl-bg-opacity:1;background-color:rgb(50 50 50 / var(--tl-bg-opacity))}.dark .dark\\:tl-bg-dark-300[data-v-88b5c6e6]{--tl-bg-opacity:1;background-color:rgb(45 45 45 / var(--tl-bg-opacity))}.tl-bg-gray-100[data-v-88b5c6e6]{--tl-bg-opacity:1;background-color:rgb(243 244 246 / var(--tl-bg-opacity))}.tl-bg-white[data-v-88b5c6e6]{--tl-bg-opacity:1;background-color:rgb(255 255 255 / var(--tl-bg-opacity))}.dark .dark\\:tl-from-dark-200[data-v-88b5c6e6]{--tl-gradient-from-position:0%;--tl-gradient-from:rgb(50 50 50 / var(--tl-from-opacity, 1)) var(--tl-gradient-from-position);--tl-gradient-to-position:100%;--tl-gradient-to:rgb(50 50 50 / 0) var(--tl-gradient-to-position);--tl-gradient-stops:var(--tl-gradient-from), var(--tl-gradient-to)}.tl-from-white[data-v-88b5c6e6]{--tl-gradient-from-position:0%;--tl-gradient-from:rgb(255 255 255 / var(--tl-from-opacity, 1)) var(--tl-gradient-from-position);--tl-gradient-to-position:100%;--tl-gradient-to:rgb(255 255 255 / 0) var(--tl-gradient-to-position);--tl-gradient-stops:var(--tl-gradient-from), var(--tl-gradient-to)}.tl-to-transparent[data-v-88b5c6e6]{--tl-gradient-to-position:100%;--tl-gradient-to:transparent var(--tl-gradient-to-position)}.tl-bg-gradient-linear[data-v-88b5c6e6]{background-image:linear-gradient(var(--tl-gradient, var(--tl-gradient-stops, rgb(255 255 255 / 0))))}.tl-bg-gradient-to-b[data-v-88b5c6e6]{--tl-gradient-shape:to bottom in oklch;--tl-gradient:var(--tl-gradient-shape), var(--tl-gradient-stops);background-image:linear-gradient(var(--tl-gradient))}.tl-bg-gradient-to-t[data-v-88b5c6e6]{--tl-gradient-shape:to top in oklch;--tl-gradient:var(--tl-gradient-shape), var(--tl-gradient-stops);background-image:linear-gradient(var(--tl-gradient))}.tl-p-1[data-v-88b5c6e6]{padding:.25rem}.tl-p-1\\.5[data-v-88b5c6e6]{padding:.375rem}.tl-px-4[data-v-88b5c6e6]{padding-left:1rem;padding-right:1rem}.tl-py-4[data-v-88b5c6e6]{padding-top:1rem;padding-bottom:1rem}.tl-text-xs[data-v-88b5c6e6]{font-size:.75rem;line-height:1rem}.dark .dark\\:tl-text-gray-600[data-v-88b5c6e6]{--tl-text-opacity:1;color:rgb(75 85 99 / var(--tl-text-opacity))}.tl-text-gray-200[data-v-88b5c6e6]{--tl-text-opacity:1;color:rgb(229 231 235 / var(--tl-text-opacity))}.tl-font-sans[data-v-88b5c6e6]{font-family:Roboto Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.\\!tl-opacity-100[data-v-88b5c6e6]{opacity:1!important}.tl-opacity-0[data-v-88b5c6e6]{opacity:0}.tl-shadow-xl[data-v-88b5c6e6]{--tl-shadow:var(--tl-shadow-inset) 0 20px 25px -5px var(--tl-shadow-color, rgb(0 0 0 / .1)),var(--tl-shadow-inset) 0 8px 10px -6px var(--tl-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tl-ring-offset-shadow),var(--tl-ring-shadow),var(--tl-shadow)}.tl-outline-none[data-v-88b5c6e6]{outline:2px solid transparent;outline-offset:2px}.tl-transition-all[data-v-88b5c6e6]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tl-transition-opacity[data-v-88b5c6e6]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tl-scrollbar[data-v-88b5c6e6]{--scrollbar-track:#f5f5f5;--scrollbar-thumb:#ddd;--scrollbar-width:8px;--scrollbar-height:8px;--scrollbar-track-radius:4px;--scrollbar-thumb-radius:4px;overflow:auto}.dark .dark\\:tl-scrollbar-thumb-color-gray-400[data-v-88b5c6e6]{--tl-scrollbar-thumb-opacity:1;--scrollbar-thumb:rgb(156 163 175 / var(--tl-scrollbar-thumb-opacity)) }.tl-scrollbar-thumb-color-gray-300[data-v-88b5c6e6]{--tl-scrollbar-thumb-opacity:1;--scrollbar-thumb:rgb(209 213 219 / var(--tl-scrollbar-thumb-opacity)) }.dark .dark\\:tl-scrollbar-track-color-dark-300[data-v-88b5c6e6]{--tl-scrollbar-track-opacity:1;--scrollbar-track:rgb(45 45 45 / var(--tl-scrollbar-track-opacity)) }.tl-scrollbar-track-color-gray-100[data-v-88b5c6e6]{--tl-scrollbar-track-opacity:1;--scrollbar-track:rgb(243 244 246 / var(--tl-scrollbar-track-opacity)) }.tl-scrollbar[data-v-88b5c6e6]::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-height)}.tl-scrollbar[data-v-88b5c6e6]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}.tl-scrollbar[data-v-88b5c6e6]::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}.tl-scrollbar-rounded[data-v-88b5c6e6]::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-thumb-radius)}.tl-scrollbar-rounded[data-v-88b5c6e6]::-webkit-scrollbar-track{border-radius:var(--scrollbar-track-radius)}.tl-scrollbar-radius-2[data-v-88b5c6e6]{--scrollbar-track-radius:.5rem;--scrollbar-thumb-radius:.5rem}.tl-scrollbar-thumb-radius-4[data-v-88b5c6e6]{--scrollbar-thumb-radius:1rem}.tl-scrollbar-track-radius-4[data-v-88b5c6e6]{--scrollbar-track-radius:1rem}.tl-scrollbar-w-4px[data-v-88b5c6e6]{--scrollbar-width:4px}`)),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
9
+ import { toValue as tn, isRef as It, toRefs as Ft, customRef as $n, onUnmounted as Ut, getCurrentInstance as _n, ref as b, watch as V, computed as Q, provide as to, reactive as ft, isReactive as Fe, capitalize as eo, defineComponent as L, createElementBlock as I, openBlock as A, normalizeClass as q, Fragment as _, createTextVNode as en, toDisplayString as lt, createVNode as P, createElementVNode as E, withDirectives as ie, vShow as ce, normalizeStyle as nn, renderList as mt, unref as z, createCommentVNode as H, onMounted as ue, createBlock as W, Transition as no, withCtx as oo, useSlots as fe, h as on, inject as lo, toRaw as ro, nextTick as Te, renderSlot as so } from "vue";
10
+ import { useWindowSize as Zt, useEventListener as X, useMouse as de, useDark as ln, useMousePressed as ao, useKeyModifier as Ve, useFps as io, useRafFn as rn, unrefElement as co, isObject as uo, useIntersectionObserver as fo } from "@vueuse/core";
11
+ const sn = typeof window < "u" && typeof document < "u";
15
12
  typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
16
- function Pt(e, n = {}) {
17
- if (!H(e))
18
- return q(e);
19
- const l = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
20
- for (const o in e.value)
21
- l[o] = $t(() => ({
13
+ function po(t) {
14
+ return _n();
15
+ }
16
+ function go(t, e = {}) {
17
+ if (!It(t))
18
+ return Ft(t);
19
+ const n = Array.isArray(t.value) ? Array.from({ length: t.value.length }) : {};
20
+ for (const o in t.value)
21
+ n[o] = $n(() => ({
22
22
  get() {
23
- return e.value[o];
23
+ return t.value[o];
24
24
  },
25
- set(t) {
26
- var c;
27
- if ((c = O(n.replaceRef)) != null ? c : !0)
28
- if (Array.isArray(e.value)) {
29
- const s = [...e.value];
30
- s[o] = t, e.value = s;
25
+ set(l) {
26
+ var s;
27
+ if ((s = tn(e.replaceRef)) != null ? s : !0)
28
+ if (Array.isArray(t.value)) {
29
+ const a = [...t.value];
30
+ a[o] = l, t.value = a;
31
31
  } else {
32
- const s = { ...e.value, [o]: t };
33
- Object.setPrototypeOf(s, Object.getPrototypeOf(e.value)), e.value = s;
32
+ const a = { ...t.value, [o]: l };
33
+ Object.setPrototypeOf(a, Object.getPrototypeOf(t.value)), t.value = a;
34
34
  }
35
35
  else
36
- e.value[o] = t;
36
+ t.value[o] = l;
37
37
  }
38
38
  }));
39
- return l;
39
+ return n;
40
+ }
41
+ const it = tn;
42
+ function mo(t, e) {
43
+ po() && Ut(t, e);
40
44
  }
41
- const Vt = gt ? window : void 0;
42
- function Ut(e, n = {}) {
45
+ const yo = sn ? window : void 0;
46
+ function bo(t, e = {}) {
43
47
  const {
44
- pointerTypes: l,
48
+ pointerTypes: n,
45
49
  preventDefault: o,
46
- stopPropagation: t,
47
- exact: c,
48
- onMove: a,
49
- onEnd: s,
50
- onStart: f,
51
- initialValue: y,
52
- axis: g = "both",
53
- draggingElement: u = Vt,
54
- handle: r = e
55
- } = n, { width: p } = vt();
56
- let E = p.value;
57
- const m = b(
58
- O(y) ?? { x: 0, y: 0 }
50
+ stopPropagation: l,
51
+ exact: s,
52
+ onMove: r,
53
+ onEnd: a,
54
+ onStart: i,
55
+ initialValue: u,
56
+ axis: f = "both",
57
+ draggingElement: c = yo,
58
+ handle: d = t
59
+ } = e, { width: p } = Zt();
60
+ let m = p.value;
61
+ const h = b(
62
+ it(u) ?? { x: 0, y: 0 }
59
63
  );
60
- N(p, () => {
61
- const _ = p.value - E;
62
- m.value.x += _, E = p.value;
64
+ V(p, () => {
65
+ const v = p.value - m;
66
+ h.value.x += v, m = p.value;
63
67
  });
64
- const S = b(), U = (_) => l ? l.includes(_.pointerType) : !0, T = (_) => {
65
- O(o) && _.preventDefault(), O(t) && _.stopPropagation();
66
- }, A = (_) => {
67
- if (!U(_) || O(c) && _.target !== O(e))
68
+ const w = b(), x = (v) => n ? n.includes(v.pointerType) : !0, g = (v) => {
69
+ it(o) && v.preventDefault(), it(l) && v.stopPropagation();
70
+ }, y = (v) => {
71
+ if (!x(v) || it(s) && v.target !== it(t))
68
72
  return;
69
- const h = O(e).getBoundingClientRect(), $ = {
70
- x: _.clientX - h.left,
71
- y: _.clientY - h.top
73
+ const k = it(t).getBoundingClientRect(), S = {
74
+ x: v.clientX - k.left,
75
+ y: v.clientY - k.top
72
76
  };
73
- (f == null ? void 0 : f($, _)) !== !1 && (S.value = $, T(_));
74
- }, L = (_) => {
75
- if (!U(_) || !S.value)
77
+ i?.(S, v) !== !1 && (w.value = S, g(v));
78
+ }, C = (v) => {
79
+ if (!x(v) || !w.value)
76
80
  return;
77
- let { x: h, y: $ } = m.value;
78
- (g === "x" || g === "both") && (h = _.clientX - S.value.x), (g === "y" || g === "both") && ($ = _.clientY - S.value.y), m.value = {
79
- x: h,
80
- y: $
81
- }, a == null || a(m.value, _), T(_);
82
- }, Y = (_) => {
83
- U(_) && S.value && (S.value = void 0, s == null || s(m.value, _), T(_));
81
+ let { x: k, y: S } = h.value;
82
+ (f === "x" || f === "both") && (k = v.clientX - w.value.x), (f === "y" || f === "both") && (S = v.clientY - w.value.y), h.value = {
83
+ x: k,
84
+ y: S
85
+ }, r?.(h.value, v), g(v);
86
+ }, O = (v) => {
87
+ x(v) && w.value && (w.value = void 0, a?.(h.value, v), g(v));
84
88
  };
85
- if (gt) {
86
- const _ = { capture: n.capture ?? !0 };
87
- tt(r, "pointerdown", A, _), tt(u, "pointermove", L, _), tt(u, "pointerup", Y, _);
89
+ if (sn) {
90
+ const v = { capture: e.capture ?? !0 };
91
+ X(d, "pointerdown", y, v), X(c, "pointermove", C, v), X(c, "pointerup", O, v);
88
92
  }
89
93
  return {
90
- ...Pt(m),
91
- position: m,
92
- isDragging: P(() => !!S.value),
93
- style: P(
94
- () => `left:${m.value.x}px;top:${m.value.y}px;`
94
+ ...go(h),
95
+ position: h,
96
+ isDragging: Q(() => !!w.value),
97
+ style: Q(
98
+ () => `left:${h.value.x}px;top:${h.value.y}px;`
95
99
  )
96
100
  };
97
101
  }
98
- const Ot = /* @__PURE__ */ w({
99
- name: "UseDraggable",
100
- props: [
101
- "storageKey",
102
- "storageType",
103
- "initialValue",
104
- "exact",
105
- "preventDefault",
106
- "stopPropagation",
107
- "pointerTypes",
108
- "as",
109
- "handle",
110
- "axis",
111
- "onStart",
112
- "onMove",
113
- "onEnd"
114
- ],
115
- setup(e, { slots: n }) {
116
- const l = b(), o = P(() => e.handle ?? l.value), t = e.storageKey && St(
117
- e.storageKey,
118
- O(e.initialValue) || { x: 0, y: 0 },
119
- It ? e.storageType === "session" ? sessionStorage : localStorage : void 0
120
- ), c = t || e.initialValue || { x: 0, y: 0 }, s = V(Ut(l, {
121
- ...e,
122
- handle: o,
123
- initialValue: c,
124
- onEnd: (f, y) => {
125
- var g;
126
- (g = e.onEnd) == null || g.call(e, f, y), t && (t.value.x = f.x, t.value.y = f.y);
127
- }
128
- }));
129
- return () => {
130
- if (n.default)
131
- return kt(e.as || "div", { ref: l, style: `touch-action:none;${s.style}` }, n.default(s));
132
- };
133
- }
134
- }), Bt = Symbol("CONTROLS_CONTEXT_KEY"), yt = "default", X = V({});
135
- function Lt(e = yt) {
136
- return pt(Bt, X), X[e];
137
- }
138
- const et = (e) => {
139
- const n = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$|^0x([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
140
- return typeof e == "boolean" ? "boolean" : typeof e == "number" ? "number" : typeof e == "string" && n.test(e) ? "color" : typeof e == "string" ? "string" : e.isVector3 || e.isVector2 || e.isEuler || e.value instanceof Array || e.value.isVector3 || e.value.isVector2 || e.value.isEuler || e.value.value instanceof Array ? "vector" : e.min !== void 0 || e.max !== void 0 || e.step !== void 0 ? "range" : e.options && Array.isArray(e.options) ? "select" : "unknown";
141
- }, G = (e, n, l, o) => {
142
- const t = {
143
- key: b(e),
144
- label: b(e),
145
- name: b(e),
146
- type: b(l),
147
- value: b(n),
148
- visible: b(!0),
149
- icon: b(),
150
- uniqueKey: b(e),
151
- [e]: b(n)
102
+ const ho = Symbol("CONTROLS_CONTEXT_KEY"), pe = "default", G = ft({
103
+ default: {}
104
+ });
105
+ function vo(t = pe) {
106
+ return to(ho, G), G[t];
107
+ }
108
+ const Dt = (t) => {
109
+ const e = /^#(?:[A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$|^0x(?:[A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
110
+ return typeof t == "boolean" ? "boolean" : typeof t == "number" ? "number" : typeof t == "string" && e.test(t) ? "color" : typeof t == "string" ? "text" : t.isVector3 || t.isVector2 || t.isEuler || Array.isArray(t.value) || t.value.isVector3 || t.value.isVector2 || t.value.isEuler || Array.isArray(t.value.value) ? "vector" : t.min !== void 0 || t.max !== void 0 || t.step !== void 0 ? "range" : t.options && Array.isArray(t.options) ? "select" : t.type === "graph" ? "graph" : t.variant || t.onClick ? "button" : "text";
111
+ }, Ot = (t, e, n, o, l) => {
112
+ const s = {
113
+ key: t,
114
+ label: t,
115
+ name: t,
116
+ type: n,
117
+ value: e,
118
+ visible: !0,
119
+ icon: "",
120
+ uniqueKey: t,
121
+ folder: o
122
+ // Add this line
152
123
  };
153
- return o && (t.folder = b(o)), t;
154
- }, bl = (e, n, l) => {
155
- const o = {}, t = typeof e == "string" ? e : null, c = t ? n : e, a = t && t !== "fpsgraph" ? l : n, s = (a == null ? void 0 : a.uuid) || yt;
156
- if (X[s] || (X[s] = V({})), e === "fpsgraph") {
157
- const u = G("fpsgraph", null, "fpsgraph", null);
158
- return X[s].fpsgraph = u, o.fpsgraph = u, q(V(o));
159
- }
160
- const f = X[s], y = Mt(c), g = y ? q(c) : {};
161
- for (const u in c) {
162
- let r = c[u], p = u;
163
- if (y && g[u] && (r = g[u]), t && (p = `${t}${u.charAt(0).toUpperCase() + u.slice(1)}`), typeof r == "object" && !H(r) && !Array.isArray(r) && r.value !== void 0) {
164
- const m = r, S = H(m.value) ? m.value : b(m.value), U = m.type || et(m), T = G(u, S, U, t);
165
- U === "select" && (T.options = b(m.options.map((A) => typeof A == "object" && A.text && A.value ? A : {
166
- text: A,
167
- value: A
168
- }))), U === "range" && (T.min = b(m.min || 0), T.max = b(m.max || 1), T.step = b(m.step || 0.1)), T.label.value = m.label || u, T.icon.value = m.icon, T.visible.value = m.visible !== void 0 ? m.visible : !0, T.uniqueKey.value = p, f[p] = T, o[p] = T;
169
- continue;
124
+ switch (o && (s.folder = o, s.label = s.label.replace(o.replace(/[\u{1F300}-\u{1F9FF}]/gu, "").trim(), "").toLowerCase()), n) {
125
+ case "boolean":
126
+ return { ...s, type: "boolean" };
127
+ case "number":
128
+ case "range":
129
+ return {
130
+ ...s,
131
+ type: n,
132
+ min: l?.min || 0,
133
+ max: l?.max || 1,
134
+ step: l?.step || 0.1
135
+ };
136
+ case "text":
137
+ case "color":
138
+ return { ...s, type: n };
139
+ case "select": {
140
+ const r = l?.options?.map((a) => typeof a == "object" && "text" in a && "value" in a ? a : {
141
+ text: String(a),
142
+ value: a
143
+ }) || [];
144
+ return {
145
+ ...s,
146
+ type: "select",
147
+ options: r
148
+ };
170
149
  }
171
- if (H(r)) {
172
- const m = G(u, r, r.value.type || et(r.value), t);
173
- f[p] = m, o[p] = m;
174
- continue;
175
- } else if (typeof r == "object" && !Array.isArray(r)) {
176
- const m = q(r);
177
- m[u] && (r = m[u]);
178
- }
179
- const E = G(u, r, r.type || et(r), t);
180
- f[p] = E, o[p] = E, E.uniqueKey.value = p;
181
- }
182
- return Object.keys(o).length > 1 ? q(V(o)) : Object.values(o)[0];
183
- };
184
- function zt(e) {
185
- if (typeof e == "number")
186
- return [e, e, e];
187
- if (rt(e)) {
188
- const { x: n, y: l, z: o } = e;
189
- return [n, l, o];
150
+ case "button":
151
+ return { ...s, type: "button" };
152
+ case "vector":
153
+ return { ...s, type: "vector" };
154
+ case "graph":
155
+ case "fpsgraph":
156
+ return { ...s, type: n };
157
+ default:
158
+ return { ...s, type: "text" };
190
159
  }
191
- if (nt(e)) {
192
- const { x: n, y: l } = e;
193
- return [n, l];
160
+ }, Ao = (t = pe) => {
161
+ for (const e in G[t])
162
+ delete G[t][e];
163
+ }, ka = (t, e, n) => {
164
+ const o = {}, l = {}, s = typeof t == "string" ? t : null, r = s ? e : t, i = (s && s !== "fpsgraph" ? n : e)?.uuid || pe;
165
+ if (G[i] || (G[i] = ft({})), t === "fpsgraph") {
166
+ const d = Ot("fpsgraph", null, "fpsgraph", null);
167
+ return G[i].fpsgraph = d, o.fpsgraph = d, l.fpsgraph = b(d.value), l;
194
168
  }
195
- return e;
196
- }
197
- function nt(e) {
198
- return e && typeof e.x == "number" && typeof e.y == "number";
199
- }
200
- function rt(e) {
201
- return e && typeof e.x == "number" && typeof e.y == "number" && typeof e.z == "number";
202
- }
203
- function Rt(e) {
204
- let n = 0;
205
- return e.traverse((l) => {
206
- if (l.isMesh && l.geometry) {
207
- const o = l.geometry, t = o.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, c = o.index ? o.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, a = o.attributes.normal ? o.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, s = o.attributes.uv ? o.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, f = t + c + a + s;
208
- n += f;
169
+ const u = G[i], f = Fe(r), c = f ? Ft(r) : {};
170
+ for (let d in r) {
171
+ let p = r[d], m = d;
172
+ const h = `${d}`;
173
+ if (f && c[d] && (p = c[d]), s && (d = `${s.replace(/[\u{1F300}-\u{1F9FF}]/gu, "").trim()}${eo(d)}`), m = `${i}-${d}`, typeof p == "object" && !It(p) && !Array.isArray(p) && p.value !== void 0) {
174
+ const g = p, y = It(g.value) ? g.value : b(g.value), C = g.type || Dt(g), O = Ot(d, y, C, s, g);
175
+ O.label = g.label || h, O.icon = g.icon || "", O.visible = g.visible !== void 0 ? g.visible : !0, O.uniqueKey = m, g.onUpdate && (O.onUpdate = g.onUpdate), u[d] = O, o[d] = O, l[d] = y;
176
+ continue;
209
177
  }
210
- }), n;
211
- }
212
- function qt(e) {
213
- return (e / 1024).toFixed(2);
214
- }
215
- const Nt = Symbol("PERF_CONTEXT_KEY"), it = "default", at = V({
216
- [it]: {
217
- perf: {
218
- fps: V({
219
- value: 0,
220
- accumulator: [],
221
- lastLoggedTime: Date.now(),
222
- logInterval: 1e3
223
- }),
224
- memory: V({
225
- currentMem: 0,
226
- averageMem: 0,
227
- maxMemory: 0,
228
- allocatedMem: 0,
229
- accumulator: [],
230
- lastLoggedTime: Date.now(),
231
- logInterval: 1e3
232
- }),
233
- // Placeholder for memory object
234
- gl: void 0,
235
- scene: void 0
178
+ if (It(p)) {
179
+ const g = Ot(d, p, p.value.type || Dt(p.value), s);
180
+ u[d] = g, o[d] = g, l[d] = p;
181
+ continue;
182
+ } else if (typeof p == "object" && !Array.isArray(p) && Fe(p)) {
183
+ const g = Ft(p);
184
+ g[d] && (p = g[d]);
236
185
  }
186
+ const w = b(p), x = Ot(d, w, p.type || Dt(p), s);
187
+ u[d] = x, o[d] = x, l[d] = w, x.uniqueKey = m;
237
188
  }
238
- });
239
- function ct(e = it) {
240
- return pt(Nt, at), at[e].perf;
241
- }
242
- function Xt(e) {
243
- const { renderer: n, scene: l } = Kt(), o = (e == null ? void 0 : e.renderer) || n.value;
244
- if (!o)
245
- throw new Error("Renderer not found");
246
- const t = at[it].perf;
247
- t.gl = o, t.scene = l.value;
248
- const c = 100, a = Ft({ every: c }), { isSupported: s, memory: f } = At({ interval: c }), y = 80;
249
- let g = performance.now();
250
- const u = ({ timestamp: E }) => {
251
- t.memory.allocatedMem = Rt(k(l)), E - g >= c && (g = E, t.fps.accumulator.push(a.value), t.fps.accumulator.length > y && t.fps.accumulator.shift(), t.fps.value = t.fps.accumulator.reduce((m, S) => m + S, 0) / t.fps.accumulator.length, s.value && f.value && (t.memory.accumulator.push(f.value.usedJSHeapSize / 1024 / 1024), t.memory.accumulator.length > y && t.memory.accumulator.shift(), t.memory.currentMem = t.memory.accumulator.reduce((m, S) => m + S, 0) / t.memory.accumulator.length));
252
- }, { pause: r, resume: p } = bt(u, { immediate: !0 });
253
- return Ct(() => {
254
- r();
255
- }), {
256
- perf: t,
257
- fps: t.fps,
258
- memory: t.memory,
259
- gl: t.gl,
260
- pausePerfTracking: r,
261
- resumePerfTracking: p
262
- };
263
- }
264
- const Yt = ["for", "title"], j = /* @__PURE__ */ w({
189
+ return l;
190
+ }, xo = ["for", "title"], Co = /* @__PURE__ */ L({
265
191
  __name: "ControlLabel",
266
192
  props: {
267
193
  label: {},
268
194
  control: {}
269
195
  },
270
- setup(e) {
271
- return (n, l) => (d(), v("label", {
272
- for: n.control.uniqueKey,
273
- title: n.label,
274
- class: "tl-text-gray-500 tl-w-1/3 tl-truncate"
196
+ setup(t) {
197
+ return (e, n) => (A(), I("label", {
198
+ for: t.control.uniqueKey,
199
+ title: t.label,
200
+ class: "tl-text-gray-500 dark:tl-text-gray-400 tl-w-1/3 tl-truncate"
275
201
  }, [
276
- n.control.icon ? (d(), v("i", {
202
+ t.control.icon ? (A(), I("i", {
277
203
  key: 0,
278
- class: C(n.control.icon)
279
- }, null, 2)) : (d(), v(K, { key: 1 }, [
280
- J(M(n.label), 1)
204
+ class: q(t.control.icon)
205
+ }, null, 2)) : (A(), I(_, { key: 1 }, [
206
+ en(lt(t.label), 1)
281
207
  ], 64))
282
- ], 8, Yt));
208
+ ], 8, xo));
283
209
  }
284
- }), Wt = { class: "tl-flex tl-px-4 tl-justify-between tl-gap-4 tl-items-center tl-mb-2" }, jt = ["id", "value", "min", "max", "step"], Gt = /* @__PURE__ */ w({
210
+ }), D = (t, e) => {
211
+ const n = t.__vccOpts || t;
212
+ for (const [o, l] of e)
213
+ n[o] = l;
214
+ return n;
215
+ }, Y = /* @__PURE__ */ D(Co, [["__scopeId", "data-v-2139c91e"]]), wo = { class: "tl-flex tl-px-4 tl-gap-1 tl-justify-between tl-items-center tl-mb-2" }, Oo = ["id", "value", "min", "max", "step"], ko = /* @__PURE__ */ L({
285
216
  __name: "NumberControl",
286
217
  props: {
287
218
  label: {},
288
219
  control: {}
289
220
  },
290
221
  emits: ["change"],
291
- setup(e, { emit: n }) {
292
- const l = e, o = n;
293
- function t(u) {
294
- const { target: r } = u;
295
- o("change", r.valueAsNumber);
222
+ setup(t, { emit: e }) {
223
+ const n = t, o = e;
224
+ function l(c) {
225
+ const { target: d } = c;
226
+ o("change", d.valueAsNumber);
296
227
  }
297
- const c = st(), a = b(0), s = b(!1), f = (u) => {
298
- a.value = u.clientX, s.value = !0;
299
- }, y = () => {
300
- s.value = !1;
301
- }, g = (u) => Math.floor(Math.abs(u) / 10);
302
- return N(c.x, (u) => {
303
- if (s.value) {
304
- const r = u - a.value, p = g(r);
305
- r > 0 ? o("change", l.control.value + 1 + p) : r < 0 && o("change", l.control.value - 1 + p), l.control.min !== void 0 && l.control.value < l.control.min && o("change", l.control.min), l.control.max !== void 0 && l.control.value > l.control.max && o("change", l.control.max), a.value = u;
228
+ const s = de(), r = b(0), a = b(!1), i = (c) => {
229
+ r.value = c.clientX, a.value = !0;
230
+ }, u = () => {
231
+ a.value = !1;
232
+ }, f = (c) => Math.floor(Math.abs(c) / 10);
233
+ return V(s.x, (c) => {
234
+ if (a.value) {
235
+ const d = c - r.value, p = f(d);
236
+ d > 0 ? o("change", n.control.value + 1 + p) : d < 0 && o("change", n.control.value - 1 + p), n.control.min !== void 0 && n.control.value < n.control.min && o("change", n.control.min), n.control.max !== void 0 && n.control.value > n.control.max && o("change", n.control.max), r.value = c;
306
237
  }
307
- }), (u, r) => (d(), v("div", Wt, [
308
- F(j, {
309
- label: u.label,
310
- control: u.control
238
+ }), (c, d) => (A(), I("div", wo, [
239
+ P(Y, {
240
+ label: t.label,
241
+ control: t.control
311
242
  }, null, 8, ["label", "control"]),
312
- i("input", {
313
- id: u.control.uniqueKey,
314
- value: u.control.value,
315
- class: C(["tl-p-2 tl-w-1/3 tl-rounded tl-text-right tl-text-xs tl-text-gray-400 tl-bg-gray-100 tl-focus:border-gray-200 tl-outline-none tl-border-none tl-font-sans", { "tl-cursor-ew-resize": s.value }]),
243
+ E("input", {
244
+ id: t.control.uniqueKey,
245
+ value: t.control.value,
246
+ class: q(["tl-leches-input tl-w-2/3", { "tl-cursor-ew-resize": a.value }]),
316
247
  type: "number",
317
- min: u.control.min,
318
- max: u.control.max,
319
- step: u.control.step,
320
- onInput: t,
321
- onMousedown: f,
322
- onMouseup: y
323
- }, null, 42, jt)
248
+ min: t.control.min,
249
+ max: t.control.max,
250
+ step: t.control.step,
251
+ onInput: l,
252
+ onMousedown: i,
253
+ onMouseup: u
254
+ }, null, 42, Oo)
324
255
  ]));
325
256
  }
326
- }), Ht = { class: "tl-flex tl-px-4 tl-justify-between tl-gap-4 tl-items-center tl-mb-2 tl-min-h-32px" }, Jt = ["id", "value", "aria-label"], Qt = /* @__PURE__ */ w({
257
+ }), Mo = /* @__PURE__ */ D(ko, [["__scopeId", "data-v-4ad00d59"]]), Eo = { class: "tl-flex tl-px-4 tl-gap-1 tl-justify-start tl-items-center tl-mb-2 tl-min-h-32px" }, Io = ["id", "value", "aria-label"], So = /* @__PURE__ */ L({
327
258
  __name: "TextControl",
328
259
  props: {
329
260
  label: {},
330
261
  control: {}
331
262
  },
332
263
  emits: ["change"],
333
- setup(e, { emit: n }) {
334
- const l = n;
335
- function o(t) {
336
- const { target: c } = t;
337
- l("change", c.value);
264
+ setup(t, { emit: e }) {
265
+ const n = e;
266
+ function o(l) {
267
+ const { target: s } = l;
268
+ n("change", s.value);
338
269
  }
339
- return (t, c) => (d(), v("div", Ht, [
340
- F(j, {
270
+ return (l, s) => (A(), I("div", Eo, [
271
+ P(Y, {
341
272
  label: t.label,
342
273
  control: t.control
343
274
  }, null, 8, ["label", "control"]),
344
- i("input", {
275
+ E("input", {
345
276
  id: t.control.uniqueKey,
346
277
  value: t.control.value,
347
278
  type: "text",
348
279
  tabindex: "0",
349
- class: "tl-p-2 tl-w-2/3 tl-rounded tl-text-right tl-text-xs tl-text-gray-400 tl-bg-gray-100 focus:tl-border-gray-200 tl-border-none tl-font-sans",
280
+ class: "tl-leches-input tl-w-2/3",
350
281
  "aria-label": t.label,
351
282
  placeholder: "Enter value here...",
352
283
  onChange: o
353
- }, null, 40, Jt)
284
+ }, null, 40, Io)
354
285
  ]));
355
286
  }
356
- }), Zt = { class: "tl-flex tl-px-4 tl-justify-start tl-gap-2 tl-items-center tl-mb-2 tl-min-h-32px" }, te = { class: "tl-text-gray-500 tl-w-1/3" }, ee = ["id", "checked"], le = ["for"], oe = ["aria-checked"], ne = { class: "i-ic:baseline-check tl-text-light" }, re = /* @__PURE__ */ w({
287
+ }), Bo = /* @__PURE__ */ D(So, [["__scopeId", "data-v-6f405632"]]), Fo = { class: "tl-flex tl-px-4 tl-gap-1 tl-justify-start tl-items-center tl-mb-2 tl-min-h-32px" }, To = ["id", "checked"], Vo = ["for"], Uo = ["aria-checked"], Ro = { class: "i-ic:baseline-check tl-text-light dark:tl-text-dark" }, jo = /* @__PURE__ */ L({
357
288
  __name: "BooleanControl",
358
289
  props: {
359
290
  label: {},
360
291
  control: {}
361
292
  },
362
293
  emits: ["change"],
363
- setup(e, { emit: n }) {
364
- const l = e, o = n;
365
- function t(a) {
366
- const { target: s } = a;
367
- o("change", s.checked);
294
+ setup(t, { emit: e }) {
295
+ const n = t, o = e;
296
+ function l(r) {
297
+ const { target: a } = r;
298
+ o("change", a.checked);
368
299
  }
369
- function c(a) {
370
- (a.code === "Space" || a.code === "Enter") && (a.preventDefault(), o("change", !l.control.value));
300
+ function s(r) {
301
+ (r.code === "Space" || r.code === "Enter") && (r.preventDefault(), o("change", !n.control.value));
371
302
  }
372
- return (a, s) => (d(), v("div", Zt, [
373
- i("label", te, M(a.label), 1),
374
- i("input", {
375
- id: a.control.uniqueKey,
376
- checked: a.control.value,
303
+ return (r, a) => (A(), I("div", Fo, [
304
+ P(Y, {
305
+ label: t.label,
306
+ control: t.control
307
+ }, null, 8, ["label", "control"]),
308
+ E("input", {
309
+ id: t.control.uniqueKey,
310
+ checked: t.control.value,
377
311
  class: "tl-hidden",
378
312
  type: "checkbox",
379
- onInput: t
380
- }, null, 40, ee),
381
- i("label", {
382
- for: a.control.uniqueKey,
313
+ onInput: l
314
+ }, null, 40, To),
315
+ E("label", {
316
+ for: t.control.uniqueKey,
383
317
  class: "tl-inline-flex tl-items-center tl-cursor-pointer"
384
318
  }, [
385
- i("span", {
319
+ E("span", {
386
320
  tabindex: "0",
387
321
  role: "checkbox",
388
- "aria-checked": a.control.value.toString(),
389
- class: C([{ "tl-bg-dark-500": a.control.value, "tl-bg-gray-200": !a.control.value }, "tl-w-4 tl-h-4 tl-flex tl-justify-center tl-items-center tl-rounded tl-border tl-border-gray-300 tl-mr-2 tl-transition-colors tl-duration-200"]),
390
- onKeydown: c
322
+ "aria-checked": t.control.value,
323
+ class: q([{
324
+ "tl-bg-dark-500 dark:tl-bg-gray-400": t.control.value,
325
+ "tl-bg-gray-100 dark:tl-bg-dark-300": !t.control.value
326
+ }, "tl-w-4 tl-h-4 tl-flex tl-justify-center tl-items-center tl-rounded tl-border tl-border-gray-300 tl-text-white tl-outline-none tl-border-none focus:tl-border-gray-200 focus:tl-ring-2 focus:tl-ring-gray-200 tl-mr-2 tl-transition-colors tl-duration-200"]),
327
+ onKeydown: s
391
328
  }, [
392
- Q(i("i", ne, null, 512), [
393
- [Z, a.control.value]
329
+ ie(E("i", Ro, null, 512), [
330
+ [ce, t.control.value]
394
331
  ])
395
- ], 42, oe)
396
- ], 8, le)
332
+ ], 42, Uo)
333
+ ], 8, Vo)
397
334
  ]));
398
335
  }
399
- }), ae = { class: "tl-px-4 tl-relative tl-flex tl-justify-between tl-gap-4 tl-items-center tl-mb-2" }, se = ["value", "min", "max", "step"], ie = ["value", "min", "max", "step"], ce = /* @__PURE__ */ w({
336
+ }), Lo = /* @__PURE__ */ D(jo, [["__scopeId", "data-v-c6157237"]]), Qo = { class: "tl-px-4 tl-relative tl-flex tl-gap-2 tl-justify-between tl-items-center tl-mb-2" }, Ko = { class: "tl-relative tl-w-2/3 tl-flex tl-justify-between tl-items-center tl-gap-0.5" }, zo = ["value", "min", "max", "step"], Do = ["value", "min", "max", "step"], Xo = /* @__PURE__ */ L({
400
337
  __name: "SliderControl",
401
338
  props: {
402
339
  label: {},
403
340
  control: {}
404
341
  },
405
342
  emits: ["change"],
406
- setup(e, { emit: n }) {
407
- const l = e, o = n;
408
- function t(r) {
409
- const { target: p } = r;
410
- o("change", p.valueAsNumber);
343
+ setup(t, { emit: e }) {
344
+ const n = t, o = e;
345
+ function l(p) {
346
+ const { target: m } = p;
347
+ o("change", m.valueAsNumber);
411
348
  }
412
- const c = P(() => ({
413
- backgroundImage: `linear-gradient(to right, #333 0% ${100 * (l.control.value - (l.control.min || 0)) / ((l.control.max || 100) - (l.control.min || 0))}%, #e2e2e2 0%)`
414
- })), a = st(), s = b(0), f = b(!1), y = (r) => {
415
- s.value = r.clientX, f.value = !0;
416
- }, g = () => {
417
- f.value = !1;
418
- }, u = (r) => Math.floor(Math.abs(r) / 10);
419
- return N(a.x, (r) => {
420
- if (f.value) {
421
- const p = r - s.value, E = u(p);
422
- p > 0 ? o("change", l.control.value + 1 + E) : p < 0 && o("change", l.control.value - 1 + E), l.control.min !== void 0 && l.control.value < l.control.min && o("change", l.control.min), l.control.max !== void 0 && l.control.value > l.control.max && o("change", l.control.max), s.value = r;
349
+ const s = ln(), r = Q(() => {
350
+ const p = s.value ? "#9ca3af" : "#2d2d2d", m = s.value ? "#2d2d2d" : "#9ca3af";
351
+ return {
352
+ backgroundImage: `linear-gradient(to right, ${p} 0% ${100 * (n.control.value - (n.control.min || 0)) / ((n.control.max || 100) - (n.control.min || 0))}%, ${m} 0%)`
353
+ };
354
+ }), a = de(), i = b(0), u = b(!1), f = (p) => {
355
+ i.value = p.clientX, u.value = !0;
356
+ }, c = () => {
357
+ u.value = !1;
358
+ }, d = (p) => Math.floor(Math.abs(p) / 10);
359
+ return V(a.x, (p) => {
360
+ if (u.value) {
361
+ const m = p - i.value, h = d(m);
362
+ m > 0 ? o("change", n.control.value + 1 + h) : m < 0 && o("change", n.control.value - 1 + h), n.control.min !== void 0 && n.control.value < n.control.min && o("change", n.control.min), n.control.max !== void 0 && n.control.value > n.control.max && o("change", n.control.max), i.value = p;
423
363
  }
424
- }), (r, p) => (d(), v("div", ae, [
425
- F(j, {
426
- label: r.label,
427
- control: r.control
364
+ }), (p, m) => (A(), I("div", Qo, [
365
+ P(Y, {
366
+ label: t.label,
367
+ control: t.control
428
368
  }, null, 8, ["label", "control"]),
429
- i("input", {
430
- value: r.control.value,
431
- class: "tl-w-1/2 tl-h-0.75 tl-bg-dark-200 tl-rounded-full tl-appearance-none",
432
- style: Et(c.value),
433
- type: "range",
434
- min: r.control.min,
435
- max: r.control.max,
436
- step: r.control.step,
437
- onInput: t
438
- }, null, 44, se),
439
- i("input", {
440
- value: r.control.value,
441
- class: C(["tl-p-2 tl-w-1/4 tl-rounded tl-text-right tl-text-xs tl-text-gray-400 tl-bg-gray-100 tl-focus:border-gray-200 tl-outline-none tl-border-none tl-font-sans", { "tl-cursor-ew-resize": f.value }]),
442
- type: "number",
443
- min: r.control.min,
444
- max: r.control.max,
445
- step: r.control.step,
446
- onInput: t,
447
- onMousedown: y,
448
- onMouseup: g
449
- }, null, 42, ie)
369
+ E("div", Ko, [
370
+ E("input", {
371
+ value: t.control.value,
372
+ class: "leches-range tl-w-1/2 tl-h-0.75 tl-bg-dark-200 dark:tl-bg-yellow tl-rounded-full tl-appearance-none",
373
+ style: nn(r.value),
374
+ type: "range",
375
+ min: t.control.min,
376
+ max: t.control.max,
377
+ step: t.control.step,
378
+ onInput: l
379
+ }, null, 44, zo),
380
+ E("input", {
381
+ value: t.control.value,
382
+ class: q(["tl-leches-input tl-w-1/4", { "tl-cursor-ew-resize": u.value }]),
383
+ type: "number",
384
+ min: t.control.min,
385
+ max: t.control.max,
386
+ step: t.control.step,
387
+ onInput: l,
388
+ onMousedown: f,
389
+ onMouseup: c
390
+ }, null, 42, Do)
391
+ ])
450
392
  ]));
451
393
  }
452
- }), ht = (e, n) => {
453
- const l = e.__vccOpts || e;
454
- for (const [o, t] of n)
455
- l[o] = t;
456
- return l;
457
- }, ue = /* @__PURE__ */ ht(ce, [["__scopeId", "data-v-e775088a"]]), de = { class: "tl-flex tl-px-4 tl-justify-between tl-gap-4 tl-items-center tl-mb-2" }, pe = { class: "tl-text-gray-500 tl-w-1/3" }, fe = ["id", "value", "aria-label"], me = ["id", "aria-label", "value"], ve = /* @__PURE__ */ w({
394
+ }), qo = /* @__PURE__ */ D(Xo, [["__scopeId", "data-v-6347901b"]]), No = { class: "tl-flex tl-px-4 tl-gap-1 tl-items-center tl-mb-2" }, Wo = { class: "tl-w-2/3 tl-flex tl-justify-between tl-items-center" }, Ho = ["id", "value", "aria-label"], Po = ["id", "aria-label", "value"], Zo = /* @__PURE__ */ L({
458
395
  __name: "ColorControl",
459
396
  props: {
460
397
  label: {},
461
398
  control: {}
462
399
  },
463
400
  emits: ["change"],
464
- setup(e, { emit: n }) {
465
- const l = n;
466
- function o(t) {
467
- const { target: c } = t;
468
- l("change", c.value);
401
+ setup(t, { emit: e }) {
402
+ const n = e;
403
+ function o(l) {
404
+ const { target: s } = l;
405
+ n("change", s.value);
469
406
  }
470
- return (t, c) => (d(), v("div", de, [
471
- i("label", pe, M(t.label), 1),
472
- i("input", {
473
- id: t.control.uniqueKey,
474
- tabindex: "0",
475
- value: t.control.value,
476
- "aria-label": t.label,
477
- class: C(["focus:tl-outline-none focus:tl-ring-2 focus:tl-ring-blue-600", { "important-tl-outline-gray-200": t.control.value === "#ffffff" }]),
478
- type: "color",
479
- onInput: o
480
- }, null, 42, fe),
481
- i("input", {
482
- id: t.control.uniqueKey,
483
- tabindex: "0",
484
- "aria-label": t.label,
485
- value: t.control.value,
486
- class: "tl-p-2 tl-w-2/3 tl-rounded tl-text-right tl-text-xs tl-text-gray-400 tl-bg-gray-100 tl-border-none tl-font-sans",
487
- type: "text",
488
- onInput: o
489
- }, null, 40, me)
407
+ return (l, s) => (A(), I("div", No, [
408
+ P(Y, {
409
+ label: t.label,
410
+ control: t.control
411
+ }, null, 8, ["label", "control"]),
412
+ E("div", Wo, [
413
+ E("input", {
414
+ id: t.control.uniqueKey,
415
+ tabindex: "0",
416
+ value: t.control.value,
417
+ "aria-label": t.label,
418
+ class: q(["leches-color focus:tl-outline-none focus:tl-ring-2 focus:tl-ring-gray-100", { "important-tl-outline-gray-200": t.control.value === "#ffffff" }]),
419
+ type: "color",
420
+ onInput: o
421
+ }, null, 42, Ho),
422
+ E("input", {
423
+ id: t.control.uniqueKey,
424
+ tabindex: "0",
425
+ "aria-label": t.label,
426
+ value: t.control.value,
427
+ class: "tl-leches-input tl-w-1/2",
428
+ type: "text",
429
+ onInput: o
430
+ }, null, 40, Po)
431
+ ])
490
432
  ]));
491
433
  }
492
- }), be = { class: "tl-relative tl-w-2/3 tl-flex tl-justify-between tl-gap-0.5" }, ge = {
434
+ }), Yo = /* @__PURE__ */ D(Zo, [["__scopeId", "data-v-b7557ba4"]]);
435
+ function Yt(t) {
436
+ return t && typeof t.x == "number" && typeof t.y == "number";
437
+ }
438
+ function Jt(t) {
439
+ return t && typeof t.x == "number" && typeof t.y == "number" && typeof t.z == "number";
440
+ }
441
+ function Jo(t) {
442
+ if (typeof t == "number")
443
+ return [t, t, t];
444
+ if (Jt(t)) {
445
+ const { x: e, y: n, z: o } = t;
446
+ return [e, n, o];
447
+ }
448
+ if (Yt(t)) {
449
+ const { x: e, y: n } = t;
450
+ return [e, n];
451
+ }
452
+ return t;
453
+ }
454
+ const Go = { class: "tl-relative tl-w-2/3 tl-flex tl-justify-between tl-gap-0.5" }, $o = {
493
455
  key: 0,
494
- class: "tl-font-bold tl-px-1 tl-py-1 tl-text-0.65rem tl-text-gray-300"
495
- }, ye = ["id", "step", "value", "onInput", "onMousedown", "onMouseup", "onFocus"], he = /* @__PURE__ */ w({
456
+ class: "tl-font-bold tl-px-1 tl-py-1 tl-text-0.65rem tl-text-gray-300 dark:tl-text-gray-400"
457
+ }, _o = ["id", "step", "value", "onInput", "onMousedown", "onMouseup", "onFocus"], tl = /* @__PURE__ */ L({
496
458
  __name: "VectorControl",
497
459
  props: {
498
460
  label: {},
499
461
  control: {}
500
462
  },
501
463
  emits: ["change"],
502
- setup(e, { emit: n }) {
503
- const l = e, o = n, t = st(), { pressed: c } = Dt(), a = b(0), s = b(!1), f = b(0), y = b(null), g = b(1), u = ut("Shift"), r = ut("Alt");
504
- N(u, (h) => {
505
- g.value = h ? 10 : 1;
506
- }), N(r, (h) => {
507
- g.value = h ? 0.1 : 1;
464
+ setup(t, { emit: e }) {
465
+ const n = t, o = e, l = de(), { pressed: s } = ao(), r = b(0), a = b(!1), i = b(0), u = b(null), f = b(1), c = Ve("Shift"), d = Ve("Alt");
466
+ V(c, (k) => {
467
+ f.value = k ? 10 : 1;
468
+ }), V(d, (k) => {
469
+ f.value = k ? 0.1 : 1;
508
470
  });
509
- const p = (h) => {
510
- y.value = h;
511
- }, E = () => {
512
- y.value = null;
513
- }, m = (h, $) => {
514
- f.value = $, a.value = h.clientX, s.value = !0;
515
- }, S = (h, $) => {
516
- f.value = $, s.value = !1;
517
- }, U = () => {
518
- s.value = !1;
471
+ const p = (k) => {
472
+ u.value = k;
473
+ }, m = () => {
474
+ u.value = null;
475
+ }, h = (k, S) => {
476
+ i.value = S, r.value = k.clientX, a.value = !0;
477
+ }, w = (k, S) => {
478
+ i.value = S, a.value = !1;
479
+ }, x = () => {
480
+ a.value = !1;
519
481
  };
520
- N(c, (h) => {
521
- h || (s.value = !1);
482
+ V(s, (k) => {
483
+ k || (a.value = !1);
522
484
  });
523
- const T = (h) => Math.floor(Math.abs(h) / 10), A = P(() => zt(l.control.value)), L = b(["x", "y", "z"]), Y = P(() => nt(l.control.value) || rt(l.control.value));
524
- function _(h, $) {
525
- const { value: z } = l.control, { target: x } = h;
526
- f.value = $, z[Y.value ? L.value[f.value] : f.value] = parseFloat(x.value), o("change", z);
485
+ const g = (k) => Math.floor(Math.abs(k) / 10), y = Q(() => Jo(n.control.value)), C = b(["x", "y", "z"]), O = Q(() => Yt(n.control.value) || Jt(n.control.value));
486
+ function v(k, S) {
487
+ const { value: U } = n.control, { target: F } = k;
488
+ i.value = S, U[O.value ? C.value[i.value] : i.value] = Number.parseFloat(F.value), o("change", U);
527
489
  }
528
- return N(t.x, (h) => {
529
- if (s.value) {
530
- const $ = h - a.value, z = T($), { value: x } = l.control, D = Y.value ? L.value[f.value] : f.value;
531
- $ > 0 ? x[D] += g.value + z : $ < 0 && (x[D] -= g.value + z), l.control.min !== void 0 && x < l.control.min && (x[D] = l.control.min), l.control.max !== void 0 && x > l.control.max && (x[D] = l.control.max), o("change", x), a.value = h;
490
+ return V(l.x, (k) => {
491
+ if (a.value) {
492
+ const S = k - r.value, U = g(S), { value: F } = n.control, j = O.value ? C.value[i.value] : i.value;
493
+ S > 0 ? F[j] += f.value + U : S < 0 && (F[j] -= f.value + U), n.control.min !== void 0 && F < n.control.min && (F[j] = n.control.min), n.control.max !== void 0 && F > n.control.max && (F[j] = n.control.max), o("change", F), r.value = k;
532
494
  }
533
- }), (h, $) => (d(), v("div", {
534
- class: "tl-flex tl-px-4 tl-justify-between tl-gap-1 tl-items-center tl-mb-2",
535
- onMouseup: $[0] || ($[0] = (z) => U())
495
+ }), (k, S) => (A(), I("div", {
496
+ class: "tl-flex tl-px-4 tl-gap-1 tl-justify-between tl-items-center tl-mb-2",
497
+ onMouseup: S[0] || (S[0] = (U) => x())
536
498
  }, [
537
- F(j, {
538
- label: h.label,
539
- control: h.control
499
+ P(Y, {
500
+ label: t.label,
501
+ control: t.control
540
502
  }, null, 8, ["label", "control"]),
541
- i("div", be, [
542
- (d(!0), v(K, null, B(A.value, (z, x) => (d(), v("div", {
543
- key: h.label + x,
544
- class: C(["tl-flex tl-items-center tl-bg-gray-100 tl-rounded", {
545
- "tl-w-2/5": y.value === x,
546
- "tl-w-1/3": k(rt)(h.control.value),
547
- "tl-w-1/2": k(nt)(h.control.value)
503
+ E("div", Go, [
504
+ (A(!0), I(_, null, mt(y.value, (U, F) => (A(), I("div", {
505
+ key: t.label + F,
506
+ class: q(["tl-flex tl-items-center tl-bg-gray-100 dark:tl-bg-dark-300 tl-rounded tl-border-none tl-outline-none tl-focus:tl-border-gray-200 tl-focus:tl-ring tl-focus:tl-ring-gray-200", {
507
+ "tl-w-2/5": u.value === F,
508
+ "tl-w-1/3": z(Jt)(t.control.value),
509
+ "tl-w-1/2": z(Yt)(t.control.value)
548
510
  }])
549
511
  }, [
550
- L.value[x] && Y.value ? (d(), v("span", ge, M(L.value[x]), 1)) : W("", !0),
551
- i("input", {
552
- id: `${h.control.uniqueKey}-${L.value[x]}`,
512
+ C.value[F] && O.value ? (A(), I("span", $o, lt(C.value[F]), 1)) : H("", !0),
513
+ E("input", {
514
+ id: `${t.control.uniqueKey}-${C.value[F]}`,
553
515
  type: "number",
554
- step: g.value,
555
- class: C(["tl-w-full tl-px-0 tl-p-1 tl-text-right tl-text-0.65rem tl-text-gray-400 tl-bg-transparent focus:tl-border-gray-200 tl-outline-none tl-border-none tl-font-sans tl-appearence-none", { "tl-cursor-ew-resize": s.value }]),
556
- value: A.value[x].toFixed(2),
557
- onInput: (D) => _(D, x),
558
- onMousedown: (D) => m(D, x),
559
- onMouseup: (D) => S(D, x),
560
- onFocus: (D) => p(x),
561
- onBlur: E
562
- }, null, 42, ye)
516
+ step: f.value,
517
+ class: q(["tl-w-full tl-px-0 tl-p-1 tl-text-right tl-text-0.65rem tl-text-gray-400 dark:tl-text-gray-400 tl-bg-transparent focus:tl-border-gray-200 tl-outline-none tl-border-none tl-font-sans tl-appearence-none", { "tl-cursor-ew-resize": a.value }]),
518
+ value: y.value[F].toFixed(2),
519
+ onInput: (j) => v(j, F),
520
+ onMousedown: (j) => h(j, F),
521
+ onMouseup: (j) => w(j, F),
522
+ onFocus: (j) => p(F),
523
+ onBlur: m
524
+ }, null, 42, _o)
563
525
  ], 2))), 128))
564
526
  ])
565
527
  ], 32));
566
528
  }
567
- }), _e = { class: "tl-flex tl-px-4 tl-justify-between tl-gap-4 tl-items-center tl-mb-2" }, xe = { class: "tl-text-gray-500 tl-w-1/3" }, we = { class: "tl-relative tl-w-2/3 tl-p-1 tl-rounded tl-text-right tl-text-xs tl-text-gray-400 tl-bg-gray-100 tl-focus:border-gray-200 tl-outline-none tl-border-none tl-font-sans" }, $e = { class: "tl-absolute tl-bottom-0.5 tl-right-0.5 tl-font-sans tl-text-xs" }, ke = ["points"], Me = 160, lt = 40, dt = 2, _t = /* @__PURE__ */ w({
568
- __name: "Graph",
529
+ }), el = /* @__PURE__ */ D(tl, [["__scopeId", "data-v-36129c4d"]]), nl = { class: "tl-flex tl-px-4 tl-gap-1 tl-items-center tl-mb-2" }, ol = { class: "tl-absolute tl-bottom-0.5 tl-right-0.5 tl-font-sans tl-text-xs" }, ll = ["width", "height"], rl = ["points", "stroke"], ct = 2, Ue = 100, Re = 20, sl = /* @__PURE__ */ L({
530
+ __name: "FPSGraph",
569
531
  props: {
570
- points: {},
571
- value: {},
572
- unit: {},
573
- label: {}
532
+ label: {},
533
+ control: {}
574
534
  },
575
- setup(e) {
576
- const n = e, l = b(140);
577
- Tt(() => {
578
- const t = Math.max(...n.points, 30);
579
- l.value = Math.max(t, l.value);
535
+ setup(t) {
536
+ const e = b(null), n = b(160), o = b(40), l = io({ every: Ue }), s = b(""), r = b([]), a = b(n.value / ct);
537
+ let i = performance.now(), u = null;
538
+ ue(() => {
539
+ e.value && (u = new ResizeObserver((c) => {
540
+ for (const d of c)
541
+ n.value = d.contentRect.width, a.value = Math.floor(n.value / ct), r.value.length > a.value && (r.value = r.value.slice(-a.value));
542
+ }), u.observe(e.value));
543
+ }), Ut(() => {
544
+ u && u.disconnect();
545
+ }), rn(({ timestamp: c }) => {
546
+ c - i >= Ue && (i = c, r.value.push(l.value), r.value.length > a.value && r.value.shift(), s.value = r.value.map(
547
+ (d, p) => `${p * ct},${o.value + Re - ct / 2 - d * (o.value + Re - ct) / 120}`
548
+ ).join(" "));
580
549
  });
581
- const o = P(() => n.points.map(
582
- (t, c) => `${c * dt},${lt - t * lt / l.value}`
583
- ).join(" "));
584
- return (t, c) => (d(), v("div", _e, [
585
- i("label", xe, M(t.label), 1),
586
- i("div", we, [
587
- i("div", $e, M(Math.round(t.value)) + " " + M(t.unit), 1),
588
- (d(), v("svg", {
589
- width: Me,
590
- height: lt,
550
+ const f = ln();
551
+ return (c, d) => (A(), I("div", nl, [
552
+ P(Y, {
553
+ label: t.label,
554
+ control: t.control
555
+ }, null, 8, ["label", "control"]),
556
+ E("div", {
557
+ ref_key: "containerRef",
558
+ ref: e,
559
+ class: "tl-relative tl-w-2/3 tl-py-1 tl-rounded tl-text-right tl-text-xs tl-text-gray-400 tl-bg-gray-100 dark:tl-bg-dark-300 dark:tl-text-gray-400 tl-outline-none tl-border-none tl-font-sans"
560
+ }, [
561
+ E("div", ol, lt(Math.round(z(l))) + " FPS ", 1),
562
+ (A(), I("svg", {
563
+ width: n.value,
564
+ height: o.value,
591
565
  xmlns: "http://www.w3.org/2000/svg",
592
- class: "tl-bg-gray-100"
566
+ class: "tl-bg-gray-100 dark:tl-bg-dark-300"
593
567
  }, [
594
- i("polyline", {
595
- points: o.value,
568
+ E("polyline", {
569
+ points: s.value,
596
570
  fill: "none",
597
- stroke: "lightgray",
598
- "stroke-width": dt,
571
+ stroke: z(f) ? "darkgray" : "lightgray",
572
+ "stroke-width": ct,
599
573
  "stroke-linecap": "round",
600
574
  "stroke-linejoin": "round"
601
- }, null, 8, ke)
602
- ]))
603
- ])
575
+ }, null, 8, rl)
576
+ ], 8, ll))
577
+ ], 512)
604
578
  ]));
605
579
  }
606
- }), Ce = /* @__PURE__ */ w({
607
- __name: "FPSGraph",
608
- props: {
609
- label: {},
610
- control: {}
611
- },
612
- setup(e) {
613
- const { fps: n } = ct();
614
- return (l, o) => (d(), I(_t, {
615
- points: k(n).accumulator,
616
- value: k(n).value,
617
- unit: "FPS",
618
- label: l.label
619
- }, null, 8, ["points", "value", "label"]));
620
- }
621
- }), Ee = { class: "tl-flex tl-px-4 tl-justify-between tl-gap-4 tl-items-center tl-mb-2 tl-min-h-32px" }, Te = ["id", "value"], Se = ["value"], Ie = /* @__PURE__ */ w({
580
+ }), al = /* @__PURE__ */ D(sl, [["__scopeId", "data-v-eb34d785"]]), il = { class: "tl-flex tl-px-4 tl-gap-1 tl-justify-start tl-items-center tl-mb-2 tl-min-h-40px" }, cl = ["id", "value"], ul = ["value"], fl = /* @__PURE__ */ L({
622
581
  __name: "SelectControl",
623
582
  props: {
624
583
  label: {},
625
584
  control: {}
626
585
  },
627
586
  emits: ["change"],
628
- setup(e, { emit: n }) {
629
- const l = n;
630
- function o(t) {
631
- l("change", t.target.value);
587
+ setup(t, { emit: e }) {
588
+ const n = t, o = e;
589
+ function l(s) {
590
+ const r = s.target.value, a = n.control.options?.find(
591
+ (i) => String(i.value) === r
592
+ );
593
+ o("change", a?.value ?? r);
632
594
  }
633
- return (t, c) => (d(), v("div", Ee, [
634
- F(j, {
595
+ return (s, r) => (A(), I("div", il, [
596
+ P(Y, {
635
597
  label: t.label,
636
598
  control: t.control
637
599
  }, null, 8, ["label", "control"]),
638
- i("select", {
600
+ E("select", {
639
601
  id: t.control.uniqueKey,
640
- value: t.control.value,
641
- class: "tl-p-2 tl-w-2/3 tl-rounded tl-text-left tl-text-xs tl-text-gray-400 tl-bg-gray-100 focus:tl-border-gray-200 tl-outline-none tl-border-none tl-font-sans",
642
- onChange: o
602
+ value: String(t.control.value),
603
+ class: "tl-leches-input tl-w-2/3",
604
+ onChange: l
643
605
  }, [
644
- (d(!0), v(K, null, B(t.control.options, (a) => (d(), v("option", {
645
- key: a.value,
646
- value: a.value
647
- }, M(a.text), 9, Se))), 128))
648
- ], 40, Te)
606
+ (A(!0), I(_, null, mt(t.control.options, (a) => (A(), I("option", {
607
+ key: String(a.value),
608
+ value: String(a.value)
609
+ }, lt(a.text), 9, ul))), 128))
610
+ ], 40, cl)
649
611
  ]));
650
612
  }
651
- }), Fe = /* @__PURE__ */ w({
613
+ }), dl = /* @__PURE__ */ D(fl, [["__scopeId", "data-v-efd7aab3"]]), pl = ["id"], gl = /* @__PURE__ */ L({
652
614
  __name: "ButtonControl",
653
615
  props: {
654
616
  label: {},
655
617
  control: {}
656
618
  },
657
- setup(e) {
658
- const n = e, l = P(() => {
659
- const o = "leches-btn", t = `leches-btn-${n.control.value.variant || "primary"}`, c = `leches-btn-${n.control.value.size || "sm"}`;
660
- return [o, t, c];
619
+ setup(t) {
620
+ const e = t, n = Q(() => {
621
+ const o = "leches-btn", l = `leches-btn-${e.control.value.variant || "primary"}`, s = `leches-btn-${e.control.value.size || "sm"}`;
622
+ return [o, l, s];
661
623
  });
662
- return (o, t) => (d(), v("button", {
663
- class: C(l.value),
664
- onClick: t[0] || (t[0] = //@ts-ignore
665
- (...c) => o.control.value.onClick && o.control.value.onClick(...c))
624
+ return (o, l) => (A(), I("button", {
625
+ id: `${t.control.uniqueKey}`,
626
+ class: q(n.value),
627
+ onClick: l[0] || (l[0] = //@ts-ignore
628
+ (...s) => t.control.value.onClick && t.control.value.onClick(...s))
666
629
  }, [
667
- i("i", {
668
- class: C([o.control.value.icon, o.control.value.label ? "mr-1" : ""])
630
+ E("i", {
631
+ class: q([t.control.value.icon, t.control.value.label ? "mr-1" : ""])
669
632
  }, null, 2),
670
- J(" " + M(o.control.value.label), 1)
671
- ], 2));
633
+ en(" " + lt(t.control.value.label), 1)
634
+ ], 10, pl));
672
635
  }
673
- }), Ae = /* @__PURE__ */ ht(Fe, [["__scopeId", "data-v-6a95ac59"]]), xt = /* @__PURE__ */ w({
636
+ }), ml = /* @__PURE__ */ D(gl, [["__scopeId", "data-v-90b5efea"]]), yl = { class: "tl-flex tl-px-4 tl-gap-1 tl-items-center tl-mb-2" }, bl = { class: "tl-absolute tl-bg-gray-100 tl-p-0.5 rounded dark:tl-bg-dark-300 tl-bottom-0.5 tl-right-1 tl-font-sans tl-text-xs" }, hl = ["width", "height"], vl = ["y1", "x2", "y2"], Al = ["d"], kt = 2, xl = 100, je = 4, Cl = /* @__PURE__ */ L({
637
+ __name: "GraphControl",
638
+ props: {
639
+ label: {},
640
+ control: {}
641
+ },
642
+ setup(t) {
643
+ const e = t, n = b(null), o = b(160), l = b(40), s = b(""), r = b([]), a = b(Math.floor(o.value / kt));
644
+ let i = performance.now(), u = null;
645
+ function f(c) {
646
+ if (c.length < 2)
647
+ return "";
648
+ if (c.length === 2)
649
+ return `M ${c[0].x},${c[0].y} L ${c[1].x},${c[1].y}`;
650
+ let d = `M ${c[0].x},${c[0].y}`;
651
+ for (let p = 0; p < c.length - 1; p++) {
652
+ const m = c[p], h = c[p + 1], w = m.x + (h.x - m.x) / 3, x = m.y, g = h.x - (h.x - m.x) / 3, y = h.y;
653
+ d += ` C ${w},${x} ${g},${y} ${h.x},${h.y}`;
654
+ }
655
+ return d;
656
+ }
657
+ return rn(() => {
658
+ const c = performance.now();
659
+ if (c - i >= xl && (i = c, r.value.push(typeof e.control.value == "number" ? e.control.value : 0), e.control.onUpdate && e.control.onUpdate(r.value), r.value.length > a.value && (r.value = r.value.slice(-a.value)), r.value.length > 0)) {
660
+ const d = Math.min(0, ...r.value), p = Math.max(0, ...r.value), m = Math.max(1, p - d), h = l.value - je * 2, w = r.value.map((x, g) => {
661
+ const y = g * kt, C = (x - d) / m, O = je + (h - C * h);
662
+ return { x: y, y: O };
663
+ });
664
+ s.value = f(w);
665
+ }
666
+ }), ue(() => {
667
+ n.value && (u = new ResizeObserver((c) => {
668
+ for (const d of c)
669
+ o.value = d.contentRect.width, a.value = Math.floor(o.value / kt), r.value.length > a.value && (r.value = r.value.slice(-a.value));
670
+ }), u.observe(n.value));
671
+ }), Ut(() => {
672
+ u && u.disconnect();
673
+ }), (c, d) => (A(), I("div", yl, [
674
+ P(Y, {
675
+ label: t.label,
676
+ control: t.control
677
+ }, null, 8, ["label", "control"]),
678
+ E("div", {
679
+ ref_key: "containerRef",
680
+ ref: n,
681
+ class: "tl-relative tl-w-2/3 tl-py-1 tl-rounded tl-text-right tl-text-xs tl-text-gray-400 tl-bg-gray-100 dark:tl-bg-dark-300 dark:tl-text-gray-400 tl-outline-none tl-border-none tl-font-sans"
682
+ }, [
683
+ E("div", bl, lt(Math.round(t.control.value)), 1),
684
+ (A(), I("svg", {
685
+ width: o.value,
686
+ height: l.value,
687
+ xmlns: "http://www.w3.org/2000/svg",
688
+ class: "tl-bg-gray-100 dark:tl-bg-dark-300"
689
+ }, [
690
+ Math.min(...r.value) < 0 && Math.max(...r.value) > 0 ? (A(), I("line", {
691
+ key: 0,
692
+ x1: "0",
693
+ y1: l.value / 2,
694
+ x2: o.value,
695
+ y2: l.value / 2,
696
+ stroke: "rgba(128, 128, 128, 0.2)",
697
+ "stroke-width": "1"
698
+ }, null, 8, vl)) : H("", !0),
699
+ E("path", {
700
+ d: s.value,
701
+ fill: "none",
702
+ stroke: "currentColor",
703
+ "stroke-width": kt,
704
+ "stroke-linecap": "round",
705
+ "stroke-linejoin": "round"
706
+ }, null, 8, Al)
707
+ ], 8, hl))
708
+ ], 512)
709
+ ]));
710
+ }
711
+ }), wl = /* @__PURE__ */ D(Cl, [["__scopeId", "data-v-8947cbfb"]]), Ol = { key: 0 }, kl = {
712
+ key: 8,
713
+ class: "tl-py-2 tl-px-4 tl-flex tl-justify-end"
714
+ }, Ml = /* @__PURE__ */ L({
674
715
  __name: "ControlInput",
675
716
  props: {
676
717
  control: {}
677
718
  },
678
719
  emits: ["change"],
679
- setup(e, { emit: n }) {
680
- const l = n;
681
- function o(t) {
682
- l("change", t);
720
+ setup(t, { emit: e }) {
721
+ const n = e;
722
+ function o(l) {
723
+ n("change", l);
683
724
  }
684
- return (t, c) => t.control.visible ? (d(), v(K, { key: 0 }, [
685
- t.control.type === "color" ? (d(), I(ve, {
725
+ return (l, s) => t.control.visible ? (A(), I("div", Ol, [
726
+ t.control.type === "color" ? (A(), W(Yo, {
686
727
  key: 0,
687
728
  label: t.control.label,
688
729
  control: t.control,
689
730
  onChange: o
690
- }, null, 8, ["label", "control"])) : t.control.type === "select" ? (d(), I(Ie, {
731
+ }, null, 8, ["label", "control"])) : t.control.type === "select" ? (A(), W(dl, {
691
732
  key: 1,
692
733
  label: t.control.label,
693
734
  control: t.control,
694
735
  onChange: o
695
- }, null, 8, ["label", "control"])) : t.control.type === "vector" ? (d(), I(he, {
736
+ }, null, 8, ["label", "control"])) : t.control.type === "vector" ? (A(), W(el, {
696
737
  key: 2,
697
738
  label: t.control.label,
698
739
  control: t.control,
699
740
  onChange: o
700
- }, null, 8, ["label", "control"])) : t.control.type === "boolean" ? (d(), I(re, {
741
+ }, null, 8, ["label", "control"])) : t.control.type === "boolean" ? (A(), W(Lo, {
701
742
  key: 3,
702
743
  label: t.control.label,
703
744
  control: t.control,
704
745
  onChange: o
705
- }, null, 8, ["label", "control"])) : t.control.type === "fpsgraph" ? (d(), I(Ce, {
746
+ }, null, 8, ["label", "control"])) : t.control.type === "fpsgraph" ? (A(), W(al, {
706
747
  key: 4,
707
748
  label: t.control.label,
708
749
  control: t.control
709
- }, null, 8, ["label", "control"])) : t.control.type === "number" ? (d(), I(Gt, {
750
+ }, null, 8, ["label", "control"])) : t.control.type === "graph" ? (A(), W(wl, {
710
751
  key: 5,
711
752
  label: t.control.label,
712
- control: t.control,
713
- onChange: o
714
- }, null, 8, ["label", "control"])) : t.control.type === "range" ? (d(), I(ue, {
753
+ control: t.control
754
+ }, null, 8, ["label", "control"])) : t.control.type === "number" ? (A(), W(Mo, {
715
755
  key: 6,
716
756
  label: t.control.label,
717
757
  control: t.control,
718
758
  onChange: o
719
- }, null, 8, ["label", "control"])) : t.control.type === "button" ? (d(), v("div", {
759
+ }, null, 8, ["label", "control"])) : t.control.type === "range" ? (A(), W(qo, {
720
760
  key: 7,
721
- class: C(["tl-p-2", t.control.value.size === "tl-block" ? "tl-flex" : "tl-inline-flex"])
722
- }, [
723
- F(Ae, {
761
+ label: t.control.label,
762
+ control: t.control,
763
+ onChange: o
764
+ }, null, 8, ["label", "control"])) : t.control.type === "button" ? (A(), I("div", kl, [
765
+ P(ml, {
724
766
  label: t.control.label,
725
767
  control: t.control
726
768
  }, null, 8, ["label", "control"])
727
- ], 2)) : (d(), I(Qt, {
728
- key: 8,
769
+ ])) : (A(), W(Bo, {
770
+ key: 9,
729
771
  label: t.control.label,
730
772
  control: t.control,
731
773
  onChange: o
732
774
  }, null, 8, ["label", "control"]))
733
- ], 64)) : W("", !0);
775
+ ])) : H("", !0);
734
776
  }
735
- }), De = { class: "tl-mb-4" }, Ke = ["aria-expanded", "data-folder"], Pe = {
736
- class: "tl-bg-white tl-rounded-b tl-pt-4",
777
+ }), an = /* @__PURE__ */ D(Ml, [["__scopeId", "data-v-348b5d84"]]), El = { class: "tl-mb-2 tl-transition-all tl-duration-400 tl-ease-in-out" }, Il = ["aria-expanded", "data-folder"], Sl = { class: "tl-relative tl-overflow-hidden" }, Bl = {
778
+ class: "tl-bg-white dark:tl-bg-dark-300 tl-rounded-b tl-pt-4 tl-pb-2",
737
779
  role: "menu"
738
- }, Ve = /* @__PURE__ */ w({
780
+ }, Fl = /* @__PURE__ */ L({
739
781
  __name: "Folder",
740
782
  props: {
741
783
  controls: {},
742
784
  label: {}
743
785
  },
744
- setup(e) {
745
- function n(t, c) {
746
- c.value = t;
786
+ emits: ["open"],
787
+ setup(t, { emit: e }) {
788
+ const n = e;
789
+ function o(r, a) {
790
+ a.value = r;
747
791
  }
748
- const l = b(!1), o = () => {
749
- l.value = !l.value;
792
+ const l = b(!1), s = () => {
793
+ l.value = !l.value, n("open", l.value);
750
794
  };
751
- return (t, c) => (d(), v("div", De, [
752
- i("button", {
753
- class: "tl-flex tl-items-center tl-justify-between tl-w-full tl-py-2 tl-px-4 tl-bg-gray-100 tl-border-none tl-text-gray-400 tl-font-bold tl-text-xs tl-font-sans tl-cursor-pointer",
795
+ return (r, a) => (A(), I("div", El, [
796
+ E("button", {
797
+ class: "tl-flex tl-items-center tl-justify-between tl-w-full tl-py-2 tl-px-4 tl-bg-gray-100 dark:tl-bg-dark-300 tl-border-none tl-text-gray-400 dark:tl-text-gray-400 tl-font-bold tl-text-xs tl-font-sans tl-cursor-pointer tl-relative tl-z-10",
754
798
  "aria-expanded": l.value,
755
799
  "aria-haspopup": "true",
756
800
  role: "button",
757
801
  "data-folder": t.label,
758
802
  tabindex: "0",
759
- onClick: o
803
+ onClick: s
760
804
  }, [
761
- i("span", null, M(t.label), 1),
762
- i("i", {
763
- class: C(l.value ? "i-ic:baseline-keyboard-arrow-up" : "i-ic:baseline-keyboard-arrow-down")
805
+ E("span", null, lt(t.label), 1),
806
+ E("i", {
807
+ class: q(l.value ? "i-ic:baseline-keyboard-arrow-up" : "i-ic:baseline-keyboard-arrow-down")
764
808
  }, null, 2)
765
- ], 8, Ke),
766
- F(ft, {
767
- name: "slide",
768
- "enter-active-class": "tl-animate-fade-in tl-animate-duration-200 tl-animate-ease-in-out",
769
- "leave-active-class": "tl-animate-fade-out tl-animate-duration-200 tl-animate-ease-in-out"
770
- }, {
771
- default: R(() => [
772
- Q(i("div", Pe, [
773
- (d(!0), v(K, null, B(t.controls, (a) => (d(), I(xt, {
774
- key: a.label,
775
- control: a,
776
- role: "menuitem",
777
- onChange: (s) => n(s, a)
778
- }, null, 8, ["control", "onChange"]))), 128))
779
- ], 512), [
780
- [Z, l.value]
781
- ])
782
- ]),
783
- _: 1
784
- })
809
+ ], 8, Il),
810
+ E("div", Sl, [
811
+ P(no, {
812
+ name: "slide",
813
+ "enter-active-class": "tl-transition-[transform,opacity] tl-duration-200 tl-ease-out",
814
+ "enter-from-class": "tl-origin-top tl-scale-y-0 tl-opacity-0",
815
+ "enter-to-class": "tl-origin-top tl-scale-y-100 tl-opacity-100",
816
+ "leave-active-class": "tl-transition-[transform,opacity] tl-duration-200 tl-ease-in",
817
+ "leave-from-class": "tl-origin-top tl-scale-y-100 tl-opacity-100",
818
+ "leave-to-class": "tl-origin-top tl-scale-y-0 tl-opacity-0"
819
+ }, {
820
+ default: oo(() => [
821
+ ie(E("div", Bl, [
822
+ (A(!0), I(_, null, mt(t.controls, (i) => (A(), W(an, {
823
+ key: i.label,
824
+ control: i,
825
+ role: "menuitem",
826
+ onChange: (u) => o(u, i)
827
+ }, null, 8, ["control", "onChange"]))), 128))
828
+ ], 512), [
829
+ [ce, l.value]
830
+ ])
831
+ ]),
832
+ _: 1
833
+ })
834
+ ])
785
835
  ]));
786
836
  }
787
- }), Ue = { class: "tl-relative tl-px-4 tl-py-6 tl-grid tl-grid-cols-2 tl-border tl-border-solid tl-border-gray-300 tl-rounded tl-my-4" }, Oe = { class: "tl-absolute tl-bg-white tl-text-gray-400 tl-px-2 tl-rounded -tl-top-2 tl-left-2" }, ot = /* @__PURE__ */ w({
788
- __name: "Pane",
789
- props: {
790
- title: {}
837
+ }), Tl = /* @__PURE__ */ D(Fl, [["__scopeId", "data-v-3c4e617b"]]);
838
+ function Xt(t) {
839
+ if (t === null || typeof t != "object")
840
+ return !1;
841
+ const e = Object.getPrototypeOf(t);
842
+ return e !== null && e !== Object.prototype && Object.getPrototypeOf(e) !== null || Symbol.iterator in t ? !1 : Symbol.toStringTag in t ? Object.prototype.toString.call(t) === "[object Module]" : !0;
843
+ }
844
+ function Gt(t, e, n = ".", o) {
845
+ if (!Xt(e))
846
+ return Gt(t, {}, n, o);
847
+ const l = Object.assign({}, e);
848
+ for (const s in t) {
849
+ if (s === "__proto__" || s === "constructor")
850
+ continue;
851
+ const r = t[s];
852
+ r != null && (o && o(l, s, r, n) || (Array.isArray(r) && Array.isArray(l[s]) ? l[s] = [...r, ...l[s]] : Xt(r) && Xt(l[s]) ? l[s] = Gt(
853
+ r,
854
+ l[s],
855
+ (n ? `${n}.` : "") + s.toString(),
856
+ o
857
+ ) : l[s] = r));
858
+ }
859
+ return l;
860
+ }
861
+ function Vl(t) {
862
+ return (...e) => (
863
+ // eslint-disable-next-line unicorn/no-array-reduce
864
+ e.reduce((n, o) => Gt(n, o, "", t), {})
865
+ );
866
+ }
867
+ const Ul = Vl(), cn = 1 / 60 * 1e3, Rl = typeof performance < "u" ? () => performance.now() : () => Date.now(), un = typeof window < "u" ? (t) => window.requestAnimationFrame(t) : (t) => setTimeout(() => t(Rl()), cn);
868
+ function jl(t) {
869
+ let e = [], n = [], o = 0, l = !1, s = !1;
870
+ const r = /* @__PURE__ */ new WeakSet(), a = {
871
+ schedule: (i, u = !1, f = !1) => {
872
+ const c = f && l, d = c ? e : n;
873
+ return u && r.add(i), d.indexOf(i) === -1 && (d.push(i), c && l && (o = e.length)), i;
874
+ },
875
+ cancel: (i) => {
876
+ const u = n.indexOf(i);
877
+ u !== -1 && n.splice(u, 1), r.delete(i);
878
+ },
879
+ process: (i) => {
880
+ if (l) {
881
+ s = !0;
882
+ return;
883
+ }
884
+ if (l = !0, [e, n] = [n, e], n.length = 0, o = e.length, o)
885
+ for (let u = 0; u < o; u++) {
886
+ const f = e[u];
887
+ f(i), r.has(f) && (a.schedule(f), t());
888
+ }
889
+ l = !1, s && (s = !1, a.process(i));
890
+ }
891
+ };
892
+ return a;
893
+ }
894
+ const Ll = 40;
895
+ let $t = !0, yt = !1, _t = !1;
896
+ const ut = {
897
+ delta: 0,
898
+ timestamp: 0
899
+ }, vt = [
900
+ "read",
901
+ "update",
902
+ "preRender",
903
+ "render",
904
+ "postRender"
905
+ ], Rt = vt.reduce((t, e) => (t[e] = jl(() => yt = !0), t), {}), te = vt.reduce((t, e) => {
906
+ const n = Rt[e];
907
+ return t[e] = (o, l = !1, s = !1) => (yt || zl(), n.schedule(o, l, s)), t;
908
+ }, {}), Ql = vt.reduce((t, e) => (t[e] = Rt[e].cancel, t), {});
909
+ vt.reduce((t, e) => (t[e] = () => Rt[e].process(ut), t), {});
910
+ const Kl = (t) => Rt[t].process(ut), fn = (t) => {
911
+ yt = !1, ut.delta = $t ? cn : Math.max(Math.min(t - ut.timestamp, Ll), 1), ut.timestamp = t, _t = !0, vt.forEach(Kl), _t = !1, yt && ($t = !1, un(fn));
912
+ }, zl = () => {
913
+ yt = !0, $t = !0, _t || un(fn);
914
+ }, dn = () => ut;
915
+ function pn(t, e) {
916
+ var n = {};
917
+ for (var o in t) Object.prototype.hasOwnProperty.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
918
+ if (t != null && typeof Object.getOwnPropertySymbols == "function")
919
+ for (var l = 0, o = Object.getOwnPropertySymbols(t); l < o.length; l++)
920
+ e.indexOf(o[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, o[l]) && (n[o[l]] = t[o[l]]);
921
+ return n;
922
+ }
923
+ var ge = function() {
924
+ }, bt = function() {
925
+ };
926
+ process.env.NODE_ENV !== "production" && (ge = function(t, e) {
927
+ !t && typeof console < "u" && console.warn(e);
928
+ }, bt = function(t, e) {
929
+ if (!t)
930
+ throw new Error(e);
931
+ });
932
+ const ee = (t, e, n) => Math.min(Math.max(n, t), e), qt = 1e-3, Dl = 0.01, Le = 10, Xl = 0.05, ql = 1;
933
+ function Nl({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: o = 1 }) {
934
+ let l, s;
935
+ ge(t <= Le * 1e3, "Spring duration must be 10 seconds or less");
936
+ let r = 1 - e;
937
+ r = ee(Xl, ql, r), t = ee(Dl, Le, t / 1e3), r < 1 ? (l = (u) => {
938
+ const f = u * r, c = f * t, d = f - n, p = ne(u, r), m = Math.exp(-c);
939
+ return qt - d / p * m;
940
+ }, s = (u) => {
941
+ const c = u * r * t, d = c * n + n, p = Math.pow(r, 2) * Math.pow(u, 2) * t, m = Math.exp(-c), h = ne(Math.pow(u, 2), r);
942
+ return (-l(u) + qt > 0 ? -1 : 1) * ((d - p) * m) / h;
943
+ }) : (l = (u) => {
944
+ const f = Math.exp(-u * t), c = (u - n) * t + 1;
945
+ return -qt + f * c;
946
+ }, s = (u) => {
947
+ const f = Math.exp(-u * t), c = (n - u) * (t * t);
948
+ return f * c;
949
+ });
950
+ const a = 5 / t, i = Hl(l, s, a);
951
+ if (t = t * 1e3, isNaN(i))
952
+ return {
953
+ stiffness: 100,
954
+ damping: 10,
955
+ duration: t
956
+ };
957
+ {
958
+ const u = Math.pow(i, 2) * o;
959
+ return {
960
+ stiffness: u,
961
+ damping: r * 2 * Math.sqrt(o * u),
962
+ duration: t
963
+ };
964
+ }
965
+ }
966
+ const Wl = 12;
967
+ function Hl(t, e, n) {
968
+ let o = n;
969
+ for (let l = 1; l < Wl; l++)
970
+ o = o - t(o) / e(o);
971
+ return o;
972
+ }
973
+ function ne(t, e) {
974
+ return t * Math.sqrt(1 - e * e);
975
+ }
976
+ const Pl = ["duration", "bounce"], Zl = ["stiffness", "damping", "mass"];
977
+ function Qe(t, e) {
978
+ return e.some((n) => t[n] !== void 0);
979
+ }
980
+ function Yl(t) {
981
+ let e = Object.assign({ velocity: 0, stiffness: 100, damping: 10, mass: 1, isResolvedFromDuration: !1 }, t);
982
+ if (!Qe(t, Zl) && Qe(t, Pl)) {
983
+ const n = Nl(t);
984
+ e = Object.assign(Object.assign(Object.assign({}, e), n), { velocity: 0, mass: 1 }), e.isResolvedFromDuration = !0;
985
+ }
986
+ return e;
987
+ }
988
+ function me(t) {
989
+ var { from: e = 0, to: n = 1, restSpeed: o = 2, restDelta: l } = t, s = pn(t, ["from", "to", "restSpeed", "restDelta"]);
990
+ const r = { done: !1, value: e };
991
+ let { stiffness: a, damping: i, mass: u, velocity: f, duration: c, isResolvedFromDuration: d } = Yl(s), p = Ke, m = Ke;
992
+ function h() {
993
+ const w = f ? -(f / 1e3) : 0, x = n - e, g = i / (2 * Math.sqrt(a * u)), y = Math.sqrt(a / u) / 1e3;
994
+ if (l === void 0 && (l = Math.min(Math.abs(n - e) / 100, 0.4)), g < 1) {
995
+ const C = ne(y, g);
996
+ p = (O) => {
997
+ const v = Math.exp(-g * y * O);
998
+ return n - v * ((w + g * y * x) / C * Math.sin(C * O) + x * Math.cos(C * O));
999
+ }, m = (O) => {
1000
+ const v = Math.exp(-g * y * O);
1001
+ return g * y * v * (Math.sin(C * O) * (w + g * y * x) / C + x * Math.cos(C * O)) - v * (Math.cos(C * O) * (w + g * y * x) - C * x * Math.sin(C * O));
1002
+ };
1003
+ } else if (g === 1)
1004
+ p = (C) => n - Math.exp(-y * C) * (x + (w + y * x) * C);
1005
+ else {
1006
+ const C = y * Math.sqrt(g * g - 1);
1007
+ p = (O) => {
1008
+ const v = Math.exp(-g * y * O), k = Math.min(C * O, 300);
1009
+ return n - v * ((w + g * y * x) * Math.sinh(k) + C * x * Math.cosh(k)) / C;
1010
+ };
1011
+ }
1012
+ }
1013
+ return h(), {
1014
+ next: (w) => {
1015
+ const x = p(w);
1016
+ if (d)
1017
+ r.done = w >= c;
1018
+ else {
1019
+ const g = m(w) * 1e3, y = Math.abs(g) <= o, C = Math.abs(n - x) <= l;
1020
+ r.done = y && C;
1021
+ }
1022
+ return r.value = r.done ? n : x, r;
1023
+ },
1024
+ flipTarget: () => {
1025
+ f = -f, [e, n] = [n, e], h();
1026
+ }
1027
+ };
1028
+ }
1029
+ me.needsInterpolation = (t, e) => typeof t == "string" || typeof e == "string";
1030
+ const Ke = (t) => 0, gn = (t, e, n) => {
1031
+ const o = e - t;
1032
+ return o === 0 ? 1 : (n - t) / o;
1033
+ }, ye = (t, e, n) => -n * t + n * e + t, mn = (t, e) => (n) => Math.max(Math.min(n, e), t), dt = (t) => t % 1 ? Number(t.toFixed(5)) : t, ht = /(-)?([\d]*\.?[\d])+/g, oe = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, Jl = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
1034
+ function At(t) {
1035
+ return typeof t == "string";
1036
+ }
1037
+ const xt = {
1038
+ test: (t) => typeof t == "number",
1039
+ parse: parseFloat,
1040
+ transform: (t) => t
1041
+ }, pt = Object.assign(Object.assign({}, xt), { transform: mn(0, 1) }), Mt = Object.assign(Object.assign({}, xt), { default: 1 }), be = (t) => ({
1042
+ test: (e) => At(e) && e.endsWith(t) && e.split(" ").length === 1,
1043
+ parse: parseFloat,
1044
+ transform: (e) => `${e}${t}`
1045
+ }), tt = be("deg"), gt = be("%"), M = be("px"), ze = Object.assign(Object.assign({}, gt), { parse: (t) => gt.parse(t) / 100, transform: (t) => gt.transform(t * 100) }), he = (t, e) => (n) => !!(At(n) && Jl.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), yn = (t, e, n) => (o) => {
1046
+ if (!At(o))
1047
+ return o;
1048
+ const [l, s, r, a] = o.match(ht);
1049
+ return {
1050
+ [t]: parseFloat(l),
1051
+ [e]: parseFloat(s),
1052
+ [n]: parseFloat(r),
1053
+ alpha: a !== void 0 ? parseFloat(a) : 1
1054
+ };
1055
+ }, ot = {
1056
+ test: he("hsl", "hue"),
1057
+ parse: yn("hue", "saturation", "lightness"),
1058
+ transform: ({ hue: t, saturation: e, lightness: n, alpha: o = 1 }) => "hsla(" + Math.round(t) + ", " + gt.transform(dt(e)) + ", " + gt.transform(dt(n)) + ", " + dt(pt.transform(o)) + ")"
1059
+ }, Gl = mn(0, 255), Nt = Object.assign(Object.assign({}, xt), { transform: (t) => Math.round(Gl(t)) }), $ = {
1060
+ test: he("rgb", "red"),
1061
+ parse: yn("red", "green", "blue"),
1062
+ transform: ({ red: t, green: e, blue: n, alpha: o = 1 }) => "rgba(" + Nt.transform(t) + ", " + Nt.transform(e) + ", " + Nt.transform(n) + ", " + dt(pt.transform(o)) + ")"
1063
+ };
1064
+ function $l(t) {
1065
+ let e = "", n = "", o = "", l = "";
1066
+ return t.length > 5 ? (e = t.substr(1, 2), n = t.substr(3, 2), o = t.substr(5, 2), l = t.substr(7, 2)) : (e = t.substr(1, 1), n = t.substr(2, 1), o = t.substr(3, 1), l = t.substr(4, 1), e += e, n += n, o += o, l += l), {
1067
+ red: parseInt(e, 16),
1068
+ green: parseInt(n, 16),
1069
+ blue: parseInt(o, 16),
1070
+ alpha: l ? parseInt(l, 16) / 255 : 1
1071
+ };
1072
+ }
1073
+ const le = {
1074
+ test: he("#"),
1075
+ parse: $l,
1076
+ transform: $.transform
1077
+ }, K = {
1078
+ test: (t) => $.test(t) || le.test(t) || ot.test(t),
1079
+ parse: (t) => $.test(t) ? $.parse(t) : ot.test(t) ? ot.parse(t) : le.parse(t),
1080
+ transform: (t) => At(t) ? t : t.hasOwnProperty("red") ? $.transform(t) : ot.transform(t)
1081
+ }, bn = "${c}", hn = "${n}";
1082
+ function _l(t) {
1083
+ var e, n, o, l;
1084
+ return isNaN(t) && At(t) && ((n = (e = t.match(ht)) === null || e === void 0 ? void 0 : e.length) !== null && n !== void 0 ? n : 0) + ((l = (o = t.match(oe)) === null || o === void 0 ? void 0 : o.length) !== null && l !== void 0 ? l : 0) > 0;
1085
+ }
1086
+ function vn(t) {
1087
+ typeof t == "number" && (t = `${t}`);
1088
+ const e = [];
1089
+ let n = 0;
1090
+ const o = t.match(oe);
1091
+ o && (n = o.length, t = t.replace(oe, bn), e.push(...o.map(K.parse)));
1092
+ const l = t.match(ht);
1093
+ return l && (t = t.replace(ht, hn), e.push(...l.map(xt.parse))), { values: e, numColors: n, tokenised: t };
1094
+ }
1095
+ function An(t) {
1096
+ return vn(t).values;
1097
+ }
1098
+ function xn(t) {
1099
+ const { values: e, numColors: n, tokenised: o } = vn(t), l = e.length;
1100
+ return (s) => {
1101
+ let r = o;
1102
+ for (let a = 0; a < l; a++)
1103
+ r = r.replace(a < n ? bn : hn, a < n ? K.transform(s[a]) : dt(s[a]));
1104
+ return r;
1105
+ };
1106
+ }
1107
+ const tr = (t) => typeof t == "number" ? 0 : t;
1108
+ function er(t) {
1109
+ const e = An(t);
1110
+ return xn(t)(e.map(tr));
1111
+ }
1112
+ const Ct = { test: _l, parse: An, createTransformer: xn, getAnimatableNone: er }, nr = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
1113
+ function or(t) {
1114
+ let [e, n] = t.slice(0, -1).split("(");
1115
+ if (e === "drop-shadow")
1116
+ return t;
1117
+ const [o] = n.match(ht) || [];
1118
+ if (!o)
1119
+ return t;
1120
+ const l = n.replace(o, "");
1121
+ let s = nr.has(e) ? 1 : 0;
1122
+ return o !== n && (s *= 100), e + "(" + s + l + ")";
1123
+ }
1124
+ const lr = /([a-z-]*)\(.*?\)/g, re = Object.assign(Object.assign({}, Ct), { getAnimatableNone: (t) => {
1125
+ const e = t.match(lr);
1126
+ return e ? e.map(or).join(" ") : t;
1127
+ } });
1128
+ function Wt(t, e, n) {
1129
+ return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
1130
+ }
1131
+ function De({ hue: t, saturation: e, lightness: n, alpha: o }) {
1132
+ t /= 360, e /= 100, n /= 100;
1133
+ let l = 0, s = 0, r = 0;
1134
+ if (!e)
1135
+ l = s = r = n;
1136
+ else {
1137
+ const a = n < 0.5 ? n * (1 + e) : n + e - n * e, i = 2 * n - a;
1138
+ l = Wt(i, a, t + 1 / 3), s = Wt(i, a, t), r = Wt(i, a, t - 1 / 3);
1139
+ }
1140
+ return {
1141
+ red: Math.round(l * 255),
1142
+ green: Math.round(s * 255),
1143
+ blue: Math.round(r * 255),
1144
+ alpha: o
1145
+ };
1146
+ }
1147
+ const rr = (t, e, n) => {
1148
+ const o = t * t, l = e * e;
1149
+ return Math.sqrt(Math.max(0, n * (l - o) + o));
1150
+ }, sr = [le, $, ot], Xe = (t) => sr.find((e) => e.test(t)), qe = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, Cn = (t, e) => {
1151
+ let n = Xe(t), o = Xe(e);
1152
+ bt(!!n, qe(t)), bt(!!o, qe(e));
1153
+ let l = n.parse(t), s = o.parse(e);
1154
+ n === ot && (l = De(l), n = $), o === ot && (s = De(s), o = $);
1155
+ const r = Object.assign({}, l);
1156
+ return (a) => {
1157
+ for (const i in r)
1158
+ i !== "alpha" && (r[i] = rr(l[i], s[i], a));
1159
+ return r.alpha = ye(l.alpha, s.alpha, a), n.transform(r);
1160
+ };
1161
+ }, ar = (t) => typeof t == "number", ir = (t, e) => (n) => e(t(n)), wn = (...t) => t.reduce(ir);
1162
+ function On(t, e) {
1163
+ return ar(t) ? (n) => ye(t, e, n) : K.test(t) ? Cn(t, e) : Mn(t, e);
1164
+ }
1165
+ const kn = (t, e) => {
1166
+ const n = [...t], o = n.length, l = t.map((s, r) => On(s, e[r]));
1167
+ return (s) => {
1168
+ for (let r = 0; r < o; r++)
1169
+ n[r] = l[r](s);
1170
+ return n;
1171
+ };
1172
+ }, cr = (t, e) => {
1173
+ const n = Object.assign(Object.assign({}, t), e), o = {};
1174
+ for (const l in n)
1175
+ t[l] !== void 0 && e[l] !== void 0 && (o[l] = On(t[l], e[l]));
1176
+ return (l) => {
1177
+ for (const s in o)
1178
+ n[s] = o[s](l);
1179
+ return n;
1180
+ };
1181
+ };
1182
+ function Ne(t) {
1183
+ const e = Ct.parse(t), n = e.length;
1184
+ let o = 0, l = 0, s = 0;
1185
+ for (let r = 0; r < n; r++)
1186
+ o || typeof e[r] == "number" ? o++ : e[r].hue !== void 0 ? s++ : l++;
1187
+ return { parsed: e, numNumbers: o, numRGB: l, numHSL: s };
1188
+ }
1189
+ const Mn = (t, e) => {
1190
+ const n = Ct.createTransformer(e), o = Ne(t), l = Ne(e);
1191
+ return o.numHSL === l.numHSL && o.numRGB === l.numRGB && o.numNumbers >= l.numNumbers ? wn(kn(o.parsed, l.parsed), n) : (ge(!0, `Complex values '${t}' and '${e}' 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.`), (r) => `${r > 0 ? e : t}`);
1192
+ }, ur = (t, e) => (n) => ye(t, e, n);
1193
+ function fr(t) {
1194
+ if (typeof t == "number")
1195
+ return ur;
1196
+ if (typeof t == "string")
1197
+ return K.test(t) ? Cn : Mn;
1198
+ if (Array.isArray(t))
1199
+ return kn;
1200
+ if (typeof t == "object")
1201
+ return cr;
1202
+ }
1203
+ function dr(t, e, n) {
1204
+ const o = [], l = n || fr(t[0]), s = t.length - 1;
1205
+ for (let r = 0; r < s; r++) {
1206
+ let a = l(t[r], t[r + 1]);
1207
+ if (e) {
1208
+ const i = Array.isArray(e) ? e[r] : e;
1209
+ a = wn(i, a);
1210
+ }
1211
+ o.push(a);
1212
+ }
1213
+ return o;
1214
+ }
1215
+ function pr([t, e], [n]) {
1216
+ return (o) => n(gn(t, e, o));
1217
+ }
1218
+ function gr(t, e) {
1219
+ const n = t.length, o = n - 1;
1220
+ return (l) => {
1221
+ let s = 0, r = !1;
1222
+ if (l <= t[0] ? r = !0 : l >= t[o] && (s = o - 1, r = !0), !r) {
1223
+ let i = 1;
1224
+ for (; i < n && !(t[i] > l || i === o); i++)
1225
+ ;
1226
+ s = i - 1;
1227
+ }
1228
+ const a = gn(t[s], t[s + 1], l);
1229
+ return e[s](a);
1230
+ };
1231
+ }
1232
+ function En(t, e, { clamp: n = !0, ease: o, mixer: l } = {}) {
1233
+ const s = t.length;
1234
+ bt(s === e.length, "Both input and output ranges must be the same length"), bt(!o || !Array.isArray(o) || o.length === s - 1, "Array of easing functions must be of length `input.length - 1`, as it applies to the transitions **between** the defined values."), t[0] > t[s - 1] && (t = [].concat(t), e = [].concat(e), t.reverse(), e.reverse());
1235
+ const r = dr(e, o, l), a = s === 2 ? pr(t, r) : gr(t, r);
1236
+ return n ? (i) => a(ee(t[0], t[s - 1], i)) : a;
1237
+ }
1238
+ const jt = (t) => (e) => 1 - t(1 - e), ve = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, mr = (t) => (e) => Math.pow(e, t), In = (t) => (e) => e * e * ((t + 1) * e - t), yr = (t) => {
1239
+ const e = In(t);
1240
+ return (n) => (n *= 2) < 1 ? 0.5 * e(n) : 0.5 * (2 - Math.pow(2, -10 * (n - 1)));
1241
+ }, Sn = 1.525, br = 4 / 11, hr = 8 / 11, vr = 9 / 10, Bn = (t) => t, Ae = mr(2), Ar = jt(Ae), Fn = ve(Ae), Tn = (t) => 1 - Math.sin(Math.acos(t)), Vn = jt(Tn), xr = ve(Vn), xe = In(Sn), Cr = jt(xe), wr = ve(xe), Or = yr(Sn), kr = 4356 / 361, Mr = 35442 / 1805, Er = 16061 / 1805, Tt = (t) => {
1242
+ if (t === 1 || t === 0)
1243
+ return t;
1244
+ const e = t * t;
1245
+ return t < br ? 7.5625 * e : t < hr ? 9.075 * e - 9.9 * t + 3.4 : t < vr ? kr * e - Mr * t + Er : 10.8 * t * t - 20.52 * t + 10.72;
1246
+ }, Ir = jt(Tt), Sr = (t) => t < 0.5 ? 0.5 * (1 - Tt(1 - t * 2)) : 0.5 * Tt(t * 2 - 1) + 0.5;
1247
+ function Br(t, e) {
1248
+ return t.map(() => e || Fn).splice(0, t.length - 1);
1249
+ }
1250
+ function Fr(t) {
1251
+ const e = t.length;
1252
+ return t.map((n, o) => o !== 0 ? o / (e - 1) : 0);
1253
+ }
1254
+ function Tr(t, e) {
1255
+ return t.map((n) => n * e);
1256
+ }
1257
+ function St({ from: t = 0, to: e = 1, ease: n, offset: o, duration: l = 300 }) {
1258
+ const s = { done: !1, value: t }, r = Array.isArray(e) ? e : [t, e], a = Tr(o && o.length === r.length ? o : Fr(r), l);
1259
+ function i() {
1260
+ return En(a, r, {
1261
+ ease: Array.isArray(n) ? n : Br(r, n)
1262
+ });
1263
+ }
1264
+ let u = i();
1265
+ return {
1266
+ next: (f) => (s.value = u(f), s.done = f >= l, s),
1267
+ flipTarget: () => {
1268
+ r.reverse(), u = i();
1269
+ }
1270
+ };
1271
+ }
1272
+ function Vr({ velocity: t = 0, from: e = 0, power: n = 0.8, timeConstant: o = 350, restDelta: l = 0.5, modifyTarget: s }) {
1273
+ const r = { done: !1, value: e };
1274
+ let a = n * t;
1275
+ const i = e + a, u = s === void 0 ? i : s(i);
1276
+ return u !== i && (a = u - e), {
1277
+ next: (f) => {
1278
+ const c = -a * Math.exp(-f / o);
1279
+ return r.done = !(c > l || c < -l), r.value = r.done ? u : u + c, r;
1280
+ },
1281
+ flipTarget: () => {
1282
+ }
1283
+ };
1284
+ }
1285
+ const We = { keyframes: St, spring: me, decay: Vr };
1286
+ function Ur(t) {
1287
+ if (Array.isArray(t.to))
1288
+ return St;
1289
+ if (We[t.type])
1290
+ return We[t.type];
1291
+ const e = new Set(Object.keys(t));
1292
+ return e.has("ease") || e.has("duration") && !e.has("dampingRatio") ? St : e.has("dampingRatio") || e.has("stiffness") || e.has("mass") || e.has("damping") || e.has("restSpeed") || e.has("restDelta") ? me : St;
1293
+ }
1294
+ function Un(t, e, n = 0) {
1295
+ return t - e - n;
1296
+ }
1297
+ function Rr(t, e, n = 0, o = !0) {
1298
+ return o ? Un(e + -t, e, n) : e - (t - e) + n;
1299
+ }
1300
+ function jr(t, e, n, o) {
1301
+ return o ? t >= e + n : t <= -n;
1302
+ }
1303
+ const Lr = (t) => {
1304
+ const e = ({ delta: n }) => t(n);
1305
+ return {
1306
+ start: () => te.update(e, !0),
1307
+ stop: () => Ql.update(e)
1308
+ };
1309
+ };
1310
+ function Rn(t) {
1311
+ var e, n, { from: o, autoplay: l = !0, driver: s = Lr, elapsed: r = 0, repeat: a = 0, repeatType: i = "loop", repeatDelay: u = 0, onPlay: f, onStop: c, onComplete: d, onRepeat: p, onUpdate: m } = t, h = pn(t, ["from", "autoplay", "driver", "elapsed", "repeat", "repeatType", "repeatDelay", "onPlay", "onStop", "onComplete", "onRepeat", "onUpdate"]);
1312
+ let { to: w } = h, x, g = 0, y = h.duration, C, O = !1, v = !0, k;
1313
+ const S = Ur(h);
1314
+ !((n = (e = S).needsInterpolation) === null || n === void 0) && n.call(e, o, w) && (k = En([0, 100], [o, w], {
1315
+ clamp: !1
1316
+ }), o = 0, w = 100);
1317
+ const U = S(Object.assign(Object.assign({}, h), { from: o, to: w }));
1318
+ function F() {
1319
+ g++, i === "reverse" ? (v = g % 2 === 0, r = Rr(r, y, u, v)) : (r = Un(r, y, u), i === "mirror" && U.flipTarget()), O = !1, p && p();
1320
+ }
1321
+ function j() {
1322
+ x.stop(), d && d();
1323
+ }
1324
+ function Lt(J) {
1325
+ if (v || (J = -J), r += J, !O) {
1326
+ const rt = U.next(Math.max(0, r));
1327
+ C = rt.value, k && (C = k(C)), O = v ? rt.done : r <= 0;
1328
+ }
1329
+ m?.(C), O && (g === 0 && (y ?? (y = r)), g < a ? jr(r, y, u, v) && F() : j());
1330
+ }
1331
+ function wt() {
1332
+ f?.(), x = s(Lt), x.start();
1333
+ }
1334
+ return l && wt(), {
1335
+ stop: () => {
1336
+ c?.(), x.stop();
1337
+ }
1338
+ };
1339
+ }
1340
+ function jn(t, e) {
1341
+ return e ? t * (1e3 / e) : 0;
1342
+ }
1343
+ function Qr({ from: t = 0, velocity: e = 0, min: n, max: o, power: l = 0.8, timeConstant: s = 750, bounceStiffness: r = 500, bounceDamping: a = 10, restDelta: i = 1, modifyTarget: u, driver: f, onUpdate: c, onComplete: d, onStop: p }) {
1344
+ let m;
1345
+ function h(y) {
1346
+ return n !== void 0 && y < n || o !== void 0 && y > o;
1347
+ }
1348
+ function w(y) {
1349
+ return n === void 0 ? o : o === void 0 || Math.abs(n - y) < Math.abs(o - y) ? n : o;
1350
+ }
1351
+ function x(y) {
1352
+ m?.stop(), m = Rn(Object.assign(Object.assign({}, y), {
1353
+ driver: f,
1354
+ onUpdate: (C) => {
1355
+ var O;
1356
+ c?.(C), (O = y.onUpdate) === null || O === void 0 || O.call(y, C);
1357
+ },
1358
+ onComplete: d,
1359
+ onStop: p
1360
+ }));
1361
+ }
1362
+ function g(y) {
1363
+ x(Object.assign({ type: "spring", stiffness: r, damping: a, restDelta: i }, y));
1364
+ }
1365
+ if (h(t))
1366
+ g({ from: t, velocity: e, to: w(t) });
1367
+ else {
1368
+ let y = l * e + t;
1369
+ typeof u < "u" && (y = u(y));
1370
+ const C = w(y), O = C === n ? -1 : 1;
1371
+ let v, k;
1372
+ const S = (U) => {
1373
+ v = k, k = U, e = jn(U - v, dn().delta), (O === 1 && U > C || O === -1 && U < C) && g({ from: U, to: C, velocity: e });
1374
+ };
1375
+ x({
1376
+ type: "decay",
1377
+ from: t,
1378
+ velocity: e,
1379
+ timeConstant: s,
1380
+ power: l,
1381
+ restDelta: i,
1382
+ modifyTarget: u,
1383
+ onUpdate: h(y) ? S : void 0
1384
+ });
1385
+ }
1386
+ return {
1387
+ stop: () => m?.stop()
1388
+ };
1389
+ }
1390
+ const Ln = (t, e) => 1 - 3 * e + 3 * t, Qn = (t, e) => 3 * e - 6 * t, Kn = (t) => 3 * t, Vt = (t, e, n) => ((Ln(e, n) * t + Qn(e, n)) * t + Kn(e)) * t, zn = (t, e, n) => 3 * Ln(e, n) * t * t + 2 * Qn(e, n) * t + Kn(e), Kr = 1e-7, zr = 10;
1391
+ function Dr(t, e, n, o, l) {
1392
+ let s, r, a = 0;
1393
+ do
1394
+ r = e + (n - e) / 2, s = Vt(r, o, l) - t, s > 0 ? n = r : e = r;
1395
+ while (Math.abs(s) > Kr && ++a < zr);
1396
+ return r;
1397
+ }
1398
+ const Xr = 8, qr = 1e-3;
1399
+ function Nr(t, e, n, o) {
1400
+ for (let l = 0; l < Xr; ++l) {
1401
+ const s = zn(e, n, o);
1402
+ if (s === 0)
1403
+ return e;
1404
+ const r = Vt(e, n, o) - t;
1405
+ e -= r / s;
1406
+ }
1407
+ return e;
1408
+ }
1409
+ const Bt = 11, Et = 1 / (Bt - 1);
1410
+ function Wr(t, e, n, o) {
1411
+ if (t === e && n === o)
1412
+ return Bn;
1413
+ const l = new Float32Array(Bt);
1414
+ for (let r = 0; r < Bt; ++r)
1415
+ l[r] = Vt(r * Et, t, n);
1416
+ function s(r) {
1417
+ let a = 0, i = 1;
1418
+ const u = Bt - 1;
1419
+ for (; i !== u && l[i] <= r; ++i)
1420
+ a += Et;
1421
+ --i;
1422
+ const f = (r - l[i]) / (l[i + 1] - l[i]), c = a + f * Et, d = zn(c, t, n);
1423
+ return d >= qr ? Nr(r, c, t, n) : d === 0 ? c : Dr(r, a, a + Et, t, n);
1424
+ }
1425
+ return (r) => r === 0 || r === 1 ? r : Vt(s(r), e, o);
1426
+ }
1427
+ const Ce = {};
1428
+ class Hr {
1429
+ subscriptions = /* @__PURE__ */ new Set();
1430
+ add(e) {
1431
+ return this.subscriptions.add(e), () => this.subscriptions.delete(e);
1432
+ }
1433
+ notify(e, n, o) {
1434
+ if (this.subscriptions.size)
1435
+ for (const l of this.subscriptions) l(e, n, o);
1436
+ }
1437
+ clear() {
1438
+ this.subscriptions.clear();
1439
+ }
1440
+ }
1441
+ function He(t) {
1442
+ return !Number.isNaN(Number.parseFloat(t));
1443
+ }
1444
+ class Pr {
1445
+ /**
1446
+ * The current state of the `MotionValue`.
1447
+ */
1448
+ current;
1449
+ /**
1450
+ * The previous state of the `MotionValue`.
1451
+ */
1452
+ prev;
1453
+ /**
1454
+ * Duration, in milliseconds, since last updating frame.
1455
+ */
1456
+ timeDelta = 0;
1457
+ /**
1458
+ * Timestamp of the last time this `MotionValue` was updated.
1459
+ */
1460
+ lastUpdated = 0;
1461
+ /**
1462
+ * Functions to notify when the `MotionValue` updates.
1463
+ */
1464
+ updateSubscribers = new Hr();
1465
+ /**
1466
+ * A reference to the currently-controlling Popmotion animation
1467
+ */
1468
+ stopAnimation;
1469
+ /**
1470
+ * Tracks whether this value can output a velocity.
1471
+ */
1472
+ canTrackVelocity = !1;
1473
+ /**
1474
+ * init - The initiating value
1475
+ * config - Optional configuration options
1476
+ */
1477
+ constructor(e) {
1478
+ this.prev = this.current = e, this.canTrackVelocity = He(this.current);
1479
+ }
1480
+ /**
1481
+ * Adds a function that will be notified when the `MotionValue` is updated.
1482
+ *
1483
+ * It returns a function that, when called, will cancel the subscription.
1484
+ */
1485
+ onChange(e) {
1486
+ return this.updateSubscribers.add(e);
1487
+ }
1488
+ clearListeners() {
1489
+ this.updateSubscribers.clear();
1490
+ }
1491
+ /**
1492
+ * Sets the state of the `MotionValue`.
1493
+ *
1494
+ * @param v
1495
+ * @param render
1496
+ */
1497
+ set(e) {
1498
+ this.updateAndNotify(e);
1499
+ }
1500
+ /**
1501
+ * Update and notify `MotionValue` subscribers.
1502
+ *
1503
+ * @param v
1504
+ * @param render
1505
+ */
1506
+ updateAndNotify = (e) => {
1507
+ this.prev = this.current, this.current = e;
1508
+ const { delta: n, timestamp: o } = dn();
1509
+ this.lastUpdated !== o && (this.timeDelta = n, this.lastUpdated = o), te.postRender(this.scheduleVelocityCheck), this.updateSubscribers.notify(this.current);
1510
+ };
1511
+ /**
1512
+ * Returns the latest state of `MotionValue`
1513
+ *
1514
+ * @returns - The latest state of `MotionValue`
1515
+ */
1516
+ get() {
1517
+ return this.current;
1518
+ }
1519
+ /**
1520
+ * Get previous value.
1521
+ *
1522
+ * @returns - The previous latest state of `MotionValue`
1523
+ */
1524
+ getPrevious() {
1525
+ return this.prev;
1526
+ }
1527
+ /**
1528
+ * Returns the latest velocity of `MotionValue`
1529
+ *
1530
+ * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
1531
+ */
1532
+ getVelocity() {
1533
+ return this.canTrackVelocity ? jn(Number.parseFloat(this.current) - Number.parseFloat(this.prev), this.timeDelta) : 0;
1534
+ }
1535
+ /**
1536
+ * Schedule a velocity check for the next frame.
1537
+ */
1538
+ scheduleVelocityCheck = () => te.postRender(this.velocityCheck);
1539
+ /**
1540
+ * Updates `prev` with `current` if the value hasn't been updated this frame.
1541
+ * This ensures velocity calculations return `0`.
1542
+ */
1543
+ velocityCheck = ({ timestamp: e }) => {
1544
+ this.canTrackVelocity || (this.canTrackVelocity = He(this.current)), e !== this.lastUpdated && (this.prev = this.current);
1545
+ };
1546
+ /**
1547
+ * Registers a new animation to control this `MotionValue`. Only one
1548
+ * animation can drive a `MotionValue` at one time.
1549
+ */
1550
+ start(e) {
1551
+ return this.stop(), new Promise((n) => {
1552
+ const { stop: o } = e(n);
1553
+ this.stopAnimation = o;
1554
+ }).then(() => this.clearAnimation());
1555
+ }
1556
+ /**
1557
+ * Stop the currently active animation.
1558
+ */
1559
+ stop() {
1560
+ this.stopAnimation && this.stopAnimation(), this.clearAnimation();
1561
+ }
1562
+ /**
1563
+ * Returns `true` if this value is currently animating.
1564
+ */
1565
+ isAnimating() {
1566
+ return !!this.stopAnimation;
1567
+ }
1568
+ /**
1569
+ * Clear the current animation reference.
1570
+ */
1571
+ clearAnimation() {
1572
+ this.stopAnimation = null;
1573
+ }
1574
+ /**
1575
+ * Destroy and clean up subscribers to this `MotionValue`.
1576
+ */
1577
+ destroy() {
1578
+ this.updateSubscribers.clear(), this.stop();
1579
+ }
1580
+ }
1581
+ function Zr(t) {
1582
+ return new Pr(t);
1583
+ }
1584
+ const { isArray: Yr } = Array;
1585
+ function Jr() {
1586
+ const t = b({}), e = (o) => {
1587
+ const l = (s) => {
1588
+ t.value[s] && (t.value[s].stop(), t.value[s].destroy(), delete t.value[s]);
1589
+ };
1590
+ o ? Yr(o) ? o.forEach(l) : l(o) : Object.keys(t.value).forEach(l);
1591
+ }, n = (o, l, s) => {
1592
+ if (t.value[o])
1593
+ return t.value[o];
1594
+ const r = Zr(l);
1595
+ return r.onChange((a) => s[o] = a), t.value[o] = r, r;
1596
+ };
1597
+ return mo(e), {
1598
+ motionValues: t,
1599
+ get: n,
1600
+ stop: e
1601
+ };
1602
+ }
1603
+ function Gr(t) {
1604
+ return Array.isArray(t);
1605
+ }
1606
+ function et() {
1607
+ return {
1608
+ type: "spring",
1609
+ stiffness: 500,
1610
+ damping: 25,
1611
+ restDelta: 0.5,
1612
+ restSpeed: 10
1613
+ };
1614
+ }
1615
+ function Ht(t) {
1616
+ return {
1617
+ type: "spring",
1618
+ stiffness: 550,
1619
+ damping: t === 0 ? 2 * Math.sqrt(550) : 30,
1620
+ restDelta: 0.01,
1621
+ restSpeed: 10
1622
+ };
1623
+ }
1624
+ function $r(t) {
1625
+ return {
1626
+ type: "spring",
1627
+ stiffness: 550,
1628
+ damping: t === 0 ? 100 : 30,
1629
+ restDelta: 0.01,
1630
+ restSpeed: 10
1631
+ };
1632
+ }
1633
+ function Pt() {
1634
+ return {
1635
+ type: "keyframes",
1636
+ ease: "linear",
1637
+ duration: 300
1638
+ };
1639
+ }
1640
+ function _r(t) {
1641
+ return {
1642
+ type: "keyframes",
1643
+ duration: 800,
1644
+ values: t
1645
+ };
1646
+ }
1647
+ const Pe = {
1648
+ default: $r,
1649
+ x: et,
1650
+ y: et,
1651
+ z: et,
1652
+ rotate: et,
1653
+ rotateX: et,
1654
+ rotateY: et,
1655
+ rotateZ: et,
1656
+ scaleX: Ht,
1657
+ scaleY: Ht,
1658
+ scale: Ht,
1659
+ backgroundColor: Pt,
1660
+ color: Pt,
1661
+ opacity: Pt
1662
+ };
1663
+ function Dn(t, e) {
1664
+ let n;
1665
+ return Gr(e) ? n = _r : n = Pe[t] || Pe.default, { to: e, ...n(e) };
1666
+ }
1667
+ const Ze = {
1668
+ ...xt,
1669
+ transform: Math.round
1670
+ }, Xn = {
1671
+ // Color props
1672
+ color: K,
1673
+ backgroundColor: K,
1674
+ outlineColor: K,
1675
+ fill: K,
1676
+ stroke: K,
1677
+ // Border props
1678
+ borderColor: K,
1679
+ borderTopColor: K,
1680
+ borderRightColor: K,
1681
+ borderBottomColor: K,
1682
+ borderLeftColor: K,
1683
+ borderWidth: M,
1684
+ borderTopWidth: M,
1685
+ borderRightWidth: M,
1686
+ borderBottomWidth: M,
1687
+ borderLeftWidth: M,
1688
+ borderRadius: M,
1689
+ radius: M,
1690
+ borderTopLeftRadius: M,
1691
+ borderTopRightRadius: M,
1692
+ borderBottomRightRadius: M,
1693
+ borderBottomLeftRadius: M,
1694
+ // Positioning props
1695
+ width: M,
1696
+ maxWidth: M,
1697
+ height: M,
1698
+ maxHeight: M,
1699
+ size: M,
1700
+ top: M,
1701
+ right: M,
1702
+ bottom: M,
1703
+ left: M,
1704
+ // Spacing props
1705
+ padding: M,
1706
+ paddingTop: M,
1707
+ paddingRight: M,
1708
+ paddingBottom: M,
1709
+ paddingLeft: M,
1710
+ margin: M,
1711
+ marginTop: M,
1712
+ marginRight: M,
1713
+ marginBottom: M,
1714
+ marginLeft: M,
1715
+ // Transform props
1716
+ rotate: tt,
1717
+ rotateX: tt,
1718
+ rotateY: tt,
1719
+ rotateZ: tt,
1720
+ scale: Mt,
1721
+ scaleX: Mt,
1722
+ scaleY: Mt,
1723
+ scaleZ: Mt,
1724
+ skew: tt,
1725
+ skewX: tt,
1726
+ skewY: tt,
1727
+ distance: M,
1728
+ translateX: M,
1729
+ translateY: M,
1730
+ translateZ: M,
1731
+ x: M,
1732
+ y: M,
1733
+ z: M,
1734
+ perspective: M,
1735
+ transformPerspective: M,
1736
+ opacity: pt,
1737
+ originX: ze,
1738
+ originY: ze,
1739
+ originZ: M,
1740
+ // Misc
1741
+ zIndex: Ze,
1742
+ filter: re,
1743
+ WebkitFilter: re,
1744
+ // SVG
1745
+ fillOpacity: pt,
1746
+ strokeOpacity: pt,
1747
+ numOctaves: Ze
1748
+ }, we = (t) => Xn[t];
1749
+ function se(t, e) {
1750
+ return e && typeof t == "number" && e.transform ? e.transform(t) : t;
1751
+ }
1752
+ function ts(t, e) {
1753
+ let n = we(t);
1754
+ return n !== re && (n = Ct), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
1755
+ }
1756
+ const es = {
1757
+ linear: Bn,
1758
+ easeIn: Ae,
1759
+ easeInOut: Fn,
1760
+ easeOut: Ar,
1761
+ circIn: Tn,
1762
+ circInOut: xr,
1763
+ circOut: Vn,
1764
+ backIn: xe,
1765
+ backInOut: wr,
1766
+ backOut: Cr,
1767
+ anticipate: Or,
1768
+ bounceIn: Ir,
1769
+ bounceInOut: Sr,
1770
+ bounceOut: Tt
1771
+ };
1772
+ function Ye(t) {
1773
+ if (Array.isArray(t)) {
1774
+ const [e, n, o, l] = t;
1775
+ return Wr(e, n, o, l);
1776
+ } else if (typeof t == "string")
1777
+ return es[t];
1778
+ return t;
1779
+ }
1780
+ function ns(t) {
1781
+ return Array.isArray(t) && typeof t[0] != "number";
1782
+ }
1783
+ function Je(t, e) {
1784
+ return t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && Ct.test(e) && !e.startsWith("url("));
1785
+ }
1786
+ function os(t) {
1787
+ return Array.isArray(t.to) && t.to[0] === null && (t.to = [...t.to], t.to[0] = t.from), t;
1788
+ }
1789
+ function ls({ ease: t, times: e, delay: n, ...o }) {
1790
+ const l = { ...o };
1791
+ return e && (l.offset = e), t && (l.ease = ns(t) ? t.map(Ye) : Ye(t)), n && (l.elapsed = -n), l;
1792
+ }
1793
+ function rs(t, e, n) {
1794
+ return Array.isArray(e.to) && (t.duration || (t.duration = 800)), os(e), ss(t) || (t = {
1795
+ ...t,
1796
+ ...Dn(n, e.to)
1797
+ }), {
1798
+ ...e,
1799
+ ...ls(t)
1800
+ };
1801
+ }
1802
+ function ss({ delay: t, repeat: e, repeatType: n, repeatDelay: o, from: l, ...s }) {
1803
+ return !!Object.keys(s).length;
1804
+ }
1805
+ function as(t, e) {
1806
+ return t[e] || t.default || t;
1807
+ }
1808
+ function is(t, e, n, o, l) {
1809
+ const s = as(o, t);
1810
+ let r = s.from === null || s.from === void 0 ? e.get() : s.from;
1811
+ const a = Je(t, n);
1812
+ r === "none" && a && typeof n == "string" && (r = ts(t, n));
1813
+ const i = Je(t, r);
1814
+ function u(c) {
1815
+ const d = {
1816
+ from: r,
1817
+ to: n,
1818
+ velocity: o.velocity ? o.velocity : e.getVelocity(),
1819
+ onUpdate: (p) => e.set(p)
1820
+ };
1821
+ return s.type === "inertia" || s.type === "decay" ? Qr({ ...d, ...s }) : Rn({
1822
+ ...rs(s, d, t),
1823
+ onUpdate: (p) => {
1824
+ d.onUpdate(p), s.onUpdate && s.onUpdate(p);
1825
+ },
1826
+ onComplete: () => {
1827
+ l && l(), c && c();
1828
+ }
1829
+ });
1830
+ }
1831
+ function f(c) {
1832
+ return e.set(n), l && l(), c && c(), { stop: () => {
1833
+ } };
1834
+ }
1835
+ return !i || !a || s.type === !1 ? f : u;
1836
+ }
1837
+ function cs() {
1838
+ const { motionValues: t, stop: e, get: n } = Jr();
1839
+ return { motionValues: t, stop: e, push: (l, s, r, a = {}, i) => {
1840
+ const u = r[l], f = n(l, u, r);
1841
+ if (a && a.immediate) {
1842
+ f.set(s);
1843
+ return;
1844
+ }
1845
+ const c = is(l, f, s, a, i);
1846
+ f.start(c);
1847
+ } };
1848
+ }
1849
+ function us(t, e = {}, { motionValues: n, push: o, stop: l } = cs()) {
1850
+ const s = z(e), r = b(!1);
1851
+ V(
1852
+ n,
1853
+ (c) => {
1854
+ r.value = Object.values(c).filter((d) => d.isAnimating()).length > 0;
1855
+ },
1856
+ {
1857
+ immediate: !0,
1858
+ deep: !0
1859
+ }
1860
+ );
1861
+ const a = (c) => {
1862
+ if (!s || !s[c])
1863
+ throw new Error(`The variant ${c} does not exist.`);
1864
+ return s[c];
1865
+ }, i = (c) => {
1866
+ typeof c == "string" && (c = a(c));
1867
+ const d = Object.entries(c).map(([m, h]) => {
1868
+ if (m !== "transition")
1869
+ return new Promise(
1870
+ (w) => (
1871
+ // @ts-expect-error - Fix errors later for typescript 5
1872
+ o(m, h, t, c.transition || Dn(m, c[m]), w)
1873
+ )
1874
+ );
1875
+ }).filter(Boolean);
1876
+ async function p() {
1877
+ await Promise.all(d), c.transition?.onComplete?.();
1878
+ }
1879
+ return Promise.all([p()]);
1880
+ };
1881
+ return {
1882
+ isAnimating: r,
1883
+ apply: i,
1884
+ set: (c) => {
1885
+ const d = uo(c) ? c : a(c);
1886
+ Object.entries(d).forEach(([p, m]) => {
1887
+ p !== "transition" && o(p, m, t, {
1888
+ immediate: !0
1889
+ });
1890
+ });
1891
+ },
1892
+ leave: async (c) => {
1893
+ let d;
1894
+ if (s && (s.leave && (d = s.leave), !s.leave && s.initial && (d = s.initial)), !d) {
1895
+ c();
1896
+ return;
1897
+ }
1898
+ await i(d), c();
1899
+ },
1900
+ stop: l
1901
+ };
1902
+ }
1903
+ const Oe = typeof window < "u", fs = () => Oe && (window.onpointerdown === null || Ce?.TEST), ds = () => Oe && (window.ontouchstart === null || Ce?.TEST), ps = () => Oe && (window.onmousedown === null || Ce?.TEST);
1904
+ function gs({ target: t, state: e, variants: n, apply: o }) {
1905
+ const l = z(n), s = b(!1), r = b(!1), a = b(!1), i = Q(() => {
1906
+ let f = [...Object.keys(e.value || {})];
1907
+ return l && (l.hovered && (f = [...f, ...Object.keys(l.hovered)]), l.tapped && (f = [...f, ...Object.keys(l.tapped)]), l.focused && (f = [...f, ...Object.keys(l.focused)])), f;
1908
+ }), u = Q(() => {
1909
+ const f = {};
1910
+ Object.assign(f, e.value), s.value && l.hovered && Object.assign(f, l.hovered), r.value && l.tapped && Object.assign(f, l.tapped), a.value && l.focused && Object.assign(f, l.focused);
1911
+ for (const c in f)
1912
+ i.value.includes(c) || delete f[c];
1913
+ return f;
1914
+ });
1915
+ l.hovered && (X(t, "mouseenter", () => s.value = !0), X(t, "mouseleave", () => {
1916
+ s.value = !1, r.value = !1;
1917
+ })), l.tapped && (ps() && (X(t, "mousedown", () => r.value = !0), X(t, "mouseup", () => r.value = !1)), fs() && (X(t, "pointerdown", () => r.value = !0), X(t, "pointerup", () => r.value = !1)), ds() && (X(t, "touchstart", () => r.value = !0), X(t, "touchend", () => r.value = !1))), l.focused && (X(t, "focus", () => a.value = !0), X(t, "blur", () => a.value = !1)), V([s, r, a], () => {
1918
+ o(u.value);
1919
+ });
1920
+ }
1921
+ function ms({ set: t, target: e, variants: n, variant: o }) {
1922
+ const l = z(n);
1923
+ V(
1924
+ () => e,
1925
+ () => {
1926
+ l && (l.initial && (t("initial"), o.value = "initial"), l.enter && (o.value = "enter"));
1927
+ },
1928
+ {
1929
+ immediate: !0,
1930
+ flush: "pre"
1931
+ }
1932
+ );
1933
+ }
1934
+ function ys({ state: t, apply: e }) {
1935
+ V(
1936
+ t,
1937
+ (n) => {
1938
+ n && e(n);
1939
+ },
1940
+ {
1941
+ immediate: !0
1942
+ }
1943
+ );
1944
+ }
1945
+ function bs({ target: t, variants: e, variant: n }) {
1946
+ const o = z(e);
1947
+ o && (o.visible || o.visibleOnce) && fo(t, ([{ isIntersecting: l }]) => {
1948
+ o.visible ? l ? n.value = "visible" : n.value = "initial" : o.visibleOnce && (l && n.value !== "visibleOnce" ? n.value = "visibleOnce" : n.value || (n.value = "initial"));
1949
+ });
1950
+ }
1951
+ function hs(t, e = {
1952
+ syncVariants: !0,
1953
+ lifeCycleHooks: !0,
1954
+ visibilityHooks: !0,
1955
+ eventListeners: !0
1956
+ }) {
1957
+ e.lifeCycleHooks && ms(t), e.syncVariants && ys(t), e.visibilityHooks && bs(t), e.eventListeners && gs(t);
1958
+ }
1959
+ function qn(t = {}) {
1960
+ const e = ft({
1961
+ ...t
1962
+ }), n = b({});
1963
+ return V(
1964
+ e,
1965
+ () => {
1966
+ const o = {};
1967
+ for (const [l, s] of Object.entries(e)) {
1968
+ const r = we(l), a = se(s, r);
1969
+ o[l] = a;
1970
+ }
1971
+ n.value = o;
1972
+ },
1973
+ {
1974
+ immediate: !0,
1975
+ deep: !0
1976
+ }
1977
+ ), {
1978
+ state: e,
1979
+ style: n
1980
+ };
1981
+ }
1982
+ function ke(t, e) {
1983
+ V(
1984
+ () => co(t),
1985
+ (n) => {
1986
+ n && e(n);
1987
+ },
1988
+ {
1989
+ immediate: !0
1990
+ }
1991
+ );
1992
+ }
1993
+ const vs = {
1994
+ x: "translateX",
1995
+ y: "translateY",
1996
+ z: "translateZ"
1997
+ };
1998
+ function Nn(t = {}, e = !0) {
1999
+ const n = ft({ ...t }), o = b("");
2000
+ return V(
2001
+ n,
2002
+ (l) => {
2003
+ let s = "", r = !1;
2004
+ if (e && (l.x || l.y || l.z)) {
2005
+ const a = [l.x || 0, l.y || 0, l.z || 0].map((i) => se(i, M)).join(",");
2006
+ s += `translate3d(${a}) `, r = !0;
2007
+ }
2008
+ for (const [a, i] of Object.entries(l)) {
2009
+ if (e && (a === "x" || a === "y" || a === "z"))
2010
+ continue;
2011
+ const u = we(a), f = se(i, u);
2012
+ s += `${vs[a] || a}(${f}) `;
2013
+ }
2014
+ e && !r && (s += "translateZ(0px) "), o.value = s.trim();
2015
+ },
2016
+ {
2017
+ immediate: !0,
2018
+ deep: !0
2019
+ }
2020
+ ), {
2021
+ state: n,
2022
+ transform: o
2023
+ };
2024
+ }
2025
+ const As = ["", "X", "Y", "Z"], xs = ["perspective", "translate", "scale", "rotate", "skew"], Wn = ["transformPerspective", "x", "y", "z"];
2026
+ xs.forEach((t) => {
2027
+ As.forEach((e) => {
2028
+ const n = t + e;
2029
+ Wn.push(n);
2030
+ });
2031
+ });
2032
+ const Cs = new Set(Wn);
2033
+ function Me(t) {
2034
+ return Cs.has(t);
2035
+ }
2036
+ const ws = /* @__PURE__ */ new Set(["originX", "originY", "originZ"]);
2037
+ function Hn(t) {
2038
+ return ws.has(t);
2039
+ }
2040
+ function Os(t) {
2041
+ const e = {}, n = {};
2042
+ return Object.entries(t).forEach(([o, l]) => {
2043
+ Me(o) || Hn(o) ? e[o] = l : n[o] = l;
2044
+ }), { transform: e, style: n };
2045
+ }
2046
+ function Ee(t) {
2047
+ const { transform: e, style: n } = Os(t), { transform: o } = Nn(e), { style: l } = qn(n);
2048
+ return o.value && (l.value.transform = o.value), l.value;
2049
+ }
2050
+ function ks(t, e) {
2051
+ let n, o;
2052
+ const { state: l, style: s } = qn();
2053
+ return ke(t, (r) => {
2054
+ o = r;
2055
+ for (const a of Object.keys(Xn))
2056
+ r.style[a] === null || r.style[a] === "" || Me(a) || Hn(a) || (l[a] = r.style[a]);
2057
+ n && Object.entries(n).forEach(([a, i]) => r.style[a] = i), e && e(l);
2058
+ }), V(
2059
+ s,
2060
+ (r) => {
2061
+ if (!o) {
2062
+ n = r;
2063
+ return;
2064
+ }
2065
+ for (const a in r) o.style[a] = r[a];
2066
+ },
2067
+ {
2068
+ immediate: !0
2069
+ }
2070
+ ), {
2071
+ style: l
2072
+ };
2073
+ }
2074
+ function Ms(t) {
2075
+ const e = t.trim().split(/\) |\)/);
2076
+ if (e.length === 1)
2077
+ return {};
2078
+ const n = (o) => o.endsWith("px") || o.endsWith("deg") ? Number.parseFloat(o) : Number.isNaN(Number(o)) ? Number(o) : o;
2079
+ return e.reduce((o, l) => {
2080
+ if (!l)
2081
+ return o;
2082
+ const [s, r] = l.split("("), i = r.split(",").map((f) => n(f.endsWith(")") ? f.replace(")", "") : f.trim())), u = i.length === 1 ? i[0] : i;
2083
+ return {
2084
+ ...o,
2085
+ [s]: u
2086
+ };
2087
+ }, {});
2088
+ }
2089
+ function Es(t, e) {
2090
+ Object.entries(Ms(e)).forEach(([n, o]) => {
2091
+ const l = ["x", "y", "z"];
2092
+ if (n === "translate3d") {
2093
+ if (o === 0) {
2094
+ l.forEach((s) => t[s] = 0);
2095
+ return;
2096
+ }
2097
+ o.forEach((s, r) => t[l[r]] = s);
2098
+ return;
2099
+ }
2100
+ if (o = Number.parseFloat(`${o}`), n === "translateX") {
2101
+ t.x = o;
2102
+ return;
2103
+ }
2104
+ if (n === "translateY") {
2105
+ t.y = o;
2106
+ return;
2107
+ }
2108
+ if (n === "translateZ") {
2109
+ t.z = o;
2110
+ return;
2111
+ }
2112
+ t[n] = o;
2113
+ });
2114
+ }
2115
+ function Is(t, e) {
2116
+ let n, o;
2117
+ const { state: l, transform: s } = Nn();
2118
+ return ke(t, (r) => {
2119
+ o = r, r.style.transform && Es(l, r.style.transform), n && (r.style.transform = n), e && e(l);
2120
+ }), V(
2121
+ s,
2122
+ (r) => {
2123
+ if (!o) {
2124
+ n = r;
2125
+ return;
2126
+ }
2127
+ o.style.transform = r;
2128
+ },
2129
+ {
2130
+ immediate: !0
2131
+ }
2132
+ ), {
2133
+ transform: l
2134
+ };
2135
+ }
2136
+ function Ss(t) {
2137
+ return Object.entries(t);
2138
+ }
2139
+ function Bs(t, e) {
2140
+ const n = ft({}), o = (r) => Object.entries(r).forEach(([a, i]) => n[a] = i), { style: l } = ks(t, o), { transform: s } = Is(t, o);
2141
+ return V(
2142
+ n,
2143
+ (r) => {
2144
+ Ss(r).forEach(([a, i]) => {
2145
+ const u = Me(a) ? s : l;
2146
+ u[a] && u[a] === i || (u[a] = i);
2147
+ });
2148
+ },
2149
+ {
2150
+ immediate: !0,
2151
+ deep: !0
2152
+ }
2153
+ ), ke(t, () => e), {
2154
+ motionProperties: n,
2155
+ style: l,
2156
+ transform: s
2157
+ };
2158
+ }
2159
+ function Fs(t = {}) {
2160
+ const e = z(t), n = b();
2161
+ return {
2162
+ state: Q(() => {
2163
+ if (n.value)
2164
+ return e[n.value];
2165
+ }),
2166
+ variant: n
2167
+ };
2168
+ }
2169
+ function Pn(t, e = {}, n) {
2170
+ const { motionProperties: o } = Bs(t), { variant: l, state: s } = Fs(e), r = us(o, e), a = {
2171
+ target: t,
2172
+ variant: l,
2173
+ variants: e,
2174
+ state: s,
2175
+ motionProperties: o,
2176
+ ...r
2177
+ };
2178
+ return hs(a, n), a;
2179
+ }
2180
+ const Ts = {
2181
+ initial: {
2182
+ opacity: 0
791
2183
  },
792
- setup(e) {
793
- return (n, l) => (d(), v("div", Ue, [
794
- i("span", Oe, M(n.title), 1),
795
- mt(n.$slots, "default")
796
- ]));
2184
+ enter: {
2185
+ opacity: 1
797
2186
  }
798
- }), Be = { class: "" }, Le = ["onClick"], ze = { class: "tl-cursor-pointer tl-flex tl-items-center" }, Re = { class: "tl-mr-2 tl-py-2" }, qe = /* @__PURE__ */ i("path", {
799
- "stroke-linecap": "round",
800
- "stroke-linejoin": "round",
801
- "stroke-width": "2",
802
- d: "M9 5l7 7-7 7"
803
- }, null, -1), Ne = [
804
- qe
805
- ], Xe = { class: "tl-border-l-2 tl-border-transparent tl-border-l-gray-200 tl-border-2 tl-border-solid tl-ml-2 tl-pl-4" }, wt = /* @__PURE__ */ w({
806
- __name: "Tree",
807
- props: {
808
- items: {},
809
- depth: { default: 0 }
2187
+ }, Vs = {
2188
+ initial: {
2189
+ opacity: 0
810
2190
  },
811
- setup(e) {
812
- const n = e, l = P(() => {
813
- var t;
814
- return (t = n.items) == null ? void 0 : t.map((c) => V({
815
- ...c,
816
- isOpen: !1
817
- }));
818
- });
819
- function o(t) {
820
- t.isOpen = !t.isOpen;
2191
+ visible: {
2192
+ opacity: 1
2193
+ }
2194
+ }, Us = {
2195
+ initial: {
2196
+ opacity: 0
2197
+ },
2198
+ visibleOnce: {
2199
+ opacity: 1
2200
+ }
2201
+ }, Rs = {
2202
+ initial: {
2203
+ scale: 0,
2204
+ opacity: 0
2205
+ },
2206
+ enter: {
2207
+ scale: 1,
2208
+ opacity: 1
2209
+ }
2210
+ }, js = {
2211
+ initial: {
2212
+ scale: 0,
2213
+ opacity: 0
2214
+ },
2215
+ visible: {
2216
+ scale: 1,
2217
+ opacity: 1
2218
+ }
2219
+ }, Ls = {
2220
+ initial: {
2221
+ scale: 0,
2222
+ opacity: 0
2223
+ },
2224
+ visibleOnce: {
2225
+ scale: 1,
2226
+ opacity: 1
2227
+ }
2228
+ }, Qs = {
2229
+ initial: {
2230
+ x: -100,
2231
+ rotate: 90,
2232
+ opacity: 0
2233
+ },
2234
+ enter: {
2235
+ x: 0,
2236
+ rotate: 0,
2237
+ opacity: 1
2238
+ }
2239
+ }, Ks = {
2240
+ initial: {
2241
+ x: -100,
2242
+ rotate: 90,
2243
+ opacity: 0
2244
+ },
2245
+ visible: {
2246
+ x: 0,
2247
+ rotate: 0,
2248
+ opacity: 1
2249
+ }
2250
+ }, zs = {
2251
+ initial: {
2252
+ x: -100,
2253
+ rotate: 90,
2254
+ opacity: 0
2255
+ },
2256
+ visibleOnce: {
2257
+ x: 0,
2258
+ rotate: 0,
2259
+ opacity: 1
2260
+ }
2261
+ }, Ds = {
2262
+ initial: {
2263
+ x: 100,
2264
+ rotate: -90,
2265
+ opacity: 0
2266
+ },
2267
+ enter: {
2268
+ x: 0,
2269
+ rotate: 0,
2270
+ opacity: 1
2271
+ }
2272
+ }, Xs = {
2273
+ initial: {
2274
+ x: 100,
2275
+ rotate: -90,
2276
+ opacity: 0
2277
+ },
2278
+ visible: {
2279
+ x: 0,
2280
+ rotate: 0,
2281
+ opacity: 1
2282
+ }
2283
+ }, qs = {
2284
+ initial: {
2285
+ x: 100,
2286
+ rotate: -90,
2287
+ opacity: 0
2288
+ },
2289
+ visibleOnce: {
2290
+ x: 0,
2291
+ rotate: 0,
2292
+ opacity: 1
2293
+ }
2294
+ }, Ns = {
2295
+ initial: {
2296
+ y: -100,
2297
+ rotate: -90,
2298
+ opacity: 0
2299
+ },
2300
+ enter: {
2301
+ y: 0,
2302
+ rotate: 0,
2303
+ opacity: 1
2304
+ }
2305
+ }, Ws = {
2306
+ initial: {
2307
+ y: -100,
2308
+ rotate: -90,
2309
+ opacity: 0
2310
+ },
2311
+ visible: {
2312
+ y: 0,
2313
+ rotate: 0,
2314
+ opacity: 1
2315
+ }
2316
+ }, Hs = {
2317
+ initial: {
2318
+ y: -100,
2319
+ rotate: -90,
2320
+ opacity: 0
2321
+ },
2322
+ visibleOnce: {
2323
+ y: 0,
2324
+ rotate: 0,
2325
+ opacity: 1
2326
+ }
2327
+ }, Ps = {
2328
+ initial: {
2329
+ y: 100,
2330
+ rotate: 90,
2331
+ opacity: 0
2332
+ },
2333
+ enter: {
2334
+ y: 0,
2335
+ rotate: 0,
2336
+ opacity: 1
2337
+ }
2338
+ }, Zs = {
2339
+ initial: {
2340
+ y: 100,
2341
+ rotate: 90,
2342
+ opacity: 0
2343
+ },
2344
+ visible: {
2345
+ y: 0,
2346
+ rotate: 0,
2347
+ opacity: 1
2348
+ }
2349
+ }, Ys = {
2350
+ initial: {
2351
+ y: 100,
2352
+ rotate: 90,
2353
+ opacity: 0
2354
+ },
2355
+ visibleOnce: {
2356
+ y: 0,
2357
+ rotate: 0,
2358
+ opacity: 1
2359
+ }
2360
+ }, Js = {
2361
+ initial: {
2362
+ x: -100,
2363
+ opacity: 0
2364
+ },
2365
+ enter: {
2366
+ x: 0,
2367
+ opacity: 1
2368
+ }
2369
+ }, Gs = {
2370
+ initial: {
2371
+ x: -100,
2372
+ opacity: 0
2373
+ },
2374
+ visible: {
2375
+ x: 0,
2376
+ opacity: 1
2377
+ }
2378
+ }, $s = {
2379
+ initial: {
2380
+ x: -100,
2381
+ opacity: 0
2382
+ },
2383
+ visibleOnce: {
2384
+ x: 0,
2385
+ opacity: 1
2386
+ }
2387
+ }, _s = {
2388
+ initial: {
2389
+ x: 100,
2390
+ opacity: 0
2391
+ },
2392
+ enter: {
2393
+ x: 0,
2394
+ opacity: 1
2395
+ }
2396
+ }, ta = {
2397
+ initial: {
2398
+ x: 100,
2399
+ opacity: 0
2400
+ },
2401
+ visible: {
2402
+ x: 0,
2403
+ opacity: 1
2404
+ }
2405
+ }, ea = {
2406
+ initial: {
2407
+ x: 100,
2408
+ opacity: 0
2409
+ },
2410
+ visibleOnce: {
2411
+ x: 0,
2412
+ opacity: 1
2413
+ }
2414
+ }, na = {
2415
+ initial: {
2416
+ y: -100,
2417
+ opacity: 0
2418
+ },
2419
+ enter: {
2420
+ y: 0,
2421
+ opacity: 1
2422
+ }
2423
+ }, oa = {
2424
+ initial: {
2425
+ y: -100,
2426
+ opacity: 0
2427
+ },
2428
+ visible: {
2429
+ y: 0,
2430
+ opacity: 1
2431
+ }
2432
+ }, la = {
2433
+ initial: {
2434
+ y: -100,
2435
+ opacity: 0
2436
+ },
2437
+ visibleOnce: {
2438
+ y: 0,
2439
+ opacity: 1
2440
+ }
2441
+ }, ra = {
2442
+ initial: {
2443
+ y: 100,
2444
+ opacity: 0
2445
+ },
2446
+ enter: {
2447
+ y: 0,
2448
+ opacity: 1
2449
+ }
2450
+ }, sa = {
2451
+ initial: {
2452
+ y: 100,
2453
+ opacity: 0
2454
+ },
2455
+ visible: {
2456
+ y: 0,
2457
+ opacity: 1
2458
+ }
2459
+ }, aa = {
2460
+ initial: {
2461
+ y: 100,
2462
+ opacity: 0
2463
+ },
2464
+ visibleOnce: {
2465
+ y: 0,
2466
+ opacity: 1
2467
+ }
2468
+ }, Ge = {
2469
+ __proto__: null,
2470
+ fade: Ts,
2471
+ fadeVisible: Vs,
2472
+ fadeVisibleOnce: Us,
2473
+ pop: Rs,
2474
+ popVisible: js,
2475
+ popVisibleOnce: Ls,
2476
+ rollBottom: Ps,
2477
+ rollLeft: Qs,
2478
+ rollRight: Ds,
2479
+ rollTop: Ns,
2480
+ rollVisibleBottom: Zs,
2481
+ rollVisibleLeft: Ks,
2482
+ rollVisibleOnceBottom: Ys,
2483
+ rollVisibleOnceLeft: zs,
2484
+ rollVisibleOnceRight: qs,
2485
+ rollVisibleOnceTop: Hs,
2486
+ rollVisibleRight: Xs,
2487
+ rollVisibleTop: Ws,
2488
+ slideBottom: ra,
2489
+ slideLeft: Js,
2490
+ slideRight: _s,
2491
+ slideTop: na,
2492
+ slideVisibleBottom: sa,
2493
+ slideVisibleLeft: Gs,
2494
+ slideVisibleOnceBottom: aa,
2495
+ slideVisibleOnceLeft: $s,
2496
+ slideVisibleOnceRight: ea,
2497
+ slideVisibleOnceTop: la,
2498
+ slideVisibleRight: ta,
2499
+ slideVisibleTop: oa
2500
+ }, ia = Symbol(
2501
+ ""
2502
+ ), Zn = {
2503
+ // Preset to be loaded
2504
+ preset: {
2505
+ type: String,
2506
+ required: !1
2507
+ },
2508
+ // Instance
2509
+ instance: {
2510
+ type: Object,
2511
+ required: !1
2512
+ },
2513
+ // Variants
2514
+ variants: {
2515
+ type: Object,
2516
+ required: !1
2517
+ },
2518
+ // Initial variant
2519
+ initial: {
2520
+ type: Object,
2521
+ required: !1
2522
+ },
2523
+ // Lifecycle hooks variants
2524
+ enter: {
2525
+ type: Object,
2526
+ required: !1
2527
+ },
2528
+ leave: {
2529
+ type: Object,
2530
+ required: !1
2531
+ },
2532
+ // Intersection observer variants
2533
+ visible: {
2534
+ type: Object,
2535
+ required: !1
2536
+ },
2537
+ visibleOnce: {
2538
+ type: Object,
2539
+ required: !1
2540
+ },
2541
+ // Event listeners variants
2542
+ hovered: {
2543
+ type: Object,
2544
+ required: !1
2545
+ },
2546
+ tapped: {
2547
+ type: Object,
2548
+ required: !1
2549
+ },
2550
+ focused: {
2551
+ type: Object,
2552
+ required: !1
2553
+ },
2554
+ // Helpers
2555
+ delay: {
2556
+ type: [Number, String],
2557
+ required: !1
2558
+ },
2559
+ duration: {
2560
+ type: [Number, String],
2561
+ required: !1
2562
+ }
2563
+ };
2564
+ function ca(t) {
2565
+ return Object.prototype.toString.call(t) === "[object Object]";
2566
+ }
2567
+ function ae(t) {
2568
+ if (Array.isArray(t))
2569
+ return t.map(ae);
2570
+ if (ca(t)) {
2571
+ const e = {};
2572
+ for (const n in t)
2573
+ e[n] = ae(t[n]);
2574
+ return e;
2575
+ }
2576
+ return t;
2577
+ }
2578
+ function Yn(t) {
2579
+ const e = ft({}), n = lo(ia, {}), o = Q(() => t.preset == null ? {} : n != null && t.preset in n ? structuredClone(ro(n)[t.preset]) : t.preset in Ge ? structuredClone(Ge[t.preset]) : {}), l = Q(() => ({
2580
+ initial: t.initial,
2581
+ enter: t.enter,
2582
+ leave: t.leave,
2583
+ visible: t.visible,
2584
+ visibleOnce: t.visibleOnce,
2585
+ hovered: t.hovered,
2586
+ tapped: t.tapped,
2587
+ focused: t.focused
2588
+ }));
2589
+ function s(i, u) {
2590
+ for (const f of ["delay", "duration"]) {
2591
+ if (u[f] == null)
2592
+ continue;
2593
+ const c = Number.parseInt(
2594
+ u[f]
2595
+ );
2596
+ for (const d of ["enter", "visible", "visibleOnce"]) {
2597
+ const p = i[d];
2598
+ p != null && (p.transition ??= {}, p.transition[f] = c);
2599
+ }
821
2600
  }
822
- return (t, c) => (d(), v("div", Be, [
823
- i("ul", {
824
- class: C(["tl-list-none", { "tl-pl-0": t.depth === 0 }]),
825
- "V-IF": ""
826
- }, [
827
- (d(!0), v(K, null, B(l.value, (a, s) => (d(), v("li", {
828
- key: s,
829
- onClick: (f) => o(a)
830
- }, [
831
- i("div", ze, [
832
- i("span", Re, [
833
- (d(), v("svg", {
834
- class: C([a.isOpen ? "tl-transform tl-rotate-90" : "", "tl-w-4 tl-h-4 tl-transition-transform tl-text-gray-300"]),
835
- xmlns: "http://www.w3.org/2000/svg",
836
- fill: "none",
837
- viewBox: "0 0 24 24",
838
- stroke: "currentColor"
839
- }, Ne, 2))
840
- ]),
841
- J(" " + M(a.name), 1)
842
- ]),
843
- Q(i("div", Xe, [
844
- mt(t.$slots, `depth-${t.depth}`, { item: a }, () => [
845
- F(wt, {
846
- items: a.children,
847
- depth: t.depth + 1
848
- }, null, 8, ["items", "depth"])
849
- ])
850
- ], 512), [
851
- [Z, a.isOpen]
852
- ])
853
- ], 8, Le))), 128))
854
- ], 2)
855
- ]));
2601
+ return i;
856
2602
  }
857
- }), Ye = { class: "tl-mb-4" }, We = ["aria-expanded"], je = /* @__PURE__ */ i("span", null, [
858
- /* @__PURE__ */ i("i", { class: "i-iconoir-dashboard-speed" }),
859
- /* @__PURE__ */ J(" Performance ")
860
- ], -1), Ge = {
861
- class: "tl-bg-white tl-rounded-b tl-pt-4",
862
- role: "menu"
863
- }, He = { class: "tl-p-2" }, Je = { class: "tl-flex tl-items-center tl-mb-2" }, Qe = { class: "tl-bg-gray-200 tl-text-gray-600 tl-rounded tl-p-1 tl-flex tl-w-4 tl-mr-1" }, Ze = { class: "tl-ml-2 tl-font-bold tl-text" }, tl = { class: "tl-text-xs tl-text-gray-500" }, el = { class: "tl-flex tl-items-center tl-mb-2" }, ll = { class: "tl-bg-gray-200 tl-text-gray-600 tl-rounded tl-p-1 tl-flex tl-w-4 tl-mr-1" }, ol = { class: "tl-ml-2 tl-font-bold tl-text" }, nl = { class: "tl-text-xs tl-text-gray-500" }, rl = { class: "tl-w-full tl-overflow tl-text-xxs" }, al = /* @__PURE__ */ w({
864
- __name: "index",
2603
+ const r = Q(() => {
2604
+ const i = Ul(
2605
+ {},
2606
+ l.value,
2607
+ o.value,
2608
+ t.variants || {}
2609
+ );
2610
+ return s({ ...i }, t);
2611
+ });
2612
+ function a(i, u, f) {
2613
+ i.props ??= {}, i.props.style ??= {}, i.props.style = { ...i.props.style, ...f };
2614
+ const c = s(
2615
+ ae(r.value),
2616
+ i.props
2617
+ );
2618
+ return i.props.onVnodeMounted = ({ el: d }) => {
2619
+ e[u] = Pn(
2620
+ d,
2621
+ c
2622
+ );
2623
+ }, i.props.onVnodeUpdated = ({ el: d }) => {
2624
+ const p = Ee(e[u].state);
2625
+ for (const [m, h] of Object.entries(p))
2626
+ d.style[m] = h;
2627
+ }, i;
2628
+ }
2629
+ return {
2630
+ motionConfig: r,
2631
+ setNodeInstance: a
2632
+ };
2633
+ }
2634
+ L({
2635
+ name: "Motion",
865
2636
  props: {
866
- uuid: {}
2637
+ ...Zn,
2638
+ is: {
2639
+ type: [String, Object],
2640
+ default: "div"
2641
+ }
867
2642
  },
868
- setup(e) {
869
- const n = e, { uuid: l } = q(n), { gl: o, memory: t } = ct(l == null ? void 0 : l.value), c = [{
870
- label: "geometries",
871
- icon: "i-iconoir-box-3d-three-points"
872
- }, {
873
- label: "textures",
874
- icon: "i-iconoir-select-face-3d"
875
- }], a = [{
876
- label: "calls",
877
- icon: "i-iconoir-comp-align-left"
878
- }, {
879
- label: "triangles",
880
- icon: "i-iconoir-triangle"
881
- }, {
882
- label: "points",
883
- icon: "i-iconoir-one-point-circle"
884
- }, {
885
- label: "lines",
886
- icon: "i-iconoir-linear"
887
- }], s = V({
888
- geometries: 0,
889
- textures: 0,
890
- calls: 0,
891
- triangles: 0,
892
- points: 0,
893
- lines: 0,
894
- programs: []
895
- });
896
- bt(() => {
897
- o && (s.geometries = o.info.memory.geometries, s.textures = o.info.memory.textures, s.calls = o.info.render.calls, s.triangles = o.info.render.triangles, s.points = o.info.render.points, s.lines = o.info.render.lines, s.programs = o.info.programs);
898
- });
899
- const f = b(!1), y = () => {
900
- f.value = !f.value;
901
- }, g = P(() => s.programs.map((u) => ({
902
- ...u,
903
- name: u.type,
904
- uniforms: u.getUniforms()
905
- })));
906
- return (u, r) => (d(), v("div", Ye, [
907
- i("button", {
908
- class: "tl-flex tl-items-center tl-justify-between tl-w-full tl-py-2 tl-px-4 tl-bg-gray-100 tl-border-none tl-text-gray-400 tl-font-bold tl-text-xs tl-font-sans tl-cursor-pointer",
909
- "aria-expanded": f.value,
910
- "aria-haspopup": "true",
911
- role: "button",
912
- tabindex: "0",
913
- onClick: y
914
- }, [
915
- je,
916
- i("i", {
917
- class: C(f.value ? "i-ic:baseline-keyboard-arrow-up" : "i-ic:baseline-keyboard-arrow-down")
918
- }, null, 2)
919
- ], 8, We),
920
- F(ft, {
921
- name: "slide",
922
- "enter-active-class": "tl-animate-fade-in tl-animate-duration-200 tl-animate-ease-in-out",
923
- "leave-active-class": "tl-animate-fade-out tl-animate-duration-200 tl-animate-ease-in-out"
924
- }, {
925
- default: R(() => [
926
- Q(i("div", Ge, [
927
- i("div", He, [
928
- F(ot, {
929
- title: `Memory ${k(qt)(k(t).allocatedMem)}KB`
930
- }, {
931
- default: R(() => [
932
- (d(), v(K, null, B(c, (p) => i("div", {
933
- key: p,
934
- class: "tl-flex tl-flex-col tl-items-center"
935
- }, [
936
- i("div", Je, [
937
- i("span", Qe, [
938
- i("i", {
939
- class: C(["tl-pl tl-text-sm", p.icon])
940
- }, null, 2)
941
- ]),
942
- i("span", Ze, M(s[p.label]), 1)
943
- ]),
944
- i("span", tl, M(p.label), 1)
945
- ])), 64))
946
- ]),
947
- _: 1
948
- }, 8, ["title"]),
949
- F(_t, {
950
- points: k(t).accumulator,
951
- value: k(t).currentMem,
952
- unit: "MB",
953
- label: "memory"
954
- }, null, 8, ["points", "value"]),
955
- F(ot, { title: "Render" }, {
956
- default: R(() => [
957
- (d(), v(K, null, B(a, (p) => i("div", {
958
- key: p,
959
- class: "tl-flex tl-flex-col tl-items-center tl-mb-2"
960
- }, [
961
- i("div", el, [
962
- i("span", ll, [
963
- i("i", {
964
- class: C(["tl-pl tl-text-sm", p.icon])
965
- }, null, 2)
966
- ]),
967
- i("span", ol, M(s[p.label]), 1)
968
- ]),
969
- i("span", nl, M(p.label), 1)
970
- ])), 64))
971
- ]),
972
- _: 1
973
- }),
974
- F(ot, { title: "Programs" }, {
975
- default: R(() => [
976
- F(wt, { items: g.value }, {
977
- "depth-0": R(({ item: p }) => [
978
- i("pre", rl, M(p), 1)
979
- ]),
980
- _: 1
981
- }, 8, ["items"])
982
- ]),
983
- _: 1
984
- })
985
- ])
986
- ], 512), [
987
- [Z, f.value]
988
- ])
989
- ]),
990
- _: 1
991
- })
992
- ]));
2643
+ setup(t) {
2644
+ const e = fe(), { motionConfig: n, setNodeInstance: o } = Yn(t);
2645
+ return () => {
2646
+ const l = Ee(n.value.initial || {}), s = on(t.is, void 0, e);
2647
+ return o(s, 0, l), s;
2648
+ };
2649
+ }
2650
+ });
2651
+ L({
2652
+ name: "MotionGroup",
2653
+ props: {
2654
+ ...Zn,
2655
+ is: {
2656
+ type: [String, Object],
2657
+ required: !1
2658
+ }
2659
+ },
2660
+ setup(t) {
2661
+ const e = fe(), { motionConfig: n, setNodeInstance: o } = Yn(t);
2662
+ return () => {
2663
+ const l = Ee(n.value.initial || {}), s = e.default?.() || [];
2664
+ for (let r = 0; r < s.length; r++) {
2665
+ const a = s[r];
2666
+ a.type === _ && Array.isArray(a.children) ? a.children.forEach(function i(u, f) {
2667
+ if (u != null) {
2668
+ if (Array.isArray(u)) {
2669
+ i(u, f);
2670
+ return;
2671
+ }
2672
+ typeof u == "object" && o(u, f, l);
2673
+ }
2674
+ }) : o(a, r, l);
2675
+ }
2676
+ return t.is ? on(t.is, void 0, s) : s;
2677
+ };
993
2678
  }
994
- }), sl = {
995
- tabindex: "0",
996
- class: "tl-bg-white tl-shadow-xl tl-rounded tl-border-4 tl-border-solid tl-border-black"
997
- }, il = /* @__PURE__ */ i("i", { class: "tl-h-4 tl-w-4 tl-p-1.5 tl-flex tl-items-center tl-line-height-0 tl-rounded-full tl-bg-gray-100 tl-text-xs" }, "🍰", -1), cl = /* @__PURE__ */ i("div", null, [
998
- /* @__PURE__ */ i("i", { class: "i-ic-baseline-drag-indicator" }),
999
- /* @__PURE__ */ i("i", { class: "i-ic-baseline-drag-indicator" }),
1000
- /* @__PURE__ */ i("i", { class: "i-ic-baseline-drag-indicator" })
1001
- ], -1), ul = /* @__PURE__ */ i("div", null, null, -1), dl = [
1002
- il,
1003
- cl,
1004
- ul
1005
- ], pl = 280, gl = /* @__PURE__ */ w({
2679
+ });
2680
+ const ua = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%20512%20512'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cg%3e%3cpath%20d='M23.643,161.704C21.68,162.429%2020.375,164.301%2020.375,166.394C20.375,193.066%2020.375,364.574%2020.375,390.522C20.375,392.515%2021.568,394.313%2023.403,395.088C49.689,406.192%20238.753,486.057%20260.182,495.109C261.444,495.642%20262.868,495.634%20264.124,495.087C284.944,486.023%20464.604,407.798%20490.147,396.677C491.978,395.88%20493.159,394.071%20493.151,392.074C493.054,365.991%20492.407,192.933%20492.308,166.551C492.301,164.514%20491.058,162.685%20489.167,161.928C461.898,151.007%20265.558,72.371%20265.558,72.371C265.558,72.371%2052.689,150.978%2023.643,161.704Z'%20style='fill:rgb(247,213,137);'/%3e%3cg%3e%3cellipse%20cx='69.528'%20cy='306.824'%20rx='8.997'%20ry='6.271'%20style='fill:rgb(224,154,69);'/%3e%3cg%20transform='matrix(0.951996,-0.30611,0.30611,0.951996,268.035,103.075)'%3e%3cellipse%20cx='69.528'%20cy='306.824'%20rx='8.997'%20ry='6.271'%20style='fill:rgb(224,154,69);'/%3e%3c/g%3e%3cg%20transform='matrix(0.769784,-1.5777,1.12551,0.549156,-1.23586,259.974)'%3e%3cpath%20d='M70.072,300.526C75.038,300.526%2077.865,305.822%2077.865,309.283C77.865,312.744%2074.546,314.332%2069.58,314.332C64.615,314.332%2060.768,309.741%2060.768,306.28C60.768,302.818%2065.106,300.526%2070.072,300.526Z'%20style='fill:rgb(224,154,69);'/%3e%3c/g%3e%3cg%20transform='matrix(0.558659,-1.14499,0.873225,0.42606,147.838,250.78)'%3e%3cpath%20d='M70.072,300.526C75.038,300.526%2079.152,306.924%2079.152,310.385C79.152,313.846%2074.546,314.332%2069.58,314.332C64.615,314.332%2060.768,309.741%2060.768,306.28C60.768,302.818%2065.106,300.526%2070.072,300.526Z'%20style='fill:rgb(224,154,69);'/%3e%3c/g%3e%3cg%20transform='matrix(1.26042,0.576197,-0.476734,1.04285,204.261,-21.4536)'%3e%3cpath%20d='M69.528,300.553C74.494,300.553%2080.058,304.029%2080.058,307.49C80.058,310.951%2075.828,313.677%2070.863,313.677C65.897,313.677%2060.531,310.285%2060.531,306.824C60.531,303.363%2064.563,300.553%2069.528,300.553Z'%20style='fill:rgb(224,154,69);'/%3e%3c/g%3e%3cg%20transform='matrix(1.36526,0.238192,-0.197075,1.12959,172.189,60.607)'%3e%3cpath%20d='M69.528,300.553C74.494,300.553%2079.603,304.073%2080.058,307.49C80.853,313.452%2075.528,315.258%2070.562,315.258C65.597,315.258%2060.213,311.264%2059.984,305.117C59.855,301.659%2064.563,300.553%2069.528,300.553Z'%20style='fill:rgb(224,154,69);'/%3e%3c/g%3e%3cg%20transform='matrix(1.61451,0.208798,-0.147067,1.13718,21.9756,4.661)'%3e%3cpath%20d='M69.528,300.553C74.494,300.553%2080.058,304.029%2080.058,307.49C80.058,310.951%2075.828,313.677%2070.863,313.677C65.897,313.677%2060.531,310.285%2060.531,306.824C60.531,303.363%2064.563,300.553%2069.528,300.553Z'%20style='fill:rgb(224,154,69);'/%3e%3c/g%3e%3c/g%3e%3cuse%20xlink:href='%23_Image1'%20x='262.004'%20y='163.181'%20width='232px'%20height='333px'/%3e%3cpath%20d='M23.643,161.704C21.68,162.429%2020.375,164.301%2020.375,166.394C20.375,182.056%2020.375,245.191%2020.375,245.191L262.158,334.749L492.609,247.034L492.296,163.181L265.558,72.371C265.558,72.371%2052.689,150.978%2023.643,161.704Z'%20style='fill:white;fill-opacity:0.59;'/%3e%3cuse%20xlink:href='%23_Image2'%20x='20.375'%20y='72.371'%20width='472px'%20height='177px'/%3e%3cg%20id='Fruit'%20transform='matrix(0.969817,-0.243833,0.243833,0.969817,-19.2667,68.1636)'%3e%3cpath%20id='Strawberry'%20d='M329.576,83.06C329.576,83.06%20302.675,40.918%20276.245,42.428C249.815,43.938%20233.677,56.887%20218.356,79.144C203.035,101.401%20189.3,122.646%20192.333,143.689C195.366,164.732%20202.025,187.918%20281.442,179.739C360.858,171.56%20338.722,99.926%20329.576,83.06Z'%20style='fill:rgb(247,14,78);'/%3e%3cg%20id='Seeds'%3e%3cg%20transform='matrix(0.343281,0.694388,-0.64316,0.317956,224.322,-128.806)'%3e%3cpath%20d='M261.102,72.29C261.102,72.29%20266.484,78.99%20266.484,81.862C266.484,85.069%20264.073,87.673%20261.102,87.673C258.132,87.673%20255.72,85.069%20255.72,81.862C255.72,78.99%20261.102,72.29%20261.102,72.29Z'%20style='fill:rgb(166,6,68);'/%3e%3c/g%3e%3cg%20transform='matrix(0.343281,0.694388,-0.64316,0.317956,199.97,-111.561)'%3e%3cpath%20d='M261.102,72.29C261.102,72.29%20266.484,78.99%20266.484,81.862C266.484,85.069%20264.073,87.673%20261.102,87.673C258.132,87.673%20255.72,85.069%20255.72,81.862C255.72,78.99%20261.102,72.29%20261.102,72.29Z'%20style='fill:rgb(166,6,68);'/%3e%3c/g%3e%3cg%20transform='matrix(0.604018,0.484952,-0.449175,0.559457,168.459,-61.3264)'%3e%3cpath%20d='M261.102,72.29C261.102,72.29%20266.484,78.99%20266.484,81.862C266.484,85.069%20264.073,87.673%20261.102,87.673C258.132,87.673%20255.72,85.069%20255.72,81.862C255.72,78.99%20261.102,72.29%20261.102,72.29Z'%20style='fill:rgb(166,6,68);'/%3e%3c/g%3e%3cg%20transform='matrix(0.604018,0.484952,-0.449175,0.559457,123.1,-32.8401)'%3e%3cpath%20d='M261.102,72.29C261.102,72.29%20266.484,78.99%20266.484,81.862C266.484,85.069%20264.073,87.673%20261.102,87.673C258.132,87.673%20255.72,85.069%20255.72,81.862C255.72,78.99%20261.102,72.29%20261.102,72.29Z'%20style='fill:rgb(166,6,68);'/%3e%3c/g%3e%3cg%20transform='matrix(0.604018,0.484952,-0.449175,0.559457,164.895,-25.7836)'%3e%3cpath%20d='M261.102,72.29C261.102,72.29%20266.484,78.99%20266.484,81.862C266.484,85.069%20264.073,87.673%20261.102,87.673C258.132,87.673%20255.72,85.069%20255.72,81.862C255.72,78.99%20261.102,72.29%20261.102,72.29Z'%20style='fill:rgb(166,6,68);'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cimage%20id='_Image1'%20width='232px'%20height='333px'%20xlink:href='data:image/png;base64,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'/%3e%3cimage%20id='_Image2'%20width='472px'%20height='177px'%20xlink:href='data:image/png;base64,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'/%3e%3c/defs%3e%3c/svg%3e", fa = { class: "tresleches-container" }, da = ["id"], pa = { class: "tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs" }, ga = {
2681
+ key: 0,
2682
+ class: "w-1/3"
2683
+ }, ma = { class: "tl-flex tl-justify-end" }, ya = { class: "tl-rounded-full tl-inline-flex tl-justify-center tl-items-center tl-p-1.5 tl-bg-gray-100 dark:tl-bg-dark-300 tl-outline-none tl-border-none tl-cursor-pointer" }, ba = ["src"], ha = { class: "tl-flex-1 tl-relative tl-overflow-hidden tl-py-4" }, va = 320, nt = 36, $e = 148, _e = 600, Aa = 44, xa = 26, Ca = /* @__PURE__ */ L({
1006
2684
  __name: "TresLeches",
1007
2685
  props: {
1008
- uuid: {}
2686
+ uuid: { default: "default" },
2687
+ collapsed: { type: Boolean, default: !1 },
2688
+ float: { type: Boolean, default: !0 }
1009
2689
  },
1010
- setup(e) {
1011
- const n = e, { uuid: l } = q(n), { width: o } = vt(), t = b(null), c = Lt(l == null ? void 0 : l.value), a = ct(l == null ? void 0 : l.value);
1012
- function s(y, g) {
1013
- c[k(y)].value = g, c[k(y)][k(y)] = g;
2690
+ setup(t, { expose: e }) {
2691
+ const n = t, o = fe(), { uuid: l, collapsed: s, float: r } = Ft(n), a = b(s.value), i = Q(() => a.value && !r.value), u = b(null), f = b(!1), c = b(!1), { width: d } = Zt(), { height: p } = Zt(), m = b(!1), h = b(!1), w = b(va), x = b(null), g = vo(l?.value), y = b(!1);
2692
+ e(g);
2693
+ function C(B, T) {
2694
+ g[B].value = T;
1014
2695
  }
1015
- const f = P(() => {
1016
- const y = {};
1017
- for (const g in c) {
1018
- const u = c[g], r = u.folder || "default";
1019
- y[r] || (y[r] = []), y[r].push(u);
2696
+ const O = Q(() => {
2697
+ const B = {};
2698
+ for (const T in g) {
2699
+ const R = g[T], N = R.folder || "default";
2700
+ B[N] || (B[N] = []), B[N].push(R);
1020
2701
  }
1021
- return y;
2702
+ return B;
1022
2703
  });
1023
- return (y, g) => (d(), I(k(Ot), {
1024
- id: k(l),
1025
- "initial-value": { x: k(o) - pl - 40, y: 10 },
1026
- class: C(["tl-absolute tl-select-none tl-z-24 tl-w-280px tl-font-sans tl-text-xs", y.$attrs.class]),
1027
- handle: t.value
1028
- }, {
1029
- default: R(() => [
1030
- i("div", sl, [
1031
- i("header", {
1032
- ref_key: "handle",
1033
- ref: t,
1034
- class: "tl-relative tl-cursor-grabbing tl-p-4 tl-flex tl-justify-between tl-text-gray-200 tl-relative"
1035
- }, dl, 512),
1036
- (d(!0), v(K, null, B(f.value, (u, r) => (d(), v(K, { key: r }, [
1037
- r !== "default" ? (d(), I(Ve, {
1038
- key: 0,
1039
- label: r,
1040
- controls: u
1041
- }, null, 8, ["label", "controls"])) : W("", !0),
1042
- r === "default" ? (d(!0), v(K, { key: 1 }, B(u, (p) => (d(), I(xt, {
1043
- key: p.label,
1044
- control: p,
1045
- onChange: (E) => s(p.key, E)
1046
- }, null, 8, ["control", "onChange"]))), 128)) : W("", !0)
1047
- ], 64))), 128)),
1048
- k(a).gl ? (d(), I(al, {
1049
- key: 0,
1050
- uuid: k(l)
1051
- }, null, 8, ["uuid"])) : W("", !0)
1052
- ])
1053
- ]),
1054
- _: 1
1055
- }, 8, ["id", "initial-value", "class", "handle"]));
1056
- }
1057
- }), yl = /* @__PURE__ */ w({
1058
- __name: "Perf",
1059
- setup(e) {
1060
- return Xt(), () => {
2704
+ function v() {
2705
+ if (i.value)
2706
+ return nt;
2707
+ let B = 0, T = !1;
2708
+ for (const Z in O.value) {
2709
+ const st = O.value[Z];
2710
+ B += st.length, Z !== "default" && (B += 1), st.some((Qt) => Qt.type === "fpsgraph") && (T = !0);
2711
+ }
2712
+ const R = 32 + B * Aa + (T ? xa : 0), N = r.value ? p.value : _e;
2713
+ return Math.min(N, Math.max($e, R));
2714
+ }
2715
+ const k = b(v()), S = b(null), U = b(null), { style: F, position: j } = bo(S, {
2716
+ handle: U,
2717
+ initialValue: {
2718
+ x: d.value - 40,
2719
+ y: 10
2720
+ }
2721
+ }), Lt = Q(() => r.value ? [
2722
+ F.value,
2723
+ { width: `${w.value}px`, height: `${k.value}px`, right: "16px", left: "auto" }
2724
+ ] : [
2725
+ { width: "auto", height: "auto" }
2726
+ ]), { apply: wt } = Pn(S, {
2727
+ initial: {
2728
+ opacity: 0,
2729
+ y: 100,
2730
+ width: nt,
2731
+ height: nt,
2732
+ right: "1rem",
2733
+ left: "auto"
2734
+ },
2735
+ enter: {
2736
+ opacity: 1,
2737
+ y: 0,
2738
+ width: nt,
2739
+ height: nt,
2740
+ right: "1rem",
2741
+ left: "auto"
2742
+ },
2743
+ leave: {
2744
+ opacity: 0,
2745
+ y: 100,
2746
+ width: nt,
2747
+ height: nt,
2748
+ right: "1rem",
2749
+ left: "auto"
2750
+ }
2751
+ }), J = () => {
2752
+ if (!u.value)
2753
+ return;
2754
+ const { scrollTop: B, scrollHeight: T, clientHeight: R } = u.value;
2755
+ f.value = B > 20, c.value = T - B - R > 20;
1061
2756
  };
2757
+ function rt(B, T) {
2758
+ h.value = !0, x.value = B, T.preventDefault(), T.stopPropagation();
2759
+ const R = T.clientX, N = T.clientY, Z = w.value, st = k.value, Qt = j.value.x;
2760
+ function Se(Kt) {
2761
+ if (!(!h.value || !S.value)) {
2762
+ if (x.value === "right" || x.value === "corner") {
2763
+ const at = Kt.clientX - R;
2764
+ w.value = Math.max(280, Z + at);
2765
+ }
2766
+ if (x.value === "left" || x.value === "corner-left") {
2767
+ const at = R - Kt.clientX, zt = Math.max(280, Z + at);
2768
+ j.value.x = Qt - at, w.value = zt;
2769
+ }
2770
+ if (x.value === "bottom" || x.value === "corner" || x.value === "corner-left") {
2771
+ const at = Kt.clientY - N, zt = r.value ? p.value : _e;
2772
+ k.value = Math.min(zt, Math.max($e, st + at)), J();
2773
+ }
2774
+ }
2775
+ }
2776
+ function Be() {
2777
+ h.value = !1, x.value = null, J(), document.removeEventListener("mousemove", Se), document.removeEventListener("mouseup", Be);
2778
+ }
2779
+ document.addEventListener("mousemove", Se), document.addEventListener("mouseup", Be);
2780
+ }
2781
+ V(k, (B) => {
2782
+ B && S.value && (S.value.style.maxHeight = `${B}px`);
2783
+ }), V(w, (B) => {
2784
+ B && S.value && (S.value.style.maxWidth = `${B}px`);
2785
+ });
2786
+ function Jn() {
2787
+ r.value && (a.value = !a.value);
2788
+ }
2789
+ V(a, async (B) => {
2790
+ if (!B) {
2791
+ await Te(), await wt({
2792
+ width: r.value ? w.value : "none",
2793
+ height: r.value ? k.value : "none",
2794
+ right: r.value ? "1rem" : "auto",
2795
+ left: r.value ? "auto" : "0"
2796
+ });
2797
+ return;
2798
+ }
2799
+ await wt("enter");
2800
+ }, { immediate: !0 });
2801
+ function Gn(B) {
2802
+ k.value = k.value + 44 * (B ? 1 : -1);
2803
+ }
2804
+ const Ie = b();
2805
+ return V(Ie, (B) => {
2806
+ k.value = k.value + B.clientHeight;
2807
+ }), ue(async () => {
2808
+ J(), await Te(), m.value = !0, y.value = o?.default ? o?.default().length > 0 : !1;
2809
+ }), Ut(() => {
2810
+ Ao(l?.value);
2811
+ }), (B, T) => (A(), I("div", fa, [
2812
+ E("div", {
2813
+ id: `tres-leches-pane-${z(l)}`,
2814
+ ref_key: "paneRef",
2815
+ ref: S,
2816
+ class: q(["tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg", [
2817
+ B.$attrs.class,
2818
+ z(r) ? "tl-absolute tl-top-4" : "tl-relative"
2819
+ ]]),
2820
+ style: nn(Lt.value)
2821
+ }, [
2822
+ E("header", pa, [
2823
+ !a.value && z(r) ? (A(), I("div", ga)) : H("", !0),
2824
+ !a.value && z(r) ? (A(), I("div", {
2825
+ key: 1,
2826
+ ref_key: "handleRef",
2827
+ ref: U,
2828
+ class: "tl-cursor-grabbing w-1/3"
2829
+ }, [...T[3] || (T[3] = [
2830
+ E("i", { class: "i-ic-baseline-drag-indicator" }, null, -1),
2831
+ E("i", { class: "i-ic-baseline-drag-indicator" }, null, -1),
2832
+ E("i", { class: "i-ic-baseline-drag-indicator" }, null, -1)
2833
+ ])], 512)) : H("", !0),
2834
+ E("div", ma, [
2835
+ E("button", ya, [
2836
+ E("img", {
2837
+ src: z(ua),
2838
+ alt: "TresLechesIcon",
2839
+ class: "tl-w-4 tl-h-4 tl-block",
2840
+ width: 16,
2841
+ height: 16,
2842
+ onClick: Jn
2843
+ }, null, 8, ba)
2844
+ ])
2845
+ ])
2846
+ ]),
2847
+ ie(E("div", ha, [
2848
+ E("div", {
2849
+ class: q(["tl-pointer-events-none tl-absolute tl-left-0 tl-right-0 tl-top-0 tl-h-8 tl-bg-gradient-linear tl-bg-gradient-to-b tl-from-white dark:tl-from-dark-200 tl-to-transparent tl-z-20 tl-opacity-0 tl-transition-opacity duration-200", { "!tl-opacity-100": f.value }])
2850
+ }, null, 2),
2851
+ E("div", {
2852
+ class: q(["tl-pointer-events-none tl-absolute tl-left-0 tl-right-0 tl-bottom-0 tl-h-8 tl-bg-gradient-linear tl-bg-gradient-to-t tl-from-white dark:tl-from-dark-200 tl-to-transparent tl-z-20 tl-opacity-0 tl-transition-opacity duration-200", { "!tl-opacity-100": c.value }])
2853
+ }, null, 2),
2854
+ E("div", {
2855
+ ref_key: "scrollContainer",
2856
+ ref: u,
2857
+ class: "tl-h-full tl-overflow-y-auto tl-overflow-x-hidden tl-scrollbar tl-scrollbar-rounded tl-scrollbar-w-4px tl-scrollbar-radius-2 tl-scrollbar-track-radius-4 tl-scrollbar-thumb-radius-4 tl-scrollbar-track-color-gray-100 dark:tl-scrollbar-track-color-dark-300 tl-scrollbar-thumb-color-gray-300 dark:tl-scrollbar-thumb-color-gray-400",
2858
+ onScroll: J
2859
+ }, [
2860
+ (A(!0), I(_, null, mt(O.value, (R, N) => (A(), I(_, { key: N }, [
2861
+ N !== "default" ? (A(), W(Tl, {
2862
+ key: 0,
2863
+ label: N,
2864
+ controls: R,
2865
+ onOpen: Gn
2866
+ }, null, 8, ["label", "controls"])) : H("", !0),
2867
+ N === "default" ? (A(!0), I(_, { key: 1 }, mt(R, (Z) => (A(), W(an, {
2868
+ key: Z.label,
2869
+ control: Z,
2870
+ onChange: (st) => C(Z.key, st)
2871
+ }, null, 8, ["control", "onChange"]))), 128)) : H("", !0)
2872
+ ], 64))), 128)),
2873
+ y.value ? (A(), I("div", {
2874
+ key: 0,
2875
+ ref_key: "slotsRef",
2876
+ ref: Ie,
2877
+ class: "tl-px-4"
2878
+ }, [
2879
+ so(B.$slots, "default", {}, void 0, !0)
2880
+ ], 512)) : H("", !0)
2881
+ ], 544)
2882
+ ], 512), [
2883
+ [ce, !a.value]
2884
+ ]),
2885
+ a.value ? H("", !0) : (A(), I("span", {
2886
+ key: 0,
2887
+ class: "tl-absolute tl-left-0 tl-right-0 tl-bottom-0 tl-h-2 hover:tl-h-4 tl-transition-all tl-cursor-ns-resize tl-z-10",
2888
+ onMousedown: T[0] || (T[0] = (R) => rt("bottom", R))
2889
+ }, null, 32)),
2890
+ a.value ? H("", !0) : (A(), I("span", {
2891
+ key: 1,
2892
+ class: "tl-absolute tl-left-0 tl-top-0 tl-bottom-0 tl-w-2 hover:tl-w-4 tl-transition-all tl-cursor-ew-resize tl-z-10",
2893
+ onMousedown: T[1] || (T[1] = (R) => rt("left", R))
2894
+ }, null, 32)),
2895
+ a.value ? H("", !0) : (A(), I("span", {
2896
+ key: 2,
2897
+ class: "tl-absolute tl-left-0 tl-bottom-0 tl-w-4 tl-h-4 hover:tl-w-6 hover:tl-h-6 tl-transition-all tl-cursor-nesw-resize tl-z-10",
2898
+ onMousedown: T[2] || (T[2] = (R) => rt("corner-left", R))
2899
+ }, null, 32))
2900
+ ], 14, da)
2901
+ ]));
1062
2902
  }
1063
- });
2903
+ }), Ma = /* @__PURE__ */ D(Ca, [["__scopeId", "data-v-88b5c6e6"]]);
1064
2904
  export {
1065
- yl as Perf,
1066
- gl as TresLeches,
1067
- bl as useControls,
1068
- Lt as useControlsProvider,
1069
- Xt as usePerf
2905
+ Ma as TresLeches,
2906
+ ka as useControls,
2907
+ vo as useControlsProvider
1070
2908
  };