@scalar/components 0.12.35 → 0.12.37

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 (22) hide show
  1. package/dist/components/ScalarButton/ScalarButton.vue.js +1 -1
  2. package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts +8 -8
  3. package/dist/components/ScalarIcon/ScalarIcon.vue.d.ts +1 -1
  4. package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts +3 -3
  5. package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts +2 -2
  6. package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts +12 -25
  7. package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts.map +1 -1
  8. package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts +5 -19
  9. package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts.map +1 -1
  10. package/dist/components/ScalarLoading/ScalarLoading.vue.js +3 -3
  11. package/dist/components/ScalarLoading/ScalarLoading.vue2.js +41 -26
  12. package/dist/components/ScalarModal/ScalarModal.stories.d.ts +7 -7
  13. package/dist/components/ScalarModal/ScalarModal.vue.d.ts +3 -3
  14. package/dist/components/ScalarSearchInput/ScalarSearchInput.stories.d.ts +96 -12
  15. package/dist/components/ScalarSearchInput/ScalarSearchInput.stories.d.ts.map +1 -1
  16. package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.d.ts +6 -1
  17. package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.d.ts.map +1 -1
  18. package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.js +60 -35
  19. package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.d.ts.map +1 -1
  20. package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.js +32 -26
  21. package/dist/style.css +1 -1
  22. package/package.json +1 -1
package/dist/components/ScalarButton/ScalarButton.vue.js CHANGED
@@ -47,7 +47,7 @@ const z = ["ariaDisabled", "type"], B = {
47
47
  (u = e.loading) != null && u.isLoading ? (a(), s("div", B, [
48
48
  b(i(k), {
49
49
  loadingState: e.loading,
50
- size: "12px"
50
+ size: "xs"
51
51
  }, null, 8, ["loadingState"])
52
52
  ])) : m("", !0)
53
53
  ], 16, z);
package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const meta: {
6
6
  required: true;
7
7
  };
8
8
  size: {
9
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
9
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
10
10
  };
11
11
  thickness: {
12
12
  type: import("vue").PropType<string>;
@@ -17,7 +17,7 @@ declare const meta: {
17
17
  required: true;
18
18
  };
19
19
  size: {
20
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
20
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
21
21
  };
22
22
  thickness: {
23
23
  type: import("vue").PropType<string>;
@@ -61,7 +61,7 @@ declare const meta: {
61
61
  required: true;
62
62
  };
63
63
  size: {
64
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
64
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
65
65
  };
66
66
  thickness: {
67
67
  type: import("vue").PropType<string>;
@@ -72,7 +72,7 @@ declare const meta: {
72
72
  required: true;
73
73
  };
74
74
  size: {
75
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
75
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
76
76
  };
77
77
  thickness: {
78
78
  type: import("vue").PropType<string>;
@@ -85,7 +85,7 @@ declare const meta: {
85
85
  required: true;
86
86
  };
87
87
  size: {
88
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
88
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
89
89
  };
90
90
  thickness: {
91
91
  type: import("vue").PropType<string>;
@@ -96,7 +96,7 @@ declare const meta: {
96
96
  required: true;
97
97
  };
98
98
  size: {
99
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
99
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
100
100
  };
101
101
  thickness: {
102
102
  type: import("vue").PropType<string>;
@@ -110,7 +110,7 @@ declare const meta: {
110
110
  required: true;
111
111
  };
112
112
  size: {
113
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
113
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
114
114
  };
115
115
  thickness: {
116
116
  type: import("vue").PropType<string>;
@@ -121,7 +121,7 @@ declare const meta: {
121
121
  required: true;
122
122
  };
123
123
  size: {
124
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
124
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
125
125
  };
126
126
  thickness: {
127
127
  type: import("vue").PropType<string>;
package/dist/components/ScalarIcon/ScalarIcon.vue.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { VariantProps } from 'cva';
2
2
  import { type Icon } from './icons/index.js';
3
3
  type IconVariants = VariantProps<typeof iconProps>;
4
4
  declare const iconProps: (props?: ({
5
- size?: "sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
5
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
6
6
  } & ({
7
7
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
8
8
  [x: string]: any;
package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/vue3';
2
2
  declare const meta: {
3
3
  component: import("vue").DefineComponent<{
4
4
  size: {
5
- type: import("vue").PropType<"sm" | "md" | "xs" | "full" | "xxs">;
5
+ type: import("vue").PropType<"xs" | "sm" | "md" | "full" | "xxs">;
6
6
  default: string;
7
7
  };
8
8
  label: {
@@ -25,7 +25,7 @@ declare const meta: {
25
25
  };
26
26
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
27
27
  size: {
28
- type: import("vue").PropType<"sm" | "md" | "xs" | "full" | "xxs">;
28
+ type: import("vue").PropType<"xs" | "sm" | "md" | "full" | "xxs">;
29
29
  default: string;
30
30
  };
31
31
  label: {
@@ -47,7 +47,7 @@ declare const meta: {
47
47
  type: import("vue").PropType<string>;
48
48
  };
49
49
  }>>, {
50
- size: "sm" | "md" | "xs" | "full" | "xxs";
50
+ size: "xs" | "sm" | "md" | "full" | "xxs";
51
51
  variant: string;
52
52
  }, {}>;
53
53
  tags: string[];
package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { VariantProps } from 'cva';
2
2
  import { type Icon } from '../ScalarIcon';
3
3
  type Variants = VariantProps<typeof variants>;
4
4
  declare const variants: (props?: ({
5
- size?: "sm" | "md" | "xs" | "full" | "xxs" | undefined;
5
+ size?: "xs" | "sm" | "md" | "full" | "xxs" | undefined;
6
6
  disabled?: boolean | undefined;
7
7
  variant?: string | undefined;
8
8
  } & ({
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
81
81
  variant: string;
82
82
  size: string;
83
83
  }>>>, {
84
- size: "sm" | "md" | "xs" | "full" | "xxs";
84
+ size: "xs" | "sm" | "md" | "full" | "xxs";
85
85
  variant: string;
86
86
  }, {}>;
87
87
  export default _default;
package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts CHANGED
@@ -4,10 +4,6 @@ import type { StoryObj } from '@storybook/vue3';
4
4
  */
5
5
  declare const meta: {
6
6
  component: import("vue").DefineComponent<{
7
- size: {
8
- type: import("vue").PropType<string>;
9
- default: string;
10
- };
11
7
  loadingState: {
12
8
  type: import("vue").PropType<{
13
9
  isValid: boolean;
@@ -21,11 +17,10 @@ declare const meta: {
21
17
  }>;
22
18
  required: true;
23
19
  };
24
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
25
20
  size: {
26
- type: import("vue").PropType<string>;
27
- default: string;
21
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
28
22
  };
23
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
29
24
  loadingState: {
30
25
  type: import("vue").PropType<{
31
26
  isValid: boolean;
@@ -39,16 +34,12 @@ declare const meta: {
39
34
  }>;
40
35
  required: true;
41
36
  };
42
- }>>, {
43
- size: string;
44
- }, {}>;
45
- tags: string[];
46
- argTypes: {
47
37
  size: {
48
- control: "text";
49
- default: string;
38
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
50
39
  };
51
- };
40
+ }>>, {}, {}>;
41
+ tags: string[];
42
+ argTypes: {};
52
43
  render: () => {
53
44
  components: {
54
45
  ScalarButton: {
@@ -214,10 +205,6 @@ declare const meta: {
214
205
  };
215
206
  });
216
207
  ScalarLoading: import("vue").DefineComponent<{
217
- size: {
218
- type: import("vue").PropType<string>;
219
- default: string;
220
- };
221
208
  loadingState: {
222
209
  type: import("vue").PropType<{
223
210
  isValid: boolean;
@@ -231,11 +218,10 @@ declare const meta: {
231
218
  }>;
232
219
  required: true;
233
220
  };
234
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
235
221
  size: {
236
- type: import("vue").PropType<string>;
237
- default: string;
222
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
238
223
  };
224
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
239
225
  loadingState: {
240
226
  type: import("vue").PropType<{
241
227
  isValid: boolean;
@@ -249,9 +235,10 @@ declare const meta: {
249
235
  }>;
250
236
  required: true;
251
237
  };
252
- }>>, {
253
- size: string;
254
- }, {}>;
238
+ size: {
239
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
240
+ };
241
+ }>>, {}, {}>;
255
242
  };
256
243
  setup(this: void): {
257
244
  loadingState: {
package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarLoading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwB4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAiB,CAAA"}
1
+ {"version":3,"file":"ScalarLoading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAiB,CAAA"}
package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts CHANGED
@@ -14,28 +14,14 @@ export declare function useLoadingState(): {
14
14
  invalidate: (time?: number, clear?: boolean) => Promise<unknown>;
15
15
  clear: (time?: number) => Promise<unknown>;
16
16
  };
17
- declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
17
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
18
18
  loadingState: LoadingState;
19
- size?: string;
20
- }>, {
21
- size: string;
22
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
19
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
20
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
23
21
  loadingState: LoadingState;
24
- size?: string;
25
- }>, {
26
- size: string;
27
- }>>>, {
28
- size: string;
29
- }, {}>;
22
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
23
+ }>>>, {}, {}>;
30
24
  export default _default;
31
- type __VLS_WithDefaults<P, D> = {
32
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
33
- default: D[K];
34
- }> : P[K];
35
- };
36
- type __VLS_Prettify<T> = {
37
- [K in keyof T]: T[K];
38
- } & {};
39
25
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
40
26
  type __VLS_TypePropsToOption<T> = {
41
27
  [K in keyof T]-?: {} extends Pick<T, K> ? {
package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarLoading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.vue"],"names":[],"mappings":"AA8NA,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;AAE7D;;;;GAIG;AACH,wBAAgB,eAAe;;;;;;sCAWE,OAAO;wCAWJ,OAAO;;EAuB1C;;kBAIiB,YAAY;WACnB,MAAM;;;;kBADC,YAAY;WACnB,MAAM;;;;UAAN,MAAM;;AAJjB,wBAoHK;AAML,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
1
+ {"version":3,"file":"ScalarLoading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.vue"],"names":[],"mappings":"AA2OA,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;AAE7D;;;;GAIG;AACH,wBAAgB,eAAe;;;;;;sCAWE,OAAO;wCAWJ,OAAO;;EAuB1C;;kBAMe,YAAY;;;kBAAZ,YAAY;;;AAL5B,wBA+HK;AAML,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
package/dist/components/ScalarLoading/ScalarLoading.vue.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import o from "./ScalarLoading.vue2.js";
2
- import { useLoadingState as f } from "./ScalarLoading.vue2.js";
2
+ import { useLoadingState as i } from "./ScalarLoading.vue2.js";
3
3
  /* empty css */
4
4
  import a from "../../_virtual/_plugin-vue_export-helper.js";
5
- const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-ece8e3a4"]]);
5
+ const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-5a129980"]]);
6
6
  export {
7
7
  m as default,
8
- f as useLoadingState
8
+ i as useLoadingState
9
9
  };
package/dist/components/ScalarLoading/ScalarLoading.vue2.js CHANGED
@@ -1,11 +1,11 @@
1
- import { defineComponent as d, useCssVars as r, openBlock as i, createElementBlock as l, normalizeClass as o, unref as c, createElementVNode as h, createCommentVNode as n, createStaticVNode as p, reactive as g } from "vue";
2
- import { cx as v } from "../../cva.js";
3
- const m = /* @__PURE__ */ p('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-ece8e3a4></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-ece8e3a4></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-ece8e3a4></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-ece8e3a4></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-ece8e3a4></path>', 5), u = {
1
+ import { defineComponent as d, openBlock as i, createElementBlock as l, normalizeClass as n, unref as o, createElementVNode as h, createCommentVNode as r, createStaticVNode as c, reactive as v } from "vue";
2
+ import { cva as g, cx as m } from "../../cva.js";
3
+ const p = /* @__PURE__ */ c('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-5a129980></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-5a129980></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-5a129980></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-5a129980></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-5a129980></path>', 5), u = {
4
4
  key: 0,
5
5
  class: "circular-loader"
6
6
  };
7
- function k() {
8
- return g({
7
+ function z() {
8
+ return v({
9
9
  isValid: !1,
10
10
  isInvalid: !1,
11
11
  isLoading: !1,
@@ -15,44 +15,59 @@ function k() {
15
15
  stopLoading() {
16
16
  this.isLoading = !1;
17
17
  },
18
- validate(e = 800, a) {
18
+ validate(e = 800, s) {
19
19
  this.isInvalid = !1, this.isValid = !0;
20
- const t = a ? e - 300 : e;
20
+ const a = s ? e - 300 : e;
21
21
  return new Promise(
22
- (s) => setTimeout(a ? () => this.clear().then(() => s(!0)) : () => s(!0), t)
22
+ (t) => setTimeout(s ? () => this.clear().then(() => t(!0)) : () => t(!0), a)
23
23
  );
24
24
  },
25
- invalidate(e = 1100, a) {
25
+ invalidate(e = 1100, s) {
26
26
  this.isValid = !1, this.isInvalid = !0;
27
- const t = a ? e - 300 : e;
27
+ const a = s ? e - 300 : e;
28
28
  return new Promise(
29
- (s) => setTimeout(a ? () => this.clear().then(() => s(!0)) : () => s(!0), t)
29
+ (t) => setTimeout(s ? () => this.clear().then(() => t(!0)) : () => t(!0), a)
30
30
  );
31
31
  },
32
32
  clear(e = 300) {
33
- return this.isValid = !1, this.isInvalid = !1, this.isLoading = !1, new Promise((a) => {
33
+ return this.isValid = !1, this.isInvalid = !1, this.isLoading = !1, new Promise((s) => {
34
34
  setTimeout(() => {
35
- a(!0);
35
+ s(!0);
36
36
  }, e);
37
37
  });
38
38
  }
39
39
  });
40
40
  }
41
- const S = /* @__PURE__ */ d({
41
+ const k = /* @__PURE__ */ d({
42
42
  __name: "ScalarLoading",
43
43
  props: {
44
44
  loadingState: {},
45
- size: { default: "24px" }
45
+ size: {}
46
46
  },
47
47
  setup(e) {
48
- return r((a) => ({
49
- "64dccfe9": a.size
50
- })), (a, t) => a.loadingState ? (i(), l("div", {
48
+ const s = g({
49
+ variants: {
50
+ size: {
51
+ xs: "size-3",
52
+ sm: "size-3.5",
53
+ md: "size-4",
54
+ lg: "size-5",
55
+ xl: "size-6",
56
+ "2xl": "size-8",
57
+ "3xl": "size-10",
58
+ full: "size-full"
59
+ }
60
+ },
61
+ defaultVariants: {
62
+ size: "full"
63
+ }
64
+ });
65
+ return (a, t) => a.loadingState ? (i(), l("div", {
51
66
  key: 0,
52
- class: o(c(v)("loader-wrapper"))
67
+ class: n(o(m)("loader-wrapper", o(s)({ size: a.size })))
53
68
  }, [
54
69
  (i(), l("svg", {
55
- class: o(["svg-loader", {
70
+ class: n(["svg-loader", {
56
71
  "icon-is-valid": a.loadingState.isValid,
57
72
  "icon-is-invalid": a.loadingState.isInvalid
58
73
  }]),
@@ -60,10 +75,10 @@ const S = /* @__PURE__ */ d({
60
75
  xmlns: "http://www.w3.org/2000/svg",
61
76
  "xmlns:xlink": "http://www.w3.org/1999/xlink"
62
77
  }, [
63
- m,
78
+ p,
64
79
  a.loadingState.isLoading ? (i(), l("g", u, [
65
80
  h("circle", {
66
- class: o(["loader-path", {
81
+ class: n(["loader-path", {
67
82
  "loader-path-off": a.loadingState.isValid || a.loadingState.isInvalid
68
83
  }]),
69
84
  cx: "50",
@@ -72,12 +87,12 @@ const S = /* @__PURE__ */ d({
72
87
  r: "20",
73
88
  "stroke-width": "2"
74
89
  }, null, 2)
75
- ])) : n("", !0)
90
+ ])) : r("", !0)
76
91
  ], 2))
77
- ], 2)) : n("", !0);
92
+ ], 2)) : r("", !0);
78
93
  }
79
94
  });
80
95
  export {
81
- S as default,
82
- k as useLoadingState
96
+ k as default,
97
+ z as useLoadingState
83
98
  };
package/dist/components/ScalarModal/ScalarModal.stories.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const meta: {
6
6
  component: {
7
7
  new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
8
8
  size: {
9
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "full" | "xxs">;
9
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "full" | "xxs">;
10
10
  default: string;
11
11
  };
12
12
  title: {
@@ -31,7 +31,7 @@ declare const meta: {
31
31
  };
32
32
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
33
33
  size: {
34
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "full" | "xxs">;
34
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "full" | "xxs">;
35
35
  default: string;
36
36
  };
37
37
  title: {
@@ -55,7 +55,7 @@ declare const meta: {
55
55
  type: import("vue").PropType<string>;
56
56
  };
57
57
  }>>, {
58
- size: "sm" | "md" | "xs" | "lg" | "full" | "xxs";
58
+ size: "xs" | "sm" | "md" | "lg" | "full" | "xxs";
59
59
  }, true, {}, {}, {
60
60
  P: {};
61
61
  B: {};
@@ -65,7 +65,7 @@ declare const meta: {
65
65
  Defaults: {};
66
66
  }, Readonly<import("vue").ExtractPropTypes<{
67
67
  size: {
68
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "full" | "xxs">;
68
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "full" | "xxs">;
69
69
  default: string;
70
70
  };
71
71
  title: {
@@ -89,14 +89,14 @@ declare const meta: {
89
89
  type: import("vue").PropType<string>;
90
90
  };
91
91
  }>>, {}, {}, {}, {}, {
92
- size: "sm" | "md" | "xs" | "lg" | "full" | "xxs";
92
+ size: "xs" | "sm" | "md" | "lg" | "full" | "xxs";
93
93
  }>;
94
94
  __isFragment?: never;
95
95
  __isTeleport?: never;
96
96
  __isSuspense?: never;
97
97
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
98
98
  size: {
99
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "full" | "xxs">;
99
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "full" | "xxs">;
100
100
  default: string;
101
101
  };
102
102
  title: {
@@ -120,7 +120,7 @@ declare const meta: {
120
120
  type: import("vue").PropType<string>;
121
121
  };
122
122
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
123
- size: "sm" | "md" | "xs" | "lg" | "full" | "xxs";
123
+ size: "xs" | "sm" | "md" | "lg" | "full" | "xxs";
124
124
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
125
125
  $slots: {
126
126
  default?(_: {}): any;
package/dist/components/ScalarModal/ScalarModal.vue.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
8
  title?: string;
9
9
  bodyClass?: string;
10
10
  maxWidth?: string;
11
- size?: "sm" | "md" | "xs" | "lg" | "full" | "xxs" | undefined;
11
+ size?: "xs" | "sm" | "md" | "lg" | "full" | "xxs" | undefined;
12
12
  variant?: "search" | "history" | undefined;
13
13
  }>, {
14
14
  size: string;
@@ -17,12 +17,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
17
17
  title?: string;
18
18
  bodyClass?: string;
19
19
  maxWidth?: string;
20
- size?: "sm" | "md" | "xs" | "lg" | "full" | "xxs" | undefined;
20
+ size?: "xs" | "sm" | "md" | "lg" | "full" | "xxs" | undefined;
21
21
  variant?: "search" | "history" | undefined;
22
22
  }>, {
23
23
  size: string;
24
24
  }>>>, {
25
- size: "sm" | "md" | "xs" | "lg" | "full" | "xxs";
25
+ size: "xs" | "sm" | "md" | "lg" | "full" | "xxs";
26
26
  }, {}>, {
27
27
  default?(_: {}): any;
28
28
  default?(_: {}): any;
package/dist/components/ScalarSearchInput/ScalarSearchInput.stories.d.ts CHANGED
@@ -17,9 +17,15 @@ declare const meta: {
17
17
  modelValue: {
18
18
  type: import("vue").PropType<string>;
19
19
  };
20
+ sidebar: {
21
+ type: import("vue").PropType<boolean>;
22
+ };
20
23
  }>> & {
21
24
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
22
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
25
+ }, {
26
+ focus: () => void;
27
+ blur: () => void;
28
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
23
29
  "update:modelValue": (v: string) => void;
24
30
  }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
25
31
  loading: {
@@ -37,6 +43,9 @@ declare const meta: {
37
43
  modelValue: {
38
44
  type: import("vue").PropType<string>;
39
45
  };
46
+ sidebar: {
47
+ type: import("vue").PropType<boolean>;
48
+ };
40
49
  }>> & {
41
50
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
42
51
  }, {}, true, {}, {}, {
@@ -62,9 +71,15 @@ declare const meta: {
62
71
  modelValue: {
63
72
  type: import("vue").PropType<string>;
64
73
  };
74
+ sidebar: {
75
+ type: import("vue").PropType<boolean>;
76
+ };
65
77
  }>> & {
66
78
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
67
- }, {}, {}, {}, {}, {}>;
79
+ }, {
80
+ focus: () => void;
81
+ blur: () => void;
82
+ }, {}, {}, {}, {}>;
68
83
  __isFragment?: never;
69
84
  __isTeleport?: never;
70
85
  __isSuspense?: never;
@@ -84,9 +99,15 @@ declare const meta: {
84
99
  modelValue: {
85
100
  type: import("vue").PropType<string>;
86
101
  };
102
+ sidebar: {
103
+ type: import("vue").PropType<boolean>;
104
+ };
87
105
  }>> & {
88
106
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
89
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
107
+ }, {
108
+ focus: () => void;
109
+ blur: () => void;
110
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
90
111
  "update:modelValue": (v: string) => void;
91
112
  }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
92
113
  $slots: {
@@ -112,9 +133,15 @@ declare const meta: {
112
133
  modelValue: {
113
134
  type: import("vue").PropType<string>;
114
135
  };
136
+ sidebar: {
137
+ type: import("vue").PropType<boolean>;
138
+ };
115
139
  }>> & {
116
140
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
117
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
141
+ }, {
142
+ focus: () => void;
143
+ blur: () => void;
144
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
118
145
  "update:modelValue": (v: string) => void;
119
146
  }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
120
147
  loading: {
@@ -132,6 +159,9 @@ declare const meta: {
132
159
  modelValue: {
133
160
  type: import("vue").PropType<string>;
134
161
  };
162
+ sidebar: {
163
+ type: import("vue").PropType<boolean>;
164
+ };
135
165
  }>> & {
136
166
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
137
167
  }, {}, true, {}, {}, {
@@ -157,9 +187,15 @@ declare const meta: {
157
187
  modelValue: {
158
188
  type: import("vue").PropType<string>;
159
189
  };
190
+ sidebar: {
191
+ type: import("vue").PropType<boolean>;
192
+ };
160
193
  }>> & {
161
194
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
162
- }, {}, {}, {}, {}, {}>;
195
+ }, {
196
+ focus: () => void;
197
+ blur: () => void;
198
+ }, {}, {}, {}, {}>;
163
199
  __isFragment?: never;
164
200
  __isTeleport?: never;
165
201
  __isSuspense?: never;
@@ -179,9 +215,15 @@ declare const meta: {
179
215
  modelValue: {
180
216
  type: import("vue").PropType<string>;
181
217
  };
218
+ sidebar: {
219
+ type: import("vue").PropType<boolean>;
220
+ };
182
221
  }>> & {
183
222
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
184
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
223
+ }, {
224
+ focus: () => void;
225
+ blur: () => void;
226
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
185
227
  "update:modelValue": (v: string) => void;
186
228
  }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
187
229
  $slots: {
@@ -206,9 +248,15 @@ declare const meta: {
206
248
  modelValue: {
207
249
  type: import("vue").PropType<string>;
208
250
  };
251
+ sidebar: {
252
+ type: import("vue").PropType<boolean>;
253
+ };
209
254
  }>> & {
210
255
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
211
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
256
+ }, {
257
+ focus: () => void;
258
+ blur: () => void;
259
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
212
260
  "update:modelValue": (v: string) => void;
213
261
  }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
214
262
  loading: {
@@ -226,6 +274,9 @@ declare const meta: {
226
274
  modelValue: {
227
275
  type: import("vue").PropType<string>;
228
276
  };
277
+ sidebar: {
278
+ type: import("vue").PropType<boolean>;
279
+ };
229
280
  }>> & {
230
281
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
231
282
  }, {}, true, {}, {}, {
@@ -251,9 +302,15 @@ declare const meta: {
251
302
  modelValue: {
252
303
  type: import("vue").PropType<string>;
253
304
  };
305
+ sidebar: {
306
+ type: import("vue").PropType<boolean>;
307
+ };
254
308
  }>> & {
255
309
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
256
- }, {}, {}, {}, {}, {}>;
310
+ }, {
311
+ focus: () => void;
312
+ blur: () => void;
313
+ }, {}, {}, {}, {}>;
257
314
  __isFragment?: never;
258
315
  __isTeleport?: never;
259
316
  __isSuspense?: never;
@@ -273,9 +330,15 @@ declare const meta: {
273
330
  modelValue: {
274
331
  type: import("vue").PropType<string>;
275
332
  };
333
+ sidebar: {
334
+ type: import("vue").PropType<boolean>;
335
+ };
276
336
  }>> & {
277
337
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
278
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
338
+ }, {
339
+ focus: () => void;
340
+ blur: () => void;
341
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
279
342
  "update:modelValue": (v: string) => void;
280
343
  }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
281
344
  $slots: {
@@ -301,9 +364,15 @@ declare const meta: {
301
364
  modelValue: {
302
365
  type: import("vue").PropType<string>;
303
366
  };
367
+ sidebar: {
368
+ type: import("vue").PropType<boolean>;
369
+ };
304
370
  }>> & {
305
371
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
306
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
372
+ }, {
373
+ focus: () => void;
374
+ blur: () => void;
375
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
307
376
  "update:modelValue": (v: string) => void;
308
377
  }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
309
378
  loading: {
@@ -321,6 +390,9 @@ declare const meta: {
321
390
  modelValue: {
322
391
  type: import("vue").PropType<string>;
323
392
  };
393
+ sidebar: {
394
+ type: import("vue").PropType<boolean>;
395
+ };
324
396
  }>> & {
325
397
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
326
398
  }, {}, true, {}, {}, {
@@ -346,9 +418,15 @@ declare const meta: {
346
418
  modelValue: {
347
419
  type: import("vue").PropType<string>;
348
420
  };
421
+ sidebar: {
422
+ type: import("vue").PropType<boolean>;
423
+ };
349
424
  }>> & {
350
425
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
351
- }, {}, {}, {}, {}, {}>;
426
+ }, {
427
+ focus: () => void;
428
+ blur: () => void;
429
+ }, {}, {}, {}, {}>;
352
430
  __isFragment?: never;
353
431
  __isTeleport?: never;
354
432
  __isSuspense?: never;
@@ -368,9 +446,15 @@ declare const meta: {
368
446
  modelValue: {
369
447
  type: import("vue").PropType<string>;
370
448
  };
449
+ sidebar: {
450
+ type: import("vue").PropType<boolean>;
451
+ };
371
452
  }>> & {
372
453
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
373
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
454
+ }, {
455
+ focus: () => void;
456
+ blur: () => void;
457
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
374
458
  "update:modelValue": (v: string) => void;
375
459
  }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
376
460
  $slots: {
package/dist/components/ScalarSearchInput/ScalarSearchInput.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarSearchInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYgC,CAAA;AAE1C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA"}
1
+ {"version":3,"file":"ScalarSearchInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYgC,CAAA;AAE1C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA"}
package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.d.ts CHANGED
@@ -5,11 +5,16 @@ declare function __VLS_template(): {
5
5
  declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
6
6
  loading?: LoadingState;
7
7
  modelValue?: string;
8
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
8
+ sidebar?: boolean;
9
+ }>, {
10
+ focus: () => void;
11
+ blur: () => void;
12
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
9
13
  "update:modelValue": (v: string) => void;
10
14
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
11
15
  loading?: LoadingState;
12
16
  modelValue?: string;
17
+ sidebar?: boolean;
13
18
  }>>> & {
14
19
  "onUpdate:modelValue"?: ((v: string) => any) | undefined;
15
20
  }, {}, {}>;
package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.vue"],"names":[],"mappings":"AAoEA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAgCnE,iBAAS,cAAc;mBA8FI,GAAG;EAqB7B;AACD,QAAA,MAAM,eAAe;cA/IT,YAAY;iBACT,MAAM;;;;cADT,YAAY;iBACT,MAAM;;;UAqJnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
1
+ {"version":3,"file":"ScalarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.vue"],"names":[],"mappings":"AA8FA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AA8DnE,iBAAS,cAAc;mBAsGI,GAAG;EAwB7B;AACD,QAAA,MAAM,eAAe;cAxLT,YAAY;iBACT,MAAM;cACT,OAAO;;;;;;;cAFP,YAAY;iBACT,MAAM;cACT,OAAO;;;UA8LjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.js CHANGED
@@ -1,62 +1,87 @@
1
- import { defineComponent as d, computed as i, useAttrs as m, openBlock as o, createElementBlock as p, mergeProps as f, unref as a, createElementVNode as r, renderSlot as g, createTextVNode as h, createBlock as s, createCommentVNode as b } from "vue";
2
- import { cx as V } from "../../cva.js";
3
- import k from "../ScalarLoading/ScalarLoading.vue.js";
4
- import S from "../ScalarIconButton/ScalarIconButton.vue.js";
5
- const v = { class: "sr-only" }, N = ["value"], I = /* @__PURE__ */ d({
1
+ import { defineComponent as b, ref as h, computed as g, useAttrs as k, openBlock as l, createElementBlock as v, mergeProps as S, unref as a, createElementVNode as i, renderSlot as V, createTextVNode as y, createBlock as o, createCommentVNode as c, normalizeClass as C } from "vue";
2
+ import { cva as N, cx as u } from "../../cva.js";
3
+ import z from "../ScalarIcon/ScalarIcon.vue.js";
4
+ import B from "../ScalarLoading/ScalarLoading.vue.js";
5
+ import I from "../ScalarIconButton/ScalarIconButton.vue.js";
6
+ const E = { class: "sr-only" }, _ = ["value"], T = /* @__PURE__ */ b({
6
7
  inheritAttrs: !1,
7
8
  __name: "ScalarSearchInput",
8
9
  props: {
9
10
  loading: {},
10
- modelValue: {}
11
+ modelValue: {},
12
+ sidebar: { type: Boolean }
11
13
  },
12
14
  emits: ["update:modelValue"],
13
- setup(_, { emit: c }) {
14
- const l = c;
15
- function u(e) {
16
- l("update:modelValue", e.target.value);
15
+ setup($, { expose: d, emit: m }) {
16
+ const r = m, t = h(null);
17
+ function p(e) {
18
+ r("update:modelValue", e.target.value);
17
19
  }
18
- const n = i(() => {
19
- const { class: e, ...t } = m();
20
- return { className: e || "", rest: t };
20
+ const n = g(() => {
21
+ const { class: e, ...s } = k();
22
+ return { className: e || "", rest: s };
23
+ }), f = N({
24
+ base: "flex items-center rounded border bg-b-1 text-sm font-medium",
25
+ variants: {
26
+ sidebar: {
27
+ true: "gap-1.5 p-1.5",
28
+ false: "h-10 p-3"
29
+ }
30
+ }
21
31
  });
22
- return (e, t) => (o(), p("label", f(n.value.rest, {
23
- class: a(V)(
24
- "flex rounded border bg-b-1 text-sm font-medium focus-within:border-c-1",
25
- n.value.className
26
- )
32
+ return d({
33
+ focus: () => {
34
+ var e;
35
+ (e = t.value) == null || e.focus();
36
+ },
37
+ blur: () => {
38
+ var e;
39
+ (e = t.value) == null || e.blur();
40
+ }
41
+ }), (e, s) => (l(), v("label", S(n.value.rest, {
42
+ class: a(u)(a(f)({ sidebar: e.sidebar }), n.value.className)
27
43
  }), [
28
- r("span", v, [
29
- g(e.$slots, "label", {}, () => [
30
- h("Enter search")
44
+ i("span", E, [
45
+ V(e.$slots, "label", {}, () => [
46
+ y("Enter search")
31
47
  ])
32
48
  ]),
33
- r("input", {
49
+ e.sidebar ? (l(), o(a(z), {
50
+ key: 0,
51
+ class: "text-c-2",
52
+ icon: "Search",
53
+ size: "xs",
54
+ thickness: "2.5"
55
+ })) : c("", !0),
56
+ i("input", {
57
+ ref_key: "inputRef",
58
+ ref: t,
34
59
  autocapitalize: "off",
35
60
  autocomplete: "off",
36
61
  autocorrect: "off",
37
- class: "flex-1 rounded border-none bg-transparent p-3 outline-none",
62
+ class: "flex-1 rounded border-none bg-transparent outline-none",
38
63
  placeholder: "Search...",
39
64
  spellcheck: "false",
40
65
  type: "text",
41
66
  value: e.modelValue,
42
- onInput: u
43
- }, null, 40, N),
44
- e.loading && e.loading.isLoading ? (o(), s(a(k), {
45
- key: 0,
67
+ onInput: p
68
+ }, null, 40, _),
69
+ e.loading && e.loading.isLoading ? (l(), o(a(B), {
70
+ key: 1,
46
71
  class: "mr-3 self-center",
47
72
  loadingState: e.loading,
48
- size: "20px"
49
- }, null, 8, ["loadingState"])) : e.modelValue ? (o(), s(a(S), {
50
- key: 1,
51
- class: "p-2.5",
73
+ size: "md"
74
+ }, null, 8, ["loadingState"])) : e.modelValue ? (l(), o(a(I), {
75
+ key: 2,
76
+ class: C(a(u)("p-0", e.sidebar ? "h-4 w-4" : "h-5 w-5")),
52
77
  icon: "Close",
53
78
  label: "Clear Search",
54
- thickness: "1.5",
55
- onClick: t[0] || (t[0] = (C) => l("update:modelValue", ""))
56
- })) : b("", !0)
79
+ thickness: e.sidebar ? "1.75" : "1.5",
80
+ onClick: s[0] || (s[0] = (w) => r("update:modelValue", ""))
81
+ }, null, 8, ["class", "thickness"])) : c("", !0)
57
82
  ], 16));
58
83
  }
59
84
  });
60
85
  export {
61
- I as default
86
+ T as default
62
87
  };
package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarSearchResultItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultItem.vue"],"names":[],"mappings":"AAmEA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,eAAe,CAAA;AAuBrD,iBAAS,cAAc;kBA+FG,GAAG;qBACA,GAAG;mBACL,GAAG;yBACG,GAAG;EAiBnC;AACD,QAAA,MAAM,eAAe;WAtIZ,IAAI;aACF,OAAO;;WADT,IAAI;aACF,OAAO;aA2IhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
1
+ {"version":3,"file":"ScalarSearchResultItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultItem.vue"],"names":[],"mappings":"AAsEA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,eAAe,CAAA;AAuBrD,iBAAS,cAAc;kBAqGG,GAAG;qBACA,GAAG;mBACL,GAAG;yBACG,GAAG;EAiBnC;AACD,QAAA,MAAM,eAAe;WA5IZ,IAAI;aACF,OAAO;;WADT,IAAI;aACF,OAAO;aAiJhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.js CHANGED
@@ -1,53 +1,59 @@
1
- import { defineComponent as i, computed as d, useAttrs as m, openBlock as o, createElementBlock as r, createElementVNode as t, mergeProps as u, unref as a, renderSlot as s, createBlock as p, createCommentVNode as l } from "vue";
1
+ import { defineComponent as i, computed as d, useAttrs as m, openBlock as t, createElementBlock as o, createElementVNode as s, mergeProps as u, unref as a, renderSlot as n, createBlock as p, createCommentVNode as c } from "vue";
2
2
  import { cx as f } from "../../cva.js";
3
- import _ from "../ScalarIcon/ScalarIcon.vue.js";
4
- const h = { class: "contents" }, v = { class: "flex h-fit items-center text-sm font-medium text-c-3 group-hover:text-c-1" }, x = /* @__PURE__ */ t("span", null, " ", -1), g = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, k = { class: "flex items-center gap-1" }, N = { class: "flex-1 truncate text-sm font-medium" }, $ = {
3
+ import h from "../ScalarIcon/ScalarIcon.vue.js";
4
+ const _ = { class: "contents" }, v = {
5
+ key: 0,
6
+ class: "flex h-fit items-center text-sm font-medium text-c-3 group-hover:text-c-1"
7
+ }, x = /* @__PURE__ */ s("span", null, " ", -1), g = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, k = { class: "flex items-center gap-1" }, y = { class: "flex-1 truncate text-sm font-medium" }, $ = {
5
8
  key: 0,
6
9
  class: "text-sm text-c-2"
7
- }, b = { class: "truncate text-sm text-c-2" }, C = /* @__PURE__ */ i({
10
+ }, N = {
11
+ key: 0,
12
+ class: "truncate text-sm text-c-2"
13
+ }, C = /* @__PURE__ */ i({
8
14
  inheritAttrs: !1,
9
15
  __name: "ScalarSearchResultItem",
10
16
  props: {
11
17
  icon: {},
12
18
  active: { type: Boolean }
13
19
  },
14
- setup(y) {
15
- const n = d(() => {
16
- const { class: e, ...c } = m();
17
- return { className: e || "", rest: c };
20
+ setup(b) {
21
+ const r = d(() => {
22
+ const { class: e, ...l } = m();
23
+ return { className: e || "", rest: l };
18
24
  });
19
- return (e, c) => (o(), r("li", h, [
20
- t("a", u(n.value.rest, {
25
+ return (e, l) => (t(), o("li", _, [
26
+ s("a", u(r.value.rest, {
21
27
  class: a(f)(
22
28
  "group flex cursor-pointer gap-2.5 rounded px-3 py-1.5 no-underline hover:bg-b-2",
23
29
  {
24
30
  "bg-b-2": e.active
25
31
  },
26
- n.value.className
32
+ r.value.className
27
33
  )
28
34
  }), [
29
- t("div", v, [
30
- s(e.$slots, "icon", {}, () => [
31
- e.icon ? (o(), p(a(_), {
35
+ e.icon ? (t(), o("div", v, [
36
+ n(e.$slots, "icon", {}, () => [
37
+ e.icon ? (t(), p(a(h), {
32
38
  key: 0,
33
39
  icon: e.icon,
34
40
  size: "sm"
35
- }, null, 8, ["icon"])) : l("", !0)
41
+ }, null, 8, ["icon"])) : c("", !0)
36
42
  ]),
37
43
  x
38
- ]),
39
- t("div", g, [
40
- t("div", k, [
41
- t("div", N, [
42
- s(e.$slots, "default")
44
+ ])) : c("", !0),
45
+ s("div", g, [
46
+ s("div", k, [
47
+ s("div", y, [
48
+ n(e.$slots, "default")
43
49
  ]),
44
- e.$slots.addon ? (o(), r("div", $, [
45
- s(e.$slots, "addon")
46
- ])) : l("", !0)
50
+ e.$slots.addon ? (t(), o("div", $, [
51
+ n(e.$slots, "addon")
52
+ ])) : c("", !0)
47
53
  ]),
48
- t("div", b, [
49
- s(e.$slots, "description")
50
- ])
54
+ e.$slots.description ? (t(), o("div", N, [
55
+ n(e.$slots, "description")
56
+ ])) : c("", !0)
51
57
  ])
52
58
  ], 16)
53
59
  ]));
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .scalar-modal-layout[data-v-49451cc0]{animation:modal-fade-49451cc0 .2s forwards}.scalar-modal[data-v-49451cc0]{animation:modal-pop-49451cc0 .15s .15s forwards;position:fixed;left:0;top:0;right:0;box-shadow:var(--scalar-shadow-2)}.dark-mode .scalar-modal[data-v-49451cc0]{background-color:color-mix(in srgb,var(--scalar-background-1),black)}.scalar-modal.scalar-modal-search[data-v-49451cc0]{max-width:540px;max-height:440px;background-color:transparent}.modal-content-search .modal-body[data-v-49451cc0]{padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:440px}@media (max-width: 1280px){.scalar-modal[data-v-49451cc0]{max-height:calc(100% - 56px);top:28px}}@keyframes modal-fade-49451cc0{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-49451cc0{0%{opacity:0}to{opacity:1}}@layer scalar-base,scalar-theme;@layer scalar-base{body{margin:0;line-height:inherit}}:where(.scalar-app){font-family:var(--scalar-font);line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}:where(.scalar-app) *,:where(.scalar-app) *:before,:where(.scalar-app) *:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--scalar-border-color);font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;margin:unset;padding:unset;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(.scalar-app) :before,:where(.scalar-app) :after{--tw-content: ""}:where(.scalar-app) button,:where(.scalar-app) input,:where(.scalar-app) optgroup,:where(.scalar-app) select,:where(.scalar-app) textarea,:where(.scalar-app) ::file-selector-button{background:transparent}:where(.scalar-app) ol,:where(.scalar-app) ul,:where(.scalar-app) menu{list-style:none}:where(.scalar-app) input:where(:not([type=button],[type=reset],[type=submit])),:where(.scalar-app) select,:where(.scalar-app) textarea{border-radius:var(--scalar-radius);border-width:1px}:where(.scalar-app) input::placeholder,:where(.scalar-app) input:-ms-input-placeholder,:where(.scalar-app) input::-webkit-input-placeholder{color:var(--scalar-color-3);font-family:var(--scalar-font)}:where(.scalar-app) input:-webkit-autofill{-webkit-background-clip:text!important;background-clip:text!important}:where(.scalar-app) :focus-visible{outline:1px solid var(--scalar-color-accent);outline-offset:1px}:where(.scalar-app) button,:where(.scalar-app) [role=button]{cursor:pointer}:where(.scalar-app) :disabled{cursor:default}:where(.scalar-app) img,:where(.scalar-app) svg,:where(.scalar-app) video,:where(.scalar-app) canvas,:where(.scalar-app) audio,:where(.scalar-app) iframe,:where(.scalar-app) embed,:where(.scalar-app) object{display:block;vertical-align:middle}:where(.scalar-app) [hidden]{display:none}.scalar-app .cm-scroller,.scalar-app .custom-scroll{overflow-y:auto;scrollbar-color:transparent transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.scalar-app .custom-scroll-self-contain-overflow{overscroll-behavior:contain}.scalar-app .cm-scroller:hover,.scalar-app .custom-scroll:hover{scrollbar-color:var(--scalar-scrollbar-color, transparent) transparent}.scalar-app .cm-scroller:hover::-webkit-scrollbar-thumb,.scalar-app .custom-scroll:hover::-webkit-scrollbar-thumb{background:var(--scalar-scrollbar-color);background-clip:content-box;border:3px solid transparent}.scalar-app .cm-scroller::-webkit-scrollbar-thumb:active,.scalar-app .custom-scroll::-webkit-scrollbar-thumb:active{background:var(--scalar-scrollbar-color-active);background-clip:content-box;border:3px solid transparent}.scalar-app .cm-scroller::-webkit-scrollbar-corner,.scalar-app .custom-scroll::-webkit-scrollbar-corner{background:transparent}.scalar-app .cm-scroller::-webkit-scrollbar,.scalar-app .custom-scroll::-webkit-scrollbar{height:12px;width:12px}.scalar-app .cm-scroller::-webkit-scrollbar-track,.scalar-app .custom-scroll::-webkit-scrollbar-track{background:transparent}.scalar-app .cm-scroller::-webkit-scrollbar-thumb,.scalar-app .custom-scroll::-webkit-scrollbar-thumb{border-radius:20px;background:transparent;background-clip:content-box;border:3px solid transparent}@media (pointer: coarse){.scalar-app .cm-scroller,.scalar-app .custom-scroll{padding-right:12px}}@layer scalar-base{:root{--scalar-border-width: .5px;--scalar-radius: 3px;--scalar-radius-lg: 6px;--scalar-radius-xl: 8px;--scalar-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--scalar-font-code: "JetBrains Mono", ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--scalar-heading-1: 40px;--scalar-page-description: 24px;--scalar-heading-2: 24px;--scalar-heading-3: 20px;--scalar-heading-4: 16px;--scalar-heading-5: 16px;--scalar-heading-6: 16px;--scalar-paragraph: 16px;--scalar-small: 14px;--scalar-mini: 13px;--scalar-micro: 12px;--scalar-bold: 600;--scalar-semibold: 500;--scalar-regular: 400;--scalar-font-size-1: 24px;--scalar-font-size-2: 16px;--scalar-font-size-3: 14px;--scalar-font-size-4: 13px;--scalar-font-size-5: 12px;--scalar-font-size-6: 12px;--scalar-font-size-7: 10px;--scalar-line-height-1: 32px;--scalar-line-height-2: 24px;--scalar-line-height-3: 20px;--scalar-line-height-4: 18px;--scalar-line-height-5: 16px;--scalar-font-medium: 500;--scalar-font-bold: 700;--scalar-text-decoration: none;--scalar-text-decoration-hover: underline}.dark-mode{color-scheme:dark;--scalar-scrollbar-color: rgba(255, 255, 255, .18);--scalar-scrollbar-color-active: rgba(255, 255, 255, .36);--scalar-button-1: rgba(255, 255, 255, 1);--scalar-button-1-hover: rgba(255, 255, 255, .9);--scalar-button-1-color: black;--scalar-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, .1);--scalar-shadow-2: rgba(15, 15, 15, .2) 0px 3px 6px, rgba(15, 15, 15, .4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, .1);--scalar-lifted-brightness: 1.45;--scalar-backdrop-brightness: .5;--scalar-sidebar-indent-border: transparent;--scalar-sidebar-indent-border-hover: transparent;--scalar-sidebar-indent-border-active: transparent}.light-mode{color-scheme:light;--scalar-scrollbar-color-active: rgba(0, 0, 0, .36);--scalar-scrollbar-color: rgba(0, 0, 0, .18);--scalar-button-1: rgba(0, 0, 0, 1);--scalar-button-1-hover: rgba(0, 0, 0, .8);--scalar-button-1-color: rgba(255, 255, 255, .9);--scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, .11);--scalar-shadow-2: rgba(0, 0, 0, .08) 0px 13px 20px 0px, rgba(0, 0, 0, .08) 0px 3px 8px 0px, #eeeeed 0px 0 0 .5px;--scalar-lifted-brightness: 1;--scalar-backdrop-brightness: 1;--scalar-sidebar-indent-border: transparent;--scalar-sidebar-indent-border-hover: transparent;--scalar-sidebar-indent-border-active: transparent}.light-mode .dark-mode{color-scheme:dark!important}@media (max-width: 460px){:root{--scalar-font-size-1: 22px;--scalar-font-size-2: 14px;--scalar-font-size-3: 12px}}@media (max-width: 720px){:root{--scalar-heading-1: 24px;--scalar-page-description: 20px}}.light-mode{--scalar-background-1: #fff;--scalar-background-2: #f6f6f6;--scalar-background-3: #e7e7e7;--scalar-background-accent: #8ab4f81f;--scalar-color-1: #2a2f45;--scalar-color-2: #757575;--scalar-color-3: #8e8e8e;--scalar-color-accent: #0099ff;--scalar-border-color: rgba(0, 0, 0, .1)}.dark-mode{--scalar-background-1: #0f0f0f;--scalar-background-2: #1a1a1a;--scalar-background-3: #272727;--scalar-color-1: rgba(255, 255, 255, .9);--scalar-color-2: rgba(255, 255, 255, .62);--scalar-color-3: rgba(255, 255, 255, .44);--scalar-color-accent: #3ea6ff;--scalar-background-accent: #3ea6ff1f;--scalar-border-color: rgba(255, 255, 255, .1)}.light-mode .t-doc__sidebar,.dark-mode .t-doc__sidebar{--scalar-sidebar-background-1: var(--scalar-background-1);--scalar-sidebar-color-1: var(--scalar-color-1);--scalar-sidebar-color-2: var(--scalar-color-2);--scalar-sidebar-border-color: var(--scalar-border-color);--scalar-sidebar-item-hover-background: var(--scalar-background-2);--scalar-sidebar-item-hover-color: currentColor;--scalar-sidebar-item-active-background: var(--scalar-background-2);--scalar-sidebar-color-active: var(--scalar-color-1);--scalar-sidebar-search-background: transparent;--scalar-sidebar-search-color: var(--scalar-color-3);--scalar-sidebar-search-border-color: var(--scalar-border-color)}.light-mode{--scalar-color-green: #069061;--scalar-color-red: #ef0006;--scalar-color-yellow: #edbe20;--scalar-color-blue: #0082d0;--scalar-color-orange: #fb892c;--scalar-color-purple: #5203d1;--scalar-button-1: rgba(0, 0, 0, 1);--scalar-button-1-hover: rgba(0, 0, 0, .8);--scalar-button-1-color: rgba(255, 255, 255, .9)}.dark-mode{--scalar-color-green: #00b648;--scalar-color-red: #dc1b19;--scalar-color-yellow: #ffc90d;--scalar-color-blue: #4eb3ec;--scalar-color-orange: #ff8d4d;--scalar-color-purple: #b191f9;--scalar-button-1: rgba(255, 255, 255, 1);--scalar-button-1-hover: rgba(255, 255, 255, .9);--scalar-button-1-color: black}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }}:where(.scalar-app) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:where(.scalar-app) .pointer-events-none{pointer-events:none}:where(.scalar-app) .visible{visibility:visible}:where(.scalar-app) .invisible{visibility:hidden}:where(.scalar-app) .\!static{position:static!important}:where(.scalar-app) .static{position:static}:where(.scalar-app) .fixed{position:fixed}:where(.scalar-app) .absolute{position:absolute}:where(.scalar-app) .relative{position:relative}:where(.scalar-app) .sticky{position:sticky}:where(.scalar-app) .inset-0{top:0;right:0;bottom:0;left:0}:where(.scalar-app) .left-0{left:0}:where(.scalar-app) .left-3{left:12px}:where(.scalar-app) .top-0{top:0}:where(.scalar-app) .top-1\/2{top:50%}:where(.scalar-app) .top-\[0\.5px\]{top:.5px}:where(.scalar-app) .-z-1{z-index:-1}:where(.scalar-app) .z-\[1001\]{z-index:1001}:where(.scalar-app) .z-overlay{z-index:10000}:where(.scalar-app) .\!m-0{margin:0!important}:where(.scalar-app) .m-0{margin:0}:where(.scalar-app) .m-1{margin:4px}:where(.scalar-app) .-mx-0{margin-left:-0px;margin-right:-0px}:where(.scalar-app) .-mx-0\.75{margin-left:-3px;margin-right:-3px}:where(.scalar-app) .mx-2{margin-left:8px;margin-right:8px}:where(.scalar-app) .mx-auto{margin-left:auto;margin-right:auto}:where(.scalar-app) .my-0{margin-top:0;margin-bottom:0}:where(.scalar-app) .my-0\.75{margin-top:3px;margin-bottom:3px}:where(.scalar-app) .my-3{margin-top:12px;margin-bottom:12px}:where(.scalar-app) .-mb-1{margin-bottom:-4px}:where(.scalar-app) .mb-0{margin-bottom:0}:where(.scalar-app) .ml-1{margin-left:4px}:where(.scalar-app) .mr-2{margin-right:8px}:where(.scalar-app) .mr-3{margin-right:12px}:where(.scalar-app) .mt-0{margin-top:0}:where(.scalar-app) .mt-1{margin-top:4px}:where(.scalar-app) .mt-1\.5{margin-top:6px}:where(.scalar-app) .mt-20{margin-top:80px}:where(.scalar-app) .block{display:block}:where(.scalar-app) .inline-block{display:inline-block}:where(.scalar-app) .flex{display:flex}:where(.scalar-app) .grid{display:grid}:where(.scalar-app) .contents{display:contents}:where(.scalar-app) .hidden{display:none}:where(.scalar-app) .aspect-square{aspect-ratio:1 / 1}:where(.scalar-app) .size-10{width:40px;height:40px}:where(.scalar-app) .size-2{width:8px;height:8px}:where(.scalar-app) .size-2\.5{width:10px;height:10px}:where(.scalar-app) .size-3{width:12px;height:12px}:where(.scalar-app) .size-3\.5{width:14px;height:14px}:where(.scalar-app) .size-4{width:16px;height:16px}:where(.scalar-app) .size-5{width:20px;height:20px}:where(.scalar-app) .size-6{width:24px;height:24px}:where(.scalar-app) .size-8{width:32px;height:32px}:where(.scalar-app) .size-full{width:100%;height:100%}:where(.scalar-app) .h-10{height:40px}:where(.scalar-app) .h-4{height:16px}:where(.scalar-app) .h-72{height:288px}:where(.scalar-app) .h-8{height:32px}:where(.scalar-app) .h-\[100dvh\]{height:100dvh}:where(.scalar-app) .h-fit{height:-moz-fit-content;height:fit-content}:where(.scalar-app) .h-full{height:100%}:where(.scalar-app) .h-px{height:1px}:where(.scalar-app) .h-screen{height:100vh}:where(.scalar-app) .max-h-\[440px\]{max-height:440px}:where(.scalar-app) .max-h-\[calc\(100dvh-240px\)\]{max-height:calc(100dvh - 240px)}:where(.scalar-app) .min-h-\[77px\]{min-height:77px}:where(.scalar-app) .w-4{width:16px}:where(.scalar-app) .w-40{width:160px}:where(.scalar-app) .w-48{width:192px}:where(.scalar-app) .w-56{width:224px}:where(.scalar-app) .w-\[100dvw\]{width:100dvw}:where(.scalar-app) .w-full{width:100%}:where(.scalar-app) .min-w-0{min-width:0px}:where(.scalar-app) .max-w-screen-lg{max-width:800px}:where(.scalar-app) .max-w-screen-md{max-width:640px}:where(.scalar-app) .max-w-screen-sm{max-width:540px}:where(.scalar-app) .max-w-screen-xs{max-width:480px}:where(.scalar-app) .max-w-screen-xxs{max-width:360px}:where(.scalar-app) .flex-1{flex:1 1 0%}:where(.scalar-app) .origin-top-left{transform-origin:top left}:where(.scalar-app) .-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) .rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) .cursor-not-allowed{cursor:not-allowed}:where(.scalar-app) .cursor-pointer{cursor:pointer}:where(.scalar-app) .resize-none{resize:none}:where(.scalar-app) .resize{resize:both}:where(.scalar-app) .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}:where(.scalar-app) .flex-col{flex-direction:column}:where(.scalar-app) .flex-wrap{flex-wrap:wrap}:where(.scalar-app) .items-start{align-items:flex-start}:where(.scalar-app) .items-center{align-items:center}:where(.scalar-app) .justify-start{justify-content:flex-start}:where(.scalar-app) .justify-center{justify-content:center}:where(.scalar-app) .justify-between{justify-content:space-between}:where(.scalar-app) .gap-0{gap:0px}:where(.scalar-app) .gap-0\.75{gap:3px}:where(.scalar-app) .gap-1{gap:4px}:where(.scalar-app) .gap-1\.5{gap:6px}:where(.scalar-app) .gap-16{gap:64px}:where(.scalar-app) .gap-2{gap:8px}:where(.scalar-app) .gap-2\.5{gap:10px}:where(.scalar-app) .gap-4{gap:16px}:where(.scalar-app) .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(var(--scalar-border-width) * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(var(--scalar-border-width) * var(--tw-divide-y-reverse))}:where(.scalar-app) .self-center{align-self:center}:where(.scalar-app) .overflow-hidden{overflow:hidden}:where(.scalar-app) .overflow-y-auto{overflow-y:auto}:where(.scalar-app) .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.scalar-app) .text-wrap{text-wrap:wrap}:where(.scalar-app) .rounded{border-radius:var(--scalar-radius)}:where(.scalar-app) .rounded-full{border-radius:9999px}:where(.scalar-app) .rounded-lg{border-radius:var(--scalar-radius-lg)}:where(.scalar-app) .rounded-none{border-radius:0}:where(.scalar-app) .border{border-width:var(--scalar-border-width)}:where(.scalar-app) .border-0{border-width:0}:where(.scalar-app) .border-t{border-top-width:var(--scalar-border-width)}:where(.scalar-app) .border-solid{border-style:solid}:where(.scalar-app) .border-dashed{border-style:dashed}:where(.scalar-app) .border-none{border-style:none}:where(.scalar-app) .border-border{border-color:var(--scalar-border-color)}:where(.scalar-app) .border-c-3{border-color:var(--scalar-color-3)}:where(.scalar-app) .bg-b-1{background-color:var(--scalar-background-1)}:where(.scalar-app) .bg-b-2{background-color:var(--scalar-background-2)}:where(.scalar-app) .bg-b-btn{background-color:var(--scalar-button-1)}:where(.scalar-app) .bg-backdrop{background-color:#00000038}:where(.scalar-app) .bg-blue{background-color:var(--scalar-color-blue)}:where(.scalar-app) .bg-border{background-color:var(--scalar-border-color)}:where(.scalar-app) .bg-red{background-color:var(--scalar-color-red)}:where(.scalar-app) .bg-transparent{background-color:transparent}:where(.scalar-app) .p-0{padding:0}:where(.scalar-app) .p-0\.5{padding:2px}:where(.scalar-app) .p-0\.75{padding:3px}:where(.scalar-app) .p-1{padding:4px}:where(.scalar-app) .p-2{padding:8px}:where(.scalar-app) .p-2\.5{padding:10px}:where(.scalar-app) .p-3{padding:12px}:where(.scalar-app) .p-6{padding:24px}:where(.scalar-app) .p-\[3px\]{padding:3px}:where(.scalar-app) .px-1{padding-left:4px;padding-right:4px}:where(.scalar-app) .px-2{padding-left:8px;padding-right:8px}:where(.scalar-app) .px-2\.5{padding-left:10px;padding-right:10px}:where(.scalar-app) .px-3{padding-left:12px;padding-right:12px}:where(.scalar-app) .px-6{padding-left:24px;padding-right:24px}:where(.scalar-app) .px-9{padding-left:36px;padding-right:36px}:where(.scalar-app) .py-1{padding-top:4px;padding-bottom:4px}:where(.scalar-app) .py-1\.5{padding-top:6px;padding-bottom:6px}:where(.scalar-app) .py-2{padding-top:8px;padding-bottom:8px}:where(.scalar-app) .py-2\.5{padding-top:10px;padding-bottom:10px}:where(.scalar-app) .py-4{padding-top:16px;padding-bottom:16px}:where(.scalar-app) .pb-0{padding-bottom:0}:where(.scalar-app) .pl-8{padding-left:32px}:where(.scalar-app) .pr-3{padding-right:12px}:where(.scalar-app) .pt-3{padding-top:12px}:where(.scalar-app) .pt-6{padding-top:24px}:where(.scalar-app) .text-left{text-align:left}:where(.scalar-app) .font-code{font-family:var(--scalar-font-code)}:where(.scalar-app) .text-lg{font-size:var(--scalar-font-size-2)}:where(.scalar-app) .text-sm{font-size:var(--scalar-font-size-4)}:where(.scalar-app) .text-xs{font-size:var(--scalar-font-size-5)}:where(.scalar-app) .text-xxs{font-size:var(--scalar-font-size-6)}:where(.scalar-app) .font-bold{font-weight:var(--scalar-bold)}:where(.scalar-app) .font-medium{font-weight:var(--scalar-semibold)}:where(.scalar-app) .font-normal{font-weight:var(--scalar-regular)}:where(.scalar-app) .leading-none{line-height:1}:where(.scalar-app) .leading-snug{line-height:1.375}:where(.scalar-app) .text-b-1{color:var(--scalar-background-1)}:where(.scalar-app) .text-c-1{color:var(--scalar-color-1)}:where(.scalar-app) .text-c-2{color:var(--scalar-color-2)}:where(.scalar-app) .text-c-3{color:var(--scalar-color-3)}:where(.scalar-app) .text-c-btn{color:var(--scalar-button-1-color)}:where(.scalar-app) .text-c-ghost{color:var(--scalar-color-ghost)}:where(.scalar-app) .text-red{color:var(--scalar-color-red)}:where(.scalar-app) .text-transparent{color:transparent}:where(.scalar-app) .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}:where(.scalar-app) .no-underline{text-decoration-line:none}:where(.scalar-app) .opacity-0{opacity:0}:where(.scalar-app) .opacity-50{opacity:.5}:where(.scalar-app) .shadow{--tw-shadow: var(--scalar-shadow-1);--tw-shadow-colored: var(--scalar-shadow-1);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .shadow-lg{--tw-shadow: var(--scalar-shadow-2);--tw-shadow-colored: var(--scalar-shadow-2);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .shadow-md{--tw-shadow: var(--scalar-shadow-1);--tw-shadow-colored: var(--scalar-shadow-1);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .shadow-sm{--tw-shadow: rgba(0, 0, 0, .09) 0px 1px 4px;--tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .shadow-current{--tw-shadow-color: currentColor;--tw-shadow: var(--tw-shadow-colored)}:where(.scalar-app) .outline-none{outline:2px solid transparent;outline-offset:2px}:where(.scalar-app) .outline{outline-style:solid}:where(.scalar-app) .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.scalar-app) .brightness-lifted{--tw-brightness: brightness(var(--scalar-lifted-brightness));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.scalar-app) .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.scalar-app) .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.scalar-app) .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.scalar-app) .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.scalar-app) .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:where(.scalar-app) .bg-b-1{--tw-bg-base: var(--scalar-background-1)}:where(.scalar-app) .bg-b-2{--tw-bg-base: var(--scalar-background-2)}:where(.scalar-app) .bg-b-btn{--tw-bg-base: var(--scalar-button-1)}:where(.scalar-app) .bg-backdrop{--tw-bg-base: rgba(0, 0, 0, .22)}:where(.scalar-app) .bg-blue{--tw-bg-base: var(--scalar-color-blue)}:where(.scalar-app) .bg-border{--tw-bg-base: var(--scalar-border-color)}:where(.scalar-app) .bg-red{--tw-bg-base: var(--scalar-color-red)}:where(.scalar-app) .bg-transparent{--tw-bg-base: transparent}:where(.scalar-app) .row,:where(.scalar-app) .scalar-row{display:flex;flex-direction:row}:where(.scalar-app) .col{display:flex;flex-direction:column}:where(.scalar-app) .centered-x{left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) .centered{left:50%;--tw-translate-x: -50%;top:50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) .before\:mr-1:before{content:var(--tw-content);margin-right:4px}:where(.scalar-app) .before\:mr-1\.5:before{content:var(--tw-content);margin-right:6px}:where(.scalar-app) .before\:block:before{content:var(--tw-content);display:block}:where(.scalar-app) .before\:h-4:before{content:var(--tw-content);height:16px}:where(.scalar-app) .before\:w-4:before{content:var(--tw-content);width:16px}:where(.scalar-app) .before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}:where(.scalar-app) .before\:text-center:before{content:var(--tw-content);text-align:center}:where(.scalar-app) .before\:text-xxs:before{content:var(--tw-content);font-size:var(--scalar-font-size-6)}:where(.scalar-app) .before\:leading-4:before{content:var(--tw-content);line-height:var(--scalar-line-height-4)}:where(.scalar-app) .before\:text-white:before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}:where(.scalar-app) .first-of-type\:mt-0:first-of-type{margin-top:0}:where(.scalar-app) .first-of-type\:mt-0\.75:first-of-type{margin-top:3px}:where(.scalar-app) .last-of-type\:mb-0:last-of-type{margin-bottom:0}:where(.scalar-app) .last-of-type\:mb-0\.75:last-of-type{margin-bottom:3px}:where(.scalar-app) .empty\:hidden:empty{display:none}:where(.scalar-app) .focus-within\:border-c-1:focus-within{border-color:var(--scalar-color-1)}:where(.scalar-app) .hover\:bg-b-2:hover{background-color:var(--scalar-background-2)}:where(.scalar-app) .hover\:text-c-1:hover{color:var(--scalar-color-1)}:where(.scalar-app) .hover\:bg-b-2:hover{--tw-bg-base: var(--scalar-background-2)}:where(.scalar-app) .active\:bg-b-btn:active{background-color:var(--scalar-button-1)}:where(.scalar-app) .active\:text-c-1:active{color:var(--scalar-color-1)}:where(.scalar-app) .active\:shadow-none:active{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .active\:brightness-90:active{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.scalar-app) .active\:bg-b-btn:active{--tw-bg-base: var(--scalar-button-1)}:where(.scalar-app) .group:hover .group-hover\:text-c-1{color:var(--scalar-color-1)}:where(.scalar-app) .group:hover .group-hover\:shadow-border{--tw-shadow: inset 0 0 0 1px var(--scalar-border-color);--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .group:hover .group-hover\:shadow-border{--tw-shadow-color: var(--scalar-border-color);--tw-shadow: var(--tw-shadow-colored)}:where(.scalar-app) .ui-open\:rotate-180[data-headlessui-state~=open]{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) :where([data-headlessui-state~=open]) .ui-open\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) .has-actv-btn\:border:has(button:active){border-width:var(--scalar-border-width)}:where(.scalar-app) .has-actv-btn\:border-border:has(button:active){border-color:var(--scalar-border-color)}:where(.scalar-app) .\!empty\:flex:not(:empty){display:flex}:where(.scalar-app) .\!empty\:w-7:not(:empty){width:28px}:where(.scalar-app) .\!empty\:items-center:not(:empty){align-items:center}:where(.scalar-app) .\!empty\:pr-3:not(:empty){padding-right:12px}:where(.scalar-app) .hocus\:bg-h-btn:hover{background-color:var(--scalar-button-1-hover)}:where(.scalar-app) .hocus\:text-c-1:hover{color:var(--scalar-color-1)}:where(.scalar-app) .hocus\:brightness-90:hover{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.scalar-app) .hocus\:bg-h-btn:hover{--tw-bg-base: var(--scalar-button-1-hover)}:where(.scalar-app) .hocus\:bg-h-btn:focus-visible{background-color:var(--scalar-button-1-hover)}:where(.scalar-app) .hocus\:text-c-1:focus-visible{color:var(--scalar-color-1)}:where(.scalar-app) .hocus\:brightness-90:focus-visible{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.scalar-app) .hocus\:bg-h-btn:focus-visible{--tw-bg-base: var(--scalar-button-1-hover)}@media (min-width: 800px){:where(.scalar-app) .md\:row{display:flex;flex-direction:row}}.loader-wrapper[data-v-ece8e3a4]{position:relative;height:var(--64dccfe9);width:var(--64dccfe9);display:flex;align-items:center;justify-content:center;--loader-size: 50%}.svg-loader[data-v-ece8e3a4]{width:var(--loader-size);height:var(--loader-size);top:1rem;right:.9rem;overflow:visible;fill:none;background-color:transparent;stroke:currentColor}.svg-path[data-v-ece8e3a4]{stroke-width:14;fill:none;transition:.3s}.svg-x-mark[data-v-ece8e3a4]{stroke-dasharray:57;stroke-dashoffset:57;transition-delay:0s}.svg-check-mark[data-v-ece8e3a4]{stroke-dasharray:149;stroke-dashoffset:149;transition-delay:0s}.icon-is-invalid .svg-x-mark[data-v-ece8e3a4],.icon-is-valid .svg-check-mark[data-v-ece8e3a4]{stroke-dashoffset:0;transition-delay:.3s}.circular-loader[data-v-ece8e3a4]{animation:rotate-ece8e3a4 .7s linear infinite,fade-in-ece8e3a4 .4s;transform-origin:center center;transform:scale(5);background:transparent}.loader-path[data-v-ece8e3a4]{stroke-dasharray:50,200;stroke-dashoffset:-100;stroke-linecap:round}.loader-path-off[data-v-ece8e3a4]{stroke-dasharray:50,200;stroke-dashoffset:-100;transition:opacity .3s;opacity:0}@keyframes fade-in-ece8e3a4{0%{opacity:0}70%{opacity:0}to{opacity:1}}@keyframes rotate-ece8e3a4{0%{transform:scale(5) rotate(0)}to{transform:scale(5) rotate(360deg)}}.scalar-icon[data-v-43d05207],.scalar-icon[data-v-43d05207] *{stroke-width:var(--5933775d)}.scalar-code-block{position:relative}.scalar-code-block:hover .copy-button{opacity:100;visibility:visible}.scalar-code-block .scalar-code-scroll.custom-scroll{padding:.5rem .5rem .5rem .75rem;overflow-x:auto;overflow-y:hidden}.scalar-codeblock-pre{margin:0;background:transparent;text-wrap:nowrap;white-space-collapse:preserve;border-radius:0}.scalar-code-copy{display:flex;align-items:start;justify-content:end;position:sticky;top:0;right:0;bottom:0;left:0}.copy-button{position:relative;top:8px;right:8px;display:flex;align-items:center;background-color:var(--scalar-background-2);border:1px solid var(--scalar-border-color);border-radius:3px;color:var(--scalar-color-3);cursor:pointer;height:30px;margin-bottom:-30px;opacity:0;padding:6px;transition:opacity .15s ease-in-out,color .15s ease-in-out;visibility:hidden}.scalar-code-copy,.copy-button{background:inherit}.copy-button:after{content:".";color:transparent;font-size:var(--scalar-mini);line-height:1.35;width:0px}.copy-button:hover{color:var(--scalar-color-1)}.copy-button svg{stroke-width:1.5}.scalar-app code.hljs *{font-size:var(--scalar-small);font-family:var(--scalar-font-code);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.4;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.scalar-app code.hljs{font-size:var(--scalar-small);font-family:var(--scalar-font-code);display:inline-block;counter-reset:linenumber}.scalar-app .hljs{background:transparent;color:var(--scalar-color-2)}.scalar-app .hljs .line:before{color:var(--scalar-color-3);display:inline-block;counter-increment:linenumber;content:counter(linenumber);margin-right:.7em;min-width:calc(var(--line-digits) * 1ch);text-align:right}.scalar-app .hljs-comment,.scalar-app .hljs-quote{color:var(--scalar-color-3);font-style:italic}.scalar-app .hljs-number{color:var(--scalar-color-orange)}.scalar-app .hljs-regexp,.scalar-app .hljs-string,.scalar-app .hljs-built_in{color:var(--scalar-color-blue)}.scalar-app .hljs-title.class_{color:var(--scalar-color-1)}.scalar-app .hljs-keyword{color:var(--scalar-color-purple)}.scalar-app .hljs-title.function_{color:var(--scalar-color-orange)}.scalar-app .hljs-subst,.scalar-app .hljs-name{color:var(--scalar-color-blue)}.scalar-app .hljs-attr,.scalar-app .hljs-attribute{color:var(--scalar-color-1)}.scalar-app .hljs-addition,.scalar-app .hljs-literal,.scalar-app .hljs-selector-tag,.scalar-app .hljs-type{color:var(--scalar-color-green)}.scalar-app .hljs-selector-attr,.scalar-app .hljs-selector-pseudo{color:var(--scalar-color-orange)}.scalar-app .hljs-doctag,.scalar-app .hljs-section,.scalar-app .hljs-title{color:var(--scalar-color-blue)}.scalar-app .hljs-selector-id,.scalar-app .hljs-template-variable,.scalar-app .hljs-variable{color:var(--scalar-color-1)}.scalar-app .hljs-name,.scalar-app .hljs-section,.scalar-app .hljs-strong{font-weight:var(--scalar-semibold)}.scalar-app .hljs-bullet,.scalar-app .hljs-link,.scalar-app .hljs-meta,.scalar-app .hljs-symbol{color:var(--scalar-color-blue)}.scalar-app .hljs-deletion{color:var(--scalar-color-red)}.scalar-app .hljs-formula{background:var(--scalar-color-1)}.scalar-app .hljs-emphasis{font-style:italic}.scalar-app .credentials{font-size:0!important;color:transparent}.scalar-app .credentials:after{content:"·····";font-size:var(--scalar-small);color:var(--scalar-color-3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.hljs.language-html{color:var(--scalar-color-1)}.hljs.language-html .hljs-attr{color:var(--scalar-color-2)}.hljs.language-curl .hljs-keyword{color:var(--scalar-color-orange)}.hljs.language-curl .hljs-string{color:var(--scalar-color-1)}.hljs.language-curl .hljs-literal,.hljs.language-php .hljs-variable{color:var(--scalar-color-blue)}.hljs.language-objectivec .hljs-meta{color:var(--scalar-color-1)}.hljs.language-objectivec .hljs-built_in,.hljs-built_in{color:var(--scalar-color-orange)}.scalar-app .markdown{font-family:var(--scalar-font);color:var(--scalar-color-1);word-break:break-word}.scalar-app .markdown h1,.scalar-app .markdown h2,.scalar-app .markdown h3,.scalar-app .markdown h4,.scalar-app .markdown h5,.scalar-app .markdown h6,.scalar-app .markdown p,.scalar-app .markdown div,.scalar-app .markdown img,.scalar-app .markdown details,.scalar-app .markdown summary,.scalar-app .markdown ul,.scalar-app .markdown ol,.scalar-app .markdown table,.scalar-app .markdown blockquote,.scalar-app .markdown code{margin:12px 0}.scalar-app .markdown details{margin:12px 0;color:var(--scalar-color-1)}.scalar-app .markdown summary{display:block;margin:12px 0;padding-left:20px;position:relative;font-weight:var(--scalar-semibold);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scalar-app .markdown summary:after{display:block;content:"";position:absolute;top:1px;left:1px;width:16px;height:16px;background-color:var(--scalar-color-3);-webkit-mask-image:url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.25 19.5L15.75 12L8.25 4.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');mask-image:url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.25 19.5L15.75 12L8.25 4.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.scalar-app .markdown summary:hover:after{background-color:var(--scalar-color-1)}.scalar-app .markdown details[open] summary:after{transform:rotate(90deg)}.scalar-app .markdown summary::-webkit-details-marker{display:none}.scalar-app .markdown img{overflow:hidden;border-radius:var(--scalar-radius);max-width:100%}.scalar-app .markdown>:first-child{margin-top:0;margin-bottom:0}.scalar-app .markdown h1{--font-size: 1.4em}.scalar-app .markdown h2{--font-size: 1.25em}.scalar-app .markdown h3{--font-size: 1.1em}.scalar-app .markdown h4,.scalar-app .markdown h6{--font-size: 1em}.scalar-app .markdown h1,.scalar-app .markdown h2,.scalar-app .markdown h3,.scalar-app .markdown h4,.scalar-app .markdown h5,.scalar-app .markdown h6{font-size:var(--font-size);margin:18px 0 6px;font-weight:var(--scalar-bold);display:block;line-height:1.45}.scalar-app .markdown b,.scalar-app .markdown strong{font-weight:var(--scalar-bold)}.scalar-app .markdown p{color:var(--scalar-color-1);font-weight:var(--font-weight, var(--scalar-regular));line-height:1.5;margin-bottom:0;display:block}.scalar-app .markdown ul,.scalar-app .markdown ol{padding-left:24px;line-height:1.5;margin:12px 0;display:block}.scalar-app .markdown ul{list-style:disc}.scalar-app .markdown ol{list-style:decimal}.scalar-app .markdown ul.contains-task-list{list-style:none;padding-left:0}.scalar-app .markdown li{margin:6px 0;display:list-item}.scalar-app .markdown ul:first-of-type li:first-of-type{margin-top:0}.scalar-app .markdown a{color:var(--scalar-color-accent);-webkit-text-decoration:var(--scalar-text-decoration);text-decoration:var(--scalar-text-decoration);cursor:pointer}.scalar-app .markdown a:hover{-webkit-text-decoration:var(--scalar-text-decoration-hover);text-decoration:var(--scalar-text-decoration-hover)}.scalar-app .markdown em{font-style:italic}.scalar-app .markdown sup{font-size:var(--scalar-micro);vertical-align:super;font-weight:450}.scalar-app .markdown sub{font-size:var(--scalar-micro);vertical-align:sub;font-weight:450}.scalar-app .markdown del{text-decoration:line-through}.scalar-app .markdown code{font-family:var(--scalar-font-code);background-color:var(--scalar-background-2);box-shadow:0 0 0 var(--scalar-border-width) var(--scalar-border-color);font-size:var(--scalar-micro);border-radius:2px;padding:0 3px}.scalar-app .markdown pre code{display:block;white-space:pre;padding:12px;line-height:1.5;margin:12px 0;-webkit-overflow-scrolling:touch;overflow-x:auto;max-width:100%;min-width:100px}.scalar-app .markdown hr{border:none;border-bottom:var(--scalar-border-width) solid var(--scalar-border-color)}.scalar-app .markdown blockquote{border-left:3px solid var(--scalar-border-color);padding-left:12px;margin:0;display:block}.scalar-app .markdown table{display:block;overflow-x:auto;position:relative;border-collapse:collapse;width:-moz-max-content;width:max-content;max-width:100%;margin:1em 0;box-shadow:0 0 0 var(--scalar-border-width) var(--scalar-border-color);border-radius:var(--scalar-radius-lg)}.scalar-app .markdown tbody{display:table-row-group;vertical-align:middle}.scalar-app .markdown thead{display:table-header-group;vertical-align:middle}.scalar-app .markdown tr{display:table-row;border-color:inherit;vertical-align:inherit}.scalar-app .markdown td,.scalar-app .markdown th{display:table-cell;vertical-align:inherit;min-width:1em;padding:6px 9px;vertical-align:top;line-height:1.5;position:relative;word-break:initial;font-size:var(--scalar-small);color:var(--scalar-color-1);font-weight:var(--font-weight, var(--scalar-regular));border-right:var(--scalar-border-width) solid var(--scalar-border-color);border-bottom:var(--scalar-border-width) solid var(--scalar-border-color)}.scalar-app .markdown td>*,.scalar-app .markdown th>*{margin-bottom:0}.scalar-app .markdown th:empty{display:none}.scalar-app .markdown td:first-of-type,.scalar-app .markdown th:first-of-type{border-left:none}.scalar-app .markdown td:last-of-type,.scalar-app .markdown th:last-of-type{border-right:none}.scalar-app .markdown tr:last-of-type td{border-bottom:none}.scalar-app .markdown th{font-weight:var(--scalar-semibold)!important;text-align:left;border-left-color:transparent;background:var(--scalar-background-2)}.scalar-app .markdown tr>[align=left]{text-align:left}.scalar-app .markdown tr>[align=right]{text-align:right}.scalar-app .markdown tr>[align=center]{text-align:center}.scalar-input-wrapper-focus .scalar-input-label[data-v-73231cf7]{color:var(--scalar-color-1)}.scalar-input-wrapper-error .scalar-input-label[data-v-73231cf7]{color:var(--scalar-color-error-color)}.scalar-input[data-v-73231cf7]::-moz-selection{color:var(--scalar-color-1);background:#ffa55859}.scalar-input[data-v-73231cf7]::selection{color:var(--scalar-color-1);background:#ffa55859}.scalar-input[data-v-73231cf7]:has(+.scalar-input-label){opacity:0}.scalar-input[data-v-73231cf7]:not(:-moz-placeholder-shown){opacity:1;-moz-transition:opacity .2s ease-in-out .15s;transition:opacity .2s ease-in-out .15s}.scalar-input[data-v-73231cf7]:not(:placeholder-shown),.scalar-input-wrapper-focus .scalar-input[data-v-73231cf7]{opacity:1;transition:opacity .2s ease-in-out .15s}.scalar-input[data-v-73231cf7]:-webkit-autofill,.scalar-input[data-v-73231cf7]:-webkit-autofill:hover,.scalar-input[data-v-73231cf7]:-webkit-autofill:focus,.scalar-input[data-v-73231cf7]:-webkit-autofill:active,.scalar-input[data-v-73231cf7]:focus-within:-webkit-autofill,.scalar-input[data-v-73231cf7]:focus-within:-webkit-autofill:hover,.scalar-input[data-v-73231cf7]:focus-within:-webkit-autofill:focus,.scalar-input[data-v-73231cf7]:focus-within:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px var(--scalar-background-1) inset!important;-webkit-text-fill-color:var(--scalar-color-1);color:var(--scalar-color-1);border-radius:var(--scalar-radius)}.scalar-input:not(:-moz-placeholder-shown)+.scalar-input-label[data-v-73231cf7]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus .scalar-input-label[data-v-73231cf7],.scalar-input:not(:placeholder-shown)+.scalar-input-label[data-v-73231cf7]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus:has(button:active) .scalar-input-label[data-v-73231cf7]{color:var(--scalar-color-3)!important}
1
+ .scalar-modal-layout[data-v-49451cc0]{animation:modal-fade-49451cc0 .2s forwards}.scalar-modal[data-v-49451cc0]{animation:modal-pop-49451cc0 .15s .15s forwards;position:fixed;left:0;top:0;right:0;box-shadow:var(--scalar-shadow-2)}.dark-mode .scalar-modal[data-v-49451cc0]{background-color:color-mix(in srgb,var(--scalar-background-1),black)}.scalar-modal.scalar-modal-search[data-v-49451cc0]{max-width:540px;max-height:440px;background-color:transparent}.modal-content-search .modal-body[data-v-49451cc0]{padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:440px}@media (max-width: 1280px){.scalar-modal[data-v-49451cc0]{max-height:calc(100% - 56px);top:28px}}@keyframes modal-fade-49451cc0{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-49451cc0{0%{opacity:0}to{opacity:1}}@layer scalar-base,scalar-theme;@layer scalar-base{body{margin:0;line-height:inherit}}:where(.scalar-app){font-family:var(--scalar-font);line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}:where(.scalar-app) *,:where(.scalar-app) *:before,:where(.scalar-app) *:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--scalar-border-color);font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;margin:unset;padding:unset;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(.scalar-app) :before,:where(.scalar-app) :after{--tw-content: ""}:where(.scalar-app) button,:where(.scalar-app) input,:where(.scalar-app) optgroup,:where(.scalar-app) select,:where(.scalar-app) textarea,:where(.scalar-app) ::file-selector-button{background:transparent}:where(.scalar-app) ol,:where(.scalar-app) ul,:where(.scalar-app) menu{list-style:none}:where(.scalar-app) input:where(:not([type=button],[type=reset],[type=submit])),:where(.scalar-app) select,:where(.scalar-app) textarea{border-radius:var(--scalar-radius);border-width:1px}:where(.scalar-app) input::placeholder,:where(.scalar-app) input:-ms-input-placeholder,:where(.scalar-app) input::-webkit-input-placeholder{color:var(--scalar-color-3);font-family:var(--scalar-font)}:where(.scalar-app) input:-webkit-autofill{-webkit-background-clip:text!important;background-clip:text!important}:where(.scalar-app) :focus-visible{outline:1px solid var(--scalar-color-accent);outline-offset:1px}:where(.scalar-app) button,:where(.scalar-app) [role=button]{cursor:pointer}:where(.scalar-app) :disabled{cursor:default}:where(.scalar-app) img,:where(.scalar-app) svg,:where(.scalar-app) video,:where(.scalar-app) canvas,:where(.scalar-app) audio,:where(.scalar-app) iframe,:where(.scalar-app) embed,:where(.scalar-app) object{display:block;vertical-align:middle}:where(.scalar-app) [hidden]{display:none}.scalar-app .cm-scroller,.scalar-app .custom-scroll{overflow-y:auto;scrollbar-color:transparent transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.scalar-app .custom-scroll-self-contain-overflow{overscroll-behavior:contain}.scalar-app .cm-scroller:hover,.scalar-app .custom-scroll:hover{scrollbar-color:var(--scalar-scrollbar-color, transparent) transparent}.scalar-app .cm-scroller:hover::-webkit-scrollbar-thumb,.scalar-app .custom-scroll:hover::-webkit-scrollbar-thumb{background:var(--scalar-scrollbar-color);background-clip:content-box;border:3px solid transparent}.scalar-app .cm-scroller::-webkit-scrollbar-thumb:active,.scalar-app .custom-scroll::-webkit-scrollbar-thumb:active{background:var(--scalar-scrollbar-color-active);background-clip:content-box;border:3px solid transparent}.scalar-app .cm-scroller::-webkit-scrollbar-corner,.scalar-app .custom-scroll::-webkit-scrollbar-corner{background:transparent}.scalar-app .cm-scroller::-webkit-scrollbar,.scalar-app .custom-scroll::-webkit-scrollbar{height:12px;width:12px}.scalar-app .cm-scroller::-webkit-scrollbar-track,.scalar-app .custom-scroll::-webkit-scrollbar-track{background:transparent}.scalar-app .cm-scroller::-webkit-scrollbar-thumb,.scalar-app .custom-scroll::-webkit-scrollbar-thumb{border-radius:20px;background:transparent;background-clip:content-box;border:3px solid transparent}@media (pointer: coarse){.scalar-app .cm-scroller,.scalar-app .custom-scroll{padding-right:12px}}@layer scalar-base{:root{--scalar-border-width: .5px;--scalar-radius: 3px;--scalar-radius-lg: 6px;--scalar-radius-xl: 8px;--scalar-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--scalar-font-code: "JetBrains Mono", ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--scalar-heading-1: 40px;--scalar-page-description: 24px;--scalar-heading-2: 24px;--scalar-heading-3: 20px;--scalar-heading-4: 16px;--scalar-heading-5: 16px;--scalar-heading-6: 16px;--scalar-paragraph: 16px;--scalar-small: 14px;--scalar-mini: 13px;--scalar-micro: 12px;--scalar-bold: 600;--scalar-semibold: 500;--scalar-regular: 400;--scalar-font-size-1: 24px;--scalar-font-size-2: 16px;--scalar-font-size-3: 14px;--scalar-font-size-4: 13px;--scalar-font-size-5: 12px;--scalar-font-size-6: 12px;--scalar-font-size-7: 10px;--scalar-line-height-1: 32px;--scalar-line-height-2: 24px;--scalar-line-height-3: 20px;--scalar-line-height-4: 18px;--scalar-line-height-5: 16px;--scalar-font-medium: 500;--scalar-font-bold: 700;--scalar-text-decoration: none;--scalar-text-decoration-hover: underline}.dark-mode{color-scheme:dark;--scalar-scrollbar-color: rgba(255, 255, 255, .18);--scalar-scrollbar-color-active: rgba(255, 255, 255, .36);--scalar-button-1: rgba(255, 255, 255, 1);--scalar-button-1-hover: rgba(255, 255, 255, .9);--scalar-button-1-color: black;--scalar-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, .1);--scalar-shadow-2: rgba(15, 15, 15, .2) 0px 3px 6px, rgba(15, 15, 15, .4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, .1);--scalar-lifted-brightness: 1.45;--scalar-backdrop-brightness: .5;--scalar-sidebar-indent-border: transparent;--scalar-sidebar-indent-border-hover: transparent;--scalar-sidebar-indent-border-active: transparent}.light-mode{color-scheme:light;--scalar-scrollbar-color-active: rgba(0, 0, 0, .36);--scalar-scrollbar-color: rgba(0, 0, 0, .18);--scalar-button-1: rgba(0, 0, 0, 1);--scalar-button-1-hover: rgba(0, 0, 0, .8);--scalar-button-1-color: rgba(255, 255, 255, .9);--scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, .11);--scalar-shadow-2: rgba(0, 0, 0, .08) 0px 13px 20px 0px, rgba(0, 0, 0, .08) 0px 3px 8px 0px, #eeeeed 0px 0 0 .5px;--scalar-lifted-brightness: 1;--scalar-backdrop-brightness: 1;--scalar-sidebar-indent-border: transparent;--scalar-sidebar-indent-border-hover: transparent;--scalar-sidebar-indent-border-active: transparent}.light-mode .dark-mode{color-scheme:dark!important}@media (max-width: 460px){:root{--scalar-font-size-1: 22px;--scalar-font-size-2: 14px;--scalar-font-size-3: 12px}}@media (max-width: 720px){:root{--scalar-heading-1: 24px;--scalar-page-description: 20px}}.light-mode{--scalar-background-1: #fff;--scalar-background-2: #f6f6f6;--scalar-background-3: #e7e7e7;--scalar-background-accent: #8ab4f81f;--scalar-color-1: #2a2f45;--scalar-color-2: #757575;--scalar-color-3: #8e8e8e;--scalar-color-accent: #0099ff;--scalar-border-color: rgba(0, 0, 0, .1)}.dark-mode{--scalar-background-1: #0f0f0f;--scalar-background-2: #1a1a1a;--scalar-background-3: #272727;--scalar-color-1: rgba(255, 255, 255, .9);--scalar-color-2: rgba(255, 255, 255, .62);--scalar-color-3: rgba(255, 255, 255, .44);--scalar-color-accent: #3ea6ff;--scalar-background-accent: #3ea6ff1f;--scalar-border-color: rgba(255, 255, 255, .1)}.light-mode .t-doc__sidebar,.dark-mode .t-doc__sidebar{--scalar-sidebar-background-1: var(--scalar-background-1);--scalar-sidebar-color-1: var(--scalar-color-1);--scalar-sidebar-color-2: var(--scalar-color-2);--scalar-sidebar-border-color: var(--scalar-border-color);--scalar-sidebar-item-hover-background: var(--scalar-background-2);--scalar-sidebar-item-hover-color: currentColor;--scalar-sidebar-item-active-background: var(--scalar-background-2);--scalar-sidebar-color-active: var(--scalar-color-1);--scalar-sidebar-search-background: transparent;--scalar-sidebar-search-color: var(--scalar-color-3);--scalar-sidebar-search-border-color: var(--scalar-border-color)}.light-mode{--scalar-color-green: #069061;--scalar-color-red: #ef0006;--scalar-color-yellow: #edbe20;--scalar-color-blue: #0082d0;--scalar-color-orange: #fb892c;--scalar-color-purple: #5203d1;--scalar-button-1: rgba(0, 0, 0, 1);--scalar-button-1-hover: rgba(0, 0, 0, .8);--scalar-button-1-color: rgba(255, 255, 255, .9)}.dark-mode{--scalar-color-green: #00b648;--scalar-color-red: #dc1b19;--scalar-color-yellow: #ffc90d;--scalar-color-blue: #4eb3ec;--scalar-color-orange: #ff8d4d;--scalar-color-purple: #b191f9;--scalar-button-1: rgba(255, 255, 255, 1);--scalar-button-1-hover: rgba(255, 255, 255, .9);--scalar-button-1-color: black}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }}:where(.scalar-app) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:where(.scalar-app) .pointer-events-none{pointer-events:none}:where(.scalar-app) .visible{visibility:visible}:where(.scalar-app) .invisible{visibility:hidden}:where(.scalar-app) .\!static{position:static!important}:where(.scalar-app) .static{position:static}:where(.scalar-app) .fixed{position:fixed}:where(.scalar-app) .absolute{position:absolute}:where(.scalar-app) .relative{position:relative}:where(.scalar-app) .sticky{position:sticky}:where(.scalar-app) .inset-0{top:0;right:0;bottom:0;left:0}:where(.scalar-app) .left-0{left:0}:where(.scalar-app) .left-3{left:12px}:where(.scalar-app) .top-0{top:0}:where(.scalar-app) .top-1\/2{top:50%}:where(.scalar-app) .top-\[0\.5px\]{top:.5px}:where(.scalar-app) .-z-1{z-index:-1}:where(.scalar-app) .z-\[1001\]{z-index:1001}:where(.scalar-app) .z-overlay{z-index:10000}:where(.scalar-app) .\!m-0{margin:0!important}:where(.scalar-app) .m-0{margin:0}:where(.scalar-app) .m-1{margin:4px}:where(.scalar-app) .-mx-0{margin-left:-0px;margin-right:-0px}:where(.scalar-app) .-mx-0\.75{margin-left:-3px;margin-right:-3px}:where(.scalar-app) .mx-2{margin-left:8px;margin-right:8px}:where(.scalar-app) .mx-auto{margin-left:auto;margin-right:auto}:where(.scalar-app) .my-0{margin-top:0;margin-bottom:0}:where(.scalar-app) .my-0\.75{margin-top:3px;margin-bottom:3px}:where(.scalar-app) .my-3{margin-top:12px;margin-bottom:12px}:where(.scalar-app) .-mb-1{margin-bottom:-4px}:where(.scalar-app) .mb-0{margin-bottom:0}:where(.scalar-app) .ml-1{margin-left:4px}:where(.scalar-app) .mr-2{margin-right:8px}:where(.scalar-app) .mr-3{margin-right:12px}:where(.scalar-app) .mt-0{margin-top:0}:where(.scalar-app) .mt-1{margin-top:4px}:where(.scalar-app) .mt-1\.5{margin-top:6px}:where(.scalar-app) .mt-20{margin-top:80px}:where(.scalar-app) .block{display:block}:where(.scalar-app) .inline-block{display:inline-block}:where(.scalar-app) .flex{display:flex}:where(.scalar-app) .grid{display:grid}:where(.scalar-app) .contents{display:contents}:where(.scalar-app) .hidden{display:none}:where(.scalar-app) .aspect-square{aspect-ratio:1 / 1}:where(.scalar-app) .size-10{width:40px;height:40px}:where(.scalar-app) .size-2{width:8px;height:8px}:where(.scalar-app) .size-2\.5{width:10px;height:10px}:where(.scalar-app) .size-3{width:12px;height:12px}:where(.scalar-app) .size-3\.5{width:14px;height:14px}:where(.scalar-app) .size-4{width:16px;height:16px}:where(.scalar-app) .size-5{width:20px;height:20px}:where(.scalar-app) .size-6{width:24px;height:24px}:where(.scalar-app) .size-8{width:32px;height:32px}:where(.scalar-app) .size-full{width:100%;height:100%}:where(.scalar-app) .h-10{height:40px}:where(.scalar-app) .h-4{height:16px}:where(.scalar-app) .h-5{height:20px}:where(.scalar-app) .h-72{height:288px}:where(.scalar-app) .h-8{height:32px}:where(.scalar-app) .h-\[100dvh\]{height:100dvh}:where(.scalar-app) .h-fit{height:-moz-fit-content;height:fit-content}:where(.scalar-app) .h-full{height:100%}:where(.scalar-app) .h-px{height:1px}:where(.scalar-app) .h-screen{height:100vh}:where(.scalar-app) .max-h-\[440px\]{max-height:440px}:where(.scalar-app) .max-h-\[calc\(100dvh-240px\)\]{max-height:calc(100dvh - 240px)}:where(.scalar-app) .min-h-\[77px\]{min-height:77px}:where(.scalar-app) .w-4{width:16px}:where(.scalar-app) .w-40{width:160px}:where(.scalar-app) .w-48{width:192px}:where(.scalar-app) .w-5{width:20px}:where(.scalar-app) .w-56{width:224px}:where(.scalar-app) .w-\[100dvw\]{width:100dvw}:where(.scalar-app) .w-full{width:100%}:where(.scalar-app) .min-w-0{min-width:0px}:where(.scalar-app) .max-w-screen-lg{max-width:800px}:where(.scalar-app) .max-w-screen-md{max-width:640px}:where(.scalar-app) .max-w-screen-sm{max-width:540px}:where(.scalar-app) .max-w-screen-xs{max-width:480px}:where(.scalar-app) .max-w-screen-xxs{max-width:360px}:where(.scalar-app) .flex-1{flex:1 1 0%}:where(.scalar-app) .origin-top-left{transform-origin:top left}:where(.scalar-app) .-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) .rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) .cursor-not-allowed{cursor:not-allowed}:where(.scalar-app) .cursor-pointer{cursor:pointer}:where(.scalar-app) .resize-none{resize:none}:where(.scalar-app) .resize{resize:both}:where(.scalar-app) .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}:where(.scalar-app) .flex-col{flex-direction:column}:where(.scalar-app) .flex-wrap{flex-wrap:wrap}:where(.scalar-app) .items-start{align-items:flex-start}:where(.scalar-app) .items-center{align-items:center}:where(.scalar-app) .justify-start{justify-content:flex-start}:where(.scalar-app) .justify-center{justify-content:center}:where(.scalar-app) .justify-between{justify-content:space-between}:where(.scalar-app) .gap-0{gap:0px}:where(.scalar-app) .gap-0\.75{gap:3px}:where(.scalar-app) .gap-1{gap:4px}:where(.scalar-app) .gap-1\.5{gap:6px}:where(.scalar-app) .gap-16{gap:64px}:where(.scalar-app) .gap-2{gap:8px}:where(.scalar-app) .gap-2\.5{gap:10px}:where(.scalar-app) .gap-4{gap:16px}:where(.scalar-app) .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(var(--scalar-border-width) * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(var(--scalar-border-width) * var(--tw-divide-y-reverse))}:where(.scalar-app) .self-center{align-self:center}:where(.scalar-app) .overflow-hidden{overflow:hidden}:where(.scalar-app) .overflow-y-auto{overflow-y:auto}:where(.scalar-app) .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.scalar-app) .text-wrap{text-wrap:wrap}:where(.scalar-app) .rounded{border-radius:var(--scalar-radius)}:where(.scalar-app) .rounded-full{border-radius:9999px}:where(.scalar-app) .rounded-lg{border-radius:var(--scalar-radius-lg)}:where(.scalar-app) .rounded-none{border-radius:0}:where(.scalar-app) .border{border-width:var(--scalar-border-width)}:where(.scalar-app) .border-0{border-width:0}:where(.scalar-app) .border-t{border-top-width:var(--scalar-border-width)}:where(.scalar-app) .border-solid{border-style:solid}:where(.scalar-app) .border-dashed{border-style:dashed}:where(.scalar-app) .border-none{border-style:none}:where(.scalar-app) .border-border{border-color:var(--scalar-border-color)}:where(.scalar-app) .border-c-3{border-color:var(--scalar-color-3)}:where(.scalar-app) .bg-b-1{background-color:var(--scalar-background-1)}:where(.scalar-app) .bg-b-2{background-color:var(--scalar-background-2)}:where(.scalar-app) .bg-b-btn{background-color:var(--scalar-button-1)}:where(.scalar-app) .bg-backdrop{background-color:#00000038}:where(.scalar-app) .bg-blue{background-color:var(--scalar-color-blue)}:where(.scalar-app) .bg-border{background-color:var(--scalar-border-color)}:where(.scalar-app) .bg-red{background-color:var(--scalar-color-red)}:where(.scalar-app) .bg-transparent{background-color:transparent}:where(.scalar-app) .p-0{padding:0}:where(.scalar-app) .p-0\.5{padding:2px}:where(.scalar-app) .p-0\.75{padding:3px}:where(.scalar-app) .p-1{padding:4px}:where(.scalar-app) .p-1\.5{padding:6px}:where(.scalar-app) .p-2{padding:8px}:where(.scalar-app) .p-3{padding:12px}:where(.scalar-app) .p-6{padding:24px}:where(.scalar-app) .p-\[3px\]{padding:3px}:where(.scalar-app) .px-1{padding-left:4px;padding-right:4px}:where(.scalar-app) .px-2{padding-left:8px;padding-right:8px}:where(.scalar-app) .px-2\.5{padding-left:10px;padding-right:10px}:where(.scalar-app) .px-3{padding-left:12px;padding-right:12px}:where(.scalar-app) .px-6{padding-left:24px;padding-right:24px}:where(.scalar-app) .px-9{padding-left:36px;padding-right:36px}:where(.scalar-app) .py-1{padding-top:4px;padding-bottom:4px}:where(.scalar-app) .py-1\.5{padding-top:6px;padding-bottom:6px}:where(.scalar-app) .py-2{padding-top:8px;padding-bottom:8px}:where(.scalar-app) .py-2\.5{padding-top:10px;padding-bottom:10px}:where(.scalar-app) .py-4{padding-top:16px;padding-bottom:16px}:where(.scalar-app) .pb-0{padding-bottom:0}:where(.scalar-app) .pl-8{padding-left:32px}:where(.scalar-app) .pr-3{padding-right:12px}:where(.scalar-app) .pt-3{padding-top:12px}:where(.scalar-app) .pt-6{padding-top:24px}:where(.scalar-app) .text-left{text-align:left}:where(.scalar-app) .font-code{font-family:var(--scalar-font-code)}:where(.scalar-app) .text-lg{font-size:var(--scalar-font-size-2)}:where(.scalar-app) .text-sm{font-size:var(--scalar-font-size-4)}:where(.scalar-app) .text-xs{font-size:var(--scalar-font-size-5)}:where(.scalar-app) .text-xxs{font-size:var(--scalar-font-size-6)}:where(.scalar-app) .font-bold{font-weight:var(--scalar-bold)}:where(.scalar-app) .font-medium{font-weight:var(--scalar-semibold)}:where(.scalar-app) .font-normal{font-weight:var(--scalar-regular)}:where(.scalar-app) .leading-none{line-height:1}:where(.scalar-app) .leading-snug{line-height:1.375}:where(.scalar-app) .text-b-1{color:var(--scalar-background-1)}:where(.scalar-app) .text-c-1{color:var(--scalar-color-1)}:where(.scalar-app) .text-c-2{color:var(--scalar-color-2)}:where(.scalar-app) .text-c-3{color:var(--scalar-color-3)}:where(.scalar-app) .text-c-btn{color:var(--scalar-button-1-color)}:where(.scalar-app) .text-c-ghost{color:var(--scalar-color-ghost)}:where(.scalar-app) .text-red{color:var(--scalar-color-red)}:where(.scalar-app) .text-transparent{color:transparent}:where(.scalar-app) .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}:where(.scalar-app) .no-underline{text-decoration-line:none}:where(.scalar-app) .opacity-0{opacity:0}:where(.scalar-app) .opacity-50{opacity:.5}:where(.scalar-app) .shadow{--tw-shadow: var(--scalar-shadow-1);--tw-shadow-colored: var(--scalar-shadow-1);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .shadow-lg{--tw-shadow: var(--scalar-shadow-2);--tw-shadow-colored: var(--scalar-shadow-2);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .shadow-md{--tw-shadow: var(--scalar-shadow-1);--tw-shadow-colored: var(--scalar-shadow-1);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .shadow-sm{--tw-shadow: rgba(0, 0, 0, .09) 0px 1px 4px;--tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .shadow-current{--tw-shadow-color: currentColor;--tw-shadow: var(--tw-shadow-colored)}:where(.scalar-app) .outline-none{outline:2px solid transparent;outline-offset:2px}:where(.scalar-app) .outline{outline-style:solid}:where(.scalar-app) .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.scalar-app) .brightness-lifted{--tw-brightness: brightness(var(--scalar-lifted-brightness));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.scalar-app) .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.scalar-app) .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.scalar-app) .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.scalar-app) .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.scalar-app) .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:where(.scalar-app) .bg-b-1{--tw-bg-base: var(--scalar-background-1)}:where(.scalar-app) .bg-b-2{--tw-bg-base: var(--scalar-background-2)}:where(.scalar-app) .bg-b-btn{--tw-bg-base: var(--scalar-button-1)}:where(.scalar-app) .bg-backdrop{--tw-bg-base: rgba(0, 0, 0, .22)}:where(.scalar-app) .bg-blue{--tw-bg-base: var(--scalar-color-blue)}:where(.scalar-app) .bg-border{--tw-bg-base: var(--scalar-border-color)}:where(.scalar-app) .bg-red{--tw-bg-base: var(--scalar-color-red)}:where(.scalar-app) .bg-transparent{--tw-bg-base: transparent}:where(.scalar-app) .row,:where(.scalar-app) .scalar-row{display:flex;flex-direction:row}:where(.scalar-app) .col{display:flex;flex-direction:column}:where(.scalar-app) .centered-x{left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) .centered{left:50%;--tw-translate-x: -50%;top:50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) .before\:mr-1:before{content:var(--tw-content);margin-right:4px}:where(.scalar-app) .before\:mr-1\.5:before{content:var(--tw-content);margin-right:6px}:where(.scalar-app) .before\:block:before{content:var(--tw-content);display:block}:where(.scalar-app) .before\:h-4:before{content:var(--tw-content);height:16px}:where(.scalar-app) .before\:w-4:before{content:var(--tw-content);width:16px}:where(.scalar-app) .before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}:where(.scalar-app) .before\:text-center:before{content:var(--tw-content);text-align:center}:where(.scalar-app) .before\:text-xxs:before{content:var(--tw-content);font-size:var(--scalar-font-size-6)}:where(.scalar-app) .before\:leading-4:before{content:var(--tw-content);line-height:var(--scalar-line-height-4)}:where(.scalar-app) .before\:text-white:before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}:where(.scalar-app) .first-of-type\:mt-0:first-of-type{margin-top:0}:where(.scalar-app) .first-of-type\:mt-0\.75:first-of-type{margin-top:3px}:where(.scalar-app) .last-of-type\:mb-0:last-of-type{margin-bottom:0}:where(.scalar-app) .last-of-type\:mb-0\.75:last-of-type{margin-bottom:3px}:where(.scalar-app) .empty\:hidden:empty{display:none}:where(.scalar-app) .hover\:bg-b-2:hover{background-color:var(--scalar-background-2)}:where(.scalar-app) .hover\:text-c-1:hover{color:var(--scalar-color-1)}:where(.scalar-app) .hover\:bg-b-2:hover{--tw-bg-base: var(--scalar-background-2)}:where(.scalar-app) .active\:bg-b-btn:active{background-color:var(--scalar-button-1)}:where(.scalar-app) .active\:text-c-1:active{color:var(--scalar-color-1)}:where(.scalar-app) .active\:shadow-none:active{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .active\:brightness-90:active{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.scalar-app) .active\:bg-b-btn:active{--tw-bg-base: var(--scalar-button-1)}:where(.scalar-app) .group:hover .group-hover\:text-c-1{color:var(--scalar-color-1)}:where(.scalar-app) .group:hover .group-hover\:shadow-border{--tw-shadow: inset 0 0 0 1px var(--scalar-border-color);--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.scalar-app) .group:hover .group-hover\:shadow-border{--tw-shadow-color: var(--scalar-border-color);--tw-shadow: var(--tw-shadow-colored)}:where(.scalar-app) .ui-open\:rotate-180[data-headlessui-state~=open]{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) :where([data-headlessui-state~=open]) .ui-open\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.scalar-app) .has-actv-btn\:border:has(button:active){border-width:var(--scalar-border-width)}:where(.scalar-app) .has-actv-btn\:border-border:has(button:active){border-color:var(--scalar-border-color)}:where(.scalar-app) .\!empty\:flex:not(:empty){display:flex}:where(.scalar-app) .\!empty\:w-7:not(:empty){width:28px}:where(.scalar-app) .\!empty\:items-center:not(:empty){align-items:center}:where(.scalar-app) .\!empty\:pr-3:not(:empty){padding-right:12px}:where(.scalar-app) .hocus\:bg-h-btn:hover{background-color:var(--scalar-button-1-hover)}:where(.scalar-app) .hocus\:text-c-1:hover{color:var(--scalar-color-1)}:where(.scalar-app) .hocus\:brightness-90:hover{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.scalar-app) .hocus\:bg-h-btn:hover{--tw-bg-base: var(--scalar-button-1-hover)}:where(.scalar-app) .hocus\:bg-h-btn:focus-visible{background-color:var(--scalar-button-1-hover)}:where(.scalar-app) .hocus\:text-c-1:focus-visible{color:var(--scalar-color-1)}:where(.scalar-app) .hocus\:brightness-90:focus-visible{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.scalar-app) .hocus\:bg-h-btn:focus-visible{--tw-bg-base: var(--scalar-button-1-hover)}@media (min-width: 800px){:where(.scalar-app) .md\:row{display:flex;flex-direction:row}}.loader-wrapper[data-v-5a129980]{position:relative;display:flex;align-items:center;justify-content:center;--loader-size: 50%}.svg-loader[data-v-5a129980]{width:var(--loader-size);height:var(--loader-size);top:1rem;right:.9rem;overflow:visible;fill:none;background-color:transparent;stroke:currentColor}.svg-path[data-v-5a129980]{stroke-width:14;fill:none;transition:.3s}.svg-x-mark[data-v-5a129980]{stroke-dasharray:57;stroke-dashoffset:57;transition-delay:0s}.svg-check-mark[data-v-5a129980]{stroke-dasharray:149;stroke-dashoffset:149;transition-delay:0s}.icon-is-invalid .svg-x-mark[data-v-5a129980],.icon-is-valid .svg-check-mark[data-v-5a129980]{stroke-dashoffset:0;transition-delay:.3s}.circular-loader[data-v-5a129980]{animation:rotate-5a129980 .7s linear infinite,fade-in-5a129980 .4s;transform-origin:center center;transform:scale(5);background:transparent}.loader-path[data-v-5a129980]{stroke-dasharray:50,200;stroke-dashoffset:-100;stroke-linecap:round}.loader-path-off[data-v-5a129980]{stroke-dasharray:50,200;stroke-dashoffset:-100;transition:opacity .3s;opacity:0}@keyframes fade-in-5a129980{0%{opacity:0}70%{opacity:0}to{opacity:1}}@keyframes rotate-5a129980{0%{transform:scale(5) rotate(0)}to{transform:scale(5) rotate(360deg)}}.scalar-icon[data-v-43d05207],.scalar-icon[data-v-43d05207] *{stroke-width:var(--5933775d)}.scalar-code-block{position:relative}.scalar-code-block:hover .copy-button{opacity:100;visibility:visible}.scalar-code-block .scalar-code-scroll.custom-scroll{padding:.5rem .5rem .5rem .75rem;overflow-x:auto;overflow-y:hidden}.scalar-codeblock-pre{margin:0;background:transparent;text-wrap:nowrap;white-space-collapse:preserve;border-radius:0}.scalar-code-copy{display:flex;align-items:start;justify-content:end;position:sticky;top:0;right:0;bottom:0;left:0}.copy-button{position:relative;top:8px;right:8px;display:flex;align-items:center;background-color:var(--scalar-background-2);border:1px solid var(--scalar-border-color);border-radius:3px;color:var(--scalar-color-3);cursor:pointer;height:30px;margin-bottom:-30px;opacity:0;padding:6px;transition:opacity .15s ease-in-out,color .15s ease-in-out;visibility:hidden}.scalar-code-copy,.copy-button{background:inherit}.copy-button:after{content:".";color:transparent;font-size:var(--scalar-mini);line-height:1.35;width:0px}.copy-button:hover{color:var(--scalar-color-1)}.copy-button svg{stroke-width:1.5}.scalar-app code.hljs *{font-size:var(--scalar-small);font-family:var(--scalar-font-code);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.4;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.scalar-app code.hljs{font-size:var(--scalar-small);font-family:var(--scalar-font-code);display:inline-block;counter-reset:linenumber}.scalar-app .hljs{background:transparent;color:var(--scalar-color-2)}.scalar-app .hljs .line:before{color:var(--scalar-color-3);display:inline-block;counter-increment:linenumber;content:counter(linenumber);margin-right:.7em;min-width:calc(var(--line-digits) * 1ch);text-align:right}.scalar-app .hljs-comment,.scalar-app .hljs-quote{color:var(--scalar-color-3);font-style:italic}.scalar-app .hljs-number{color:var(--scalar-color-orange)}.scalar-app .hljs-regexp,.scalar-app .hljs-string,.scalar-app .hljs-built_in{color:var(--scalar-color-blue)}.scalar-app .hljs-title.class_{color:var(--scalar-color-1)}.scalar-app .hljs-keyword{color:var(--scalar-color-purple)}.scalar-app .hljs-title.function_{color:var(--scalar-color-orange)}.scalar-app .hljs-subst,.scalar-app .hljs-name{color:var(--scalar-color-blue)}.scalar-app .hljs-attr,.scalar-app .hljs-attribute{color:var(--scalar-color-1)}.scalar-app .hljs-addition,.scalar-app .hljs-literal,.scalar-app .hljs-selector-tag,.scalar-app .hljs-type{color:var(--scalar-color-green)}.scalar-app .hljs-selector-attr,.scalar-app .hljs-selector-pseudo{color:var(--scalar-color-orange)}.scalar-app .hljs-doctag,.scalar-app .hljs-section,.scalar-app .hljs-title{color:var(--scalar-color-blue)}.scalar-app .hljs-selector-id,.scalar-app .hljs-template-variable,.scalar-app .hljs-variable{color:var(--scalar-color-1)}.scalar-app .hljs-name,.scalar-app .hljs-section,.scalar-app .hljs-strong{font-weight:var(--scalar-semibold)}.scalar-app .hljs-bullet,.scalar-app .hljs-link,.scalar-app .hljs-meta,.scalar-app .hljs-symbol{color:var(--scalar-color-blue)}.scalar-app .hljs-deletion{color:var(--scalar-color-red)}.scalar-app .hljs-formula{background:var(--scalar-color-1)}.scalar-app .hljs-emphasis{font-style:italic}.scalar-app .credentials{font-size:0!important;color:transparent}.scalar-app .credentials:after{content:"·····";font-size:var(--scalar-small);color:var(--scalar-color-3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.hljs.language-html{color:var(--scalar-color-1)}.hljs.language-html .hljs-attr{color:var(--scalar-color-2)}.hljs.language-curl .hljs-keyword{color:var(--scalar-color-orange)}.hljs.language-curl .hljs-string{color:var(--scalar-color-1)}.hljs.language-curl .hljs-literal,.hljs.language-php .hljs-variable{color:var(--scalar-color-blue)}.hljs.language-objectivec .hljs-meta{color:var(--scalar-color-1)}.hljs.language-objectivec .hljs-built_in,.hljs-built_in{color:var(--scalar-color-orange)}.scalar-app .markdown{font-family:var(--scalar-font);color:var(--scalar-color-1);word-break:break-word}.scalar-app .markdown h1,.scalar-app .markdown h2,.scalar-app .markdown h3,.scalar-app .markdown h4,.scalar-app .markdown h5,.scalar-app .markdown h6,.scalar-app .markdown p,.scalar-app .markdown div,.scalar-app .markdown img,.scalar-app .markdown details,.scalar-app .markdown summary,.scalar-app .markdown ul,.scalar-app .markdown ol,.scalar-app .markdown table,.scalar-app .markdown blockquote,.scalar-app .markdown code{margin:12px 0}.scalar-app .markdown details{margin:12px 0;color:var(--scalar-color-1)}.scalar-app .markdown summary{display:block;margin:12px 0;padding-left:20px;position:relative;font-weight:var(--scalar-semibold);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scalar-app .markdown summary:after{display:block;content:"";position:absolute;top:1px;left:1px;width:16px;height:16px;background-color:var(--scalar-color-3);-webkit-mask-image:url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.25 19.5L15.75 12L8.25 4.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');mask-image:url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.25 19.5L15.75 12L8.25 4.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.scalar-app .markdown summary:hover:after{background-color:var(--scalar-color-1)}.scalar-app .markdown details[open] summary:after{transform:rotate(90deg)}.scalar-app .markdown summary::-webkit-details-marker{display:none}.scalar-app .markdown img{overflow:hidden;border-radius:var(--scalar-radius);max-width:100%}.scalar-app .markdown>:first-child{margin-top:0;margin-bottom:0}.scalar-app .markdown h1{--font-size: 1.4em}.scalar-app .markdown h2{--font-size: 1.25em}.scalar-app .markdown h3{--font-size: 1.1em}.scalar-app .markdown h4,.scalar-app .markdown h6{--font-size: 1em}.scalar-app .markdown h1,.scalar-app .markdown h2,.scalar-app .markdown h3,.scalar-app .markdown h4,.scalar-app .markdown h5,.scalar-app .markdown h6{font-size:var(--font-size);margin:18px 0 6px;font-weight:var(--scalar-bold);display:block;line-height:1.45}.scalar-app .markdown b,.scalar-app .markdown strong{font-weight:var(--scalar-bold)}.scalar-app .markdown p{color:var(--scalar-color-1);font-weight:var(--font-weight, var(--scalar-regular));line-height:1.5;margin-bottom:0;display:block}.scalar-app .markdown ul,.scalar-app .markdown ol{padding-left:24px;line-height:1.5;margin:12px 0;display:block}.scalar-app .markdown ul{list-style:disc}.scalar-app .markdown ol{list-style:decimal}.scalar-app .markdown ul.contains-task-list{list-style:none;padding-left:0}.scalar-app .markdown li{margin:6px 0;display:list-item}.scalar-app .markdown ul:first-of-type li:first-of-type{margin-top:0}.scalar-app .markdown a{color:var(--scalar-color-accent);-webkit-text-decoration:var(--scalar-text-decoration);text-decoration:var(--scalar-text-decoration);cursor:pointer}.scalar-app .markdown a:hover{-webkit-text-decoration:var(--scalar-text-decoration-hover);text-decoration:var(--scalar-text-decoration-hover)}.scalar-app .markdown em{font-style:italic}.scalar-app .markdown sup{font-size:var(--scalar-micro);vertical-align:super;font-weight:450}.scalar-app .markdown sub{font-size:var(--scalar-micro);vertical-align:sub;font-weight:450}.scalar-app .markdown del{text-decoration:line-through}.scalar-app .markdown code{font-family:var(--scalar-font-code);background-color:var(--scalar-background-2);box-shadow:0 0 0 var(--scalar-border-width) var(--scalar-border-color);font-size:var(--scalar-micro);border-radius:2px;padding:0 3px}.scalar-app .markdown pre code{display:block;white-space:pre;padding:12px;line-height:1.5;margin:12px 0;-webkit-overflow-scrolling:touch;overflow-x:auto;max-width:100%;min-width:100px}.scalar-app .markdown hr{border:none;border-bottom:var(--scalar-border-width) solid var(--scalar-border-color)}.scalar-app .markdown blockquote{border-left:3px solid var(--scalar-border-color);padding-left:12px;margin:0;display:block}.scalar-app .markdown table{display:block;overflow-x:auto;position:relative;border-collapse:collapse;width:-moz-max-content;width:max-content;max-width:100%;margin:1em 0;box-shadow:0 0 0 var(--scalar-border-width) var(--scalar-border-color);border-radius:var(--scalar-radius-lg)}.scalar-app .markdown tbody{display:table-row-group;vertical-align:middle}.scalar-app .markdown thead{display:table-header-group;vertical-align:middle}.scalar-app .markdown tr{display:table-row;border-color:inherit;vertical-align:inherit}.scalar-app .markdown td,.scalar-app .markdown th{display:table-cell;vertical-align:inherit;min-width:1em;padding:6px 9px;vertical-align:top;line-height:1.5;position:relative;word-break:initial;font-size:var(--scalar-small);color:var(--scalar-color-1);font-weight:var(--font-weight, var(--scalar-regular));border-right:var(--scalar-border-width) solid var(--scalar-border-color);border-bottom:var(--scalar-border-width) solid var(--scalar-border-color)}.scalar-app .markdown td>*,.scalar-app .markdown th>*{margin-bottom:0}.scalar-app .markdown th:empty{display:none}.scalar-app .markdown td:first-of-type,.scalar-app .markdown th:first-of-type{border-left:none}.scalar-app .markdown td:last-of-type,.scalar-app .markdown th:last-of-type{border-right:none}.scalar-app .markdown tr:last-of-type td{border-bottom:none}.scalar-app .markdown th{font-weight:var(--scalar-semibold)!important;text-align:left;border-left-color:transparent;background:var(--scalar-background-2)}.scalar-app .markdown tr>[align=left]{text-align:left}.scalar-app .markdown tr>[align=right]{text-align:right}.scalar-app .markdown tr>[align=center]{text-align:center}.scalar-input-wrapper-focus .scalar-input-label[data-v-73231cf7]{color:var(--scalar-color-1)}.scalar-input-wrapper-error .scalar-input-label[data-v-73231cf7]{color:var(--scalar-color-error-color)}.scalar-input[data-v-73231cf7]::-moz-selection{color:var(--scalar-color-1);background:#ffa55859}.scalar-input[data-v-73231cf7]::selection{color:var(--scalar-color-1);background:#ffa55859}.scalar-input[data-v-73231cf7]:has(+.scalar-input-label){opacity:0}.scalar-input[data-v-73231cf7]:not(:-moz-placeholder-shown){opacity:1;-moz-transition:opacity .2s ease-in-out .15s;transition:opacity .2s ease-in-out .15s}.scalar-input[data-v-73231cf7]:not(:placeholder-shown),.scalar-input-wrapper-focus .scalar-input[data-v-73231cf7]{opacity:1;transition:opacity .2s ease-in-out .15s}.scalar-input[data-v-73231cf7]:-webkit-autofill,.scalar-input[data-v-73231cf7]:-webkit-autofill:hover,.scalar-input[data-v-73231cf7]:-webkit-autofill:focus,.scalar-input[data-v-73231cf7]:-webkit-autofill:active,.scalar-input[data-v-73231cf7]:focus-within:-webkit-autofill,.scalar-input[data-v-73231cf7]:focus-within:-webkit-autofill:hover,.scalar-input[data-v-73231cf7]:focus-within:-webkit-autofill:focus,.scalar-input[data-v-73231cf7]:focus-within:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px var(--scalar-background-1) inset!important;-webkit-text-fill-color:var(--scalar-color-1);color:var(--scalar-color-1);border-radius:var(--scalar-radius)}.scalar-input:not(:-moz-placeholder-shown)+.scalar-input-label[data-v-73231cf7]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus .scalar-input-label[data-v-73231cf7],.scalar-input:not(:placeholder-shown)+.scalar-input-label[data-v-73231cf7]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus:has(button:active) .scalar-input-label[data-v-73231cf7]{color:var(--scalar-color-3)!important}
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "url": "https://github.com/scalar/scalar.git",
11
11
  "directory": "packages/components"
12
12
  },
13
- "version": "0.12.35",
13
+ "version": "0.12.37",
14
14
  "engines": {
15
15
  "node": ">=18"
16
16
  },