@livestorm/ui-vue 2.0.2 → 2.0.4

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 (37) hide show
  1. package/README.md +79 -93
  2. package/dist/{UiTimelineItem.vue_vue_type_style_index_0_lang-B0UKmlqE.mjs → UiTimelineItem.vue_vue_type_style_index_0_lang-BtG5oABt.mjs} +1595 -1594
  3. package/dist/components.mjs +1 -1
  4. package/dist/i18n-Cktw9hIu.mjs +49 -0
  5. package/dist/index.mjs +1 -1
  6. package/dist/integrations.mjs +10 -4
  7. package/dist/layouts.mjs +1 -1
  8. package/dist/types/src/components/Toast/ToastMessage.vue.d.ts +4 -4
  9. package/dist/types/src/components/UiBanner/UiBanner.vue.d.ts +2 -2
  10. package/dist/types/src/components/UiButton/UiButton.vue.d.ts +1 -1
  11. package/dist/types/src/components/UiButtonGroup/UiButtonGroup.vue.d.ts +1 -1
  12. package/dist/types/src/components/UiColorField/UiColorField.vue.d.ts +2 -2
  13. package/dist/types/src/components/UiColorPicker/UiColorPicker.vue.d.ts +2 -2
  14. package/dist/types/src/components/UiDropdown/UiDropdownTrigger.vue.d.ts +1 -1
  15. package/dist/types/src/components/UiFieldWrapper/UiFieldWrapper.vue.d.ts +1 -1
  16. package/dist/types/src/components/UiForm/UiFormField.vue.d.ts +1 -1
  17. package/dist/types/src/components/UiInputCheckbox/UiInputCheckbox.vue.d.ts +5 -5
  18. package/dist/types/src/components/UiInputSelect/UiInputSelect.vue.d.ts +3 -3
  19. package/dist/types/src/components/UiInputTextarea/UiInputTextarea.vue.d.ts +3 -3
  20. package/dist/types/src/components/UiTextField/UiTextField.vue.d.ts +5 -5
  21. package/dist/types/src/composables/useButtonStyles.d.ts +1 -1
  22. package/dist/types/src/integrations/index.d.ts +1 -0
  23. package/dist/types/src/utils/i18n.d.ts +51 -0
  24. package/dist/ui-vue.css +1 -1
  25. package/dist/{useThemeAndModes-DY5SDC0a.mjs → useThemeAndModes-CUK56j0z.mjs} +20 -21
  26. package/dist/utils.mjs +55 -55
  27. package/integrations.d.ts +1 -0
  28. package/package.json +26 -19
  29. package/src/components/UiBanner/UiBanner.vue +4 -2
  30. package/src/components/UiDialog/UiDialogContent.vue +12 -4
  31. package/src/components/UiSideMenu/UiSideMenu.vue +4 -3
  32. package/src/composables/useThemeAndModes.ts +8 -4
  33. package/src/css/body.css +15 -7
  34. package/src/css/fonts.css +10 -0
  35. package/src/integrations/index.js +1 -0
  36. package/src/utils/clipboard.js +5 -2
  37. package/src/utils/i18n.ts +113 -0
@@ -1,4 +1,4 @@
1
- import { _ as xe, a as he, b as ke, c as Ge, d as He, e as Re, f as Ee, I as We, g as Ne, h as qe, i as Ke, j as Qe, k as Ve, l as Xe, X as Ye, $ as Ze, Z as Je, t as eo, x as oo, u as to, v as no, w as _o, n as io, z as ro, m as co, o as lo, p as so, r as ao, s as uo, y as po, A as mo, D as vo, F as bo, G as Uo, K as go, L as fo, M as So, N as To, O as yo, P as jo, Q as Oo, R as Mo, S as Po, T as zo, V as $o, W as Bo, Y as Do, a2 as Co, a5 as Io, a4 as Lo, a7 as Ao, a8 as wo, aa as Fo, ab as xo, ae as ho, ag as ko, ah as Go, ai as Ho, aj as Ro, ak as Eo, an as Wo, ao as No, ap as r, aq as c, ar as l, as as s, at as a, au as u, av as p, aw as m, ax as v, ay as b, az as U, aA as g, aB as d, aC as f, aD as S, aE as T, aF as y } from "./UiTimelineItem.vue_vue_type_style_index_0_lang-B0UKmlqE.mjs";
1
+ import { _ as xe, a as he, b as ke, c as Ge, d as He, e as Re, f as Ee, I as We, g as Ne, h as qe, i as Ke, j as Qe, k as Ve, l as Xe, X as Ye, $ as Ze, Z as Je, t as eo, x as oo, u as to, v as no, w as _o, n as io, z as ro, m as co, o as lo, p as so, r as ao, s as uo, y as po, A as mo, D as vo, F as bo, G as Uo, K as go, L as fo, M as So, N as To, O as yo, P as jo, Q as Oo, R as Mo, S as Po, T as zo, V as $o, W as Bo, Y as Do, a2 as Co, a5 as Io, a4 as Lo, a7 as Ao, a8 as wo, aa as Fo, ab as xo, ae as ho, ag as ko, ah as Go, ai as Ho, aj as Ro, ak as Eo, an as Wo, ao as No, ap as r, aq as c, ar as l, as as s, at as a, au as u, av as p, aw as m, ax as v, ay as b, az as U, aA as g, aB as d, aC as f, aD as S, aE as T, aF as y } from "./UiTimelineItem.vue_vue_type_style_index_0_lang-BtG5oABt.mjs";
2
2
  import { b as qo, c as Ko, a as Qo, _ as Vo } from "./a11y--y7uaY4j.mjs";
3
3
  import { RenderSlot as j } from "./slot.mjs";
4
4
  const O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -0,0 +1,49 @@
1
+ import r from "i18next";
2
+ import { getCurrentInstance as c, inject as _ } from "vue";
3
+ const o = {
4
+ en: {
5
+ general_close: "Close",
6
+ general_dialog_title: "Dialog",
7
+ "general_misc_copied-text": "Copied!",
8
+ "room_bottom-bar_controls-label_more": "More"
9
+ },
10
+ fr: {
11
+ general_close: "Fermer",
12
+ general_dialog_title: "Dialog",
13
+ "general_misc_copied-text": "Copié !",
14
+ "room_bottom-bar_controls-label_more": "Plus"
15
+ }
16
+ }, p = Object.freeze(Object.keys(o.en)), m = /* @__PURE__ */ Symbol("ui-vue-translator");
17
+ let i = null;
18
+ function b(n) {
19
+ i = n;
20
+ }
21
+ function s(n, e) {
22
+ if (!n) return null;
23
+ const t = n(e);
24
+ return typeof t == "string" && t !== e ? t : null;
25
+ }
26
+ function L(n) {
27
+ return a(null, n);
28
+ }
29
+ function A() {
30
+ const n = c() ? _(m, null) : null;
31
+ return (e) => a(n, e);
32
+ }
33
+ function a(n, e) {
34
+ const t = s(n, e);
35
+ if (t !== null) return t;
36
+ const l = s(i, e);
37
+ if (l !== null) return l;
38
+ if (r.isInitialized && r.exists(e))
39
+ return r.t(e);
40
+ const u = typeof document > "u" ? "en" : (document.documentElement.lang || "en").toLowerCase().split("-")[0];
41
+ return (o[u] || o.en)[e] ?? o.en[e] ?? e;
42
+ }
43
+ export {
44
+ p as B,
45
+ m as U,
46
+ b as s,
47
+ L as t,
48
+ A as u
49
+ };
package/dist/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as e, a as s, b as o, c as U, d as r, e as t, f as n, g as p, h as l, U as u, i as d, j as g, k as T, l as S, m, n as b, o as C, p as M, q as I, r as c, s as B, t as D, u as P, v as L, w as v, x as A, y as w, z as F, A as x, B as h, C as H, D as f, E as k, F as G, G as y, H as R, I as j, J as z, K as E, L as W, M as _, N as q, O as J, P as K, Q as N, R as O, S as Q, T as V, V as X, W as Y, X as Z, Y as $, Z as aa, $ as ia, a0 as ea, a1 as sa, a2 as oa, a3 as Ua, a4 as ra, a5 as ta, a6 as na, a7 as pa, a8 as la, a9 as ua, aa as da, ab as ga, ac as Ta, ad as Sa, ae as ma, af as ba, ag as Ca, ah as Ma, ai as Ia, aj as ca, ak as Ba, al as Da, am as Pa, an as La, ao as va } from "./UiTimelineItem.vue_vue_type_style_index_0_lang-B0UKmlqE.mjs";
1
+ import { _ as e, a as s, b as o, c as U, d as r, e as t, f as n, g as p, h as l, U as u, i as d, j as g, k as T, l as S, m, n as b, o as C, p as M, q as I, r as c, s as B, t as D, u as P, v as L, w as v, x as A, y as w, z as F, A as x, B as h, C as H, D as f, E as k, F as G, G as y, H as R, I as j, J as z, K as E, L as W, M as _, N as q, O as J, P as K, Q as N, R as O, S as Q, T as V, V as X, W as Y, X as Z, Y as $, Z as aa, $ as ia, a0 as ea, a1 as sa, a2 as oa, a3 as Ua, a4 as ra, a5 as ta, a6 as na, a7 as pa, a8 as la, a9 as ua, aa as da, ab as ga, ac as Ta, ad as Sa, ae as ma, af as ba, ag as Ca, ah as Ma, ai as Ia, aj as ca, ak as Ba, al as Da, am as Pa, an as La, ao as va } from "./UiTimelineItem.vue_vue_type_style_index_0_lang-BtG5oABt.mjs";
2
2
  import { _ as wa, a as Fa, b as xa, c as ha } from "./a11y--y7uaY4j.mjs";
3
3
  export {
4
4
  e as UiActionBar,
@@ -1,8 +1,14 @@
1
- import { a as o, c as e, o as t, r, u as T } from "./toastDSV2-wMh-UMzW.mjs";
1
+ import { a as e, c as o, o as t, r, u as T } from "./toastDSV2-wMh-UMzW.mjs";
2
+ import { B as n, U as _, s as c, t as u, u as L } from "./i18n-Cktw9hIu.mjs";
2
3
  export {
3
- o as cancelCloseTimer,
4
- e as closeToast,
4
+ n as BUILT_IN_LABEL_KEYS,
5
+ _ as UI_VUE_TRANSLATOR,
6
+ e as cancelCloseTimer,
7
+ o as closeToast,
5
8
  t as openToast,
6
9
  r as resetToasts,
7
- T as useToasts
10
+ c as setTranslator,
11
+ u as translate,
12
+ T as useToasts,
13
+ L as useTranslate
8
14
  };
package/dist/layouts.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as I, computed as w, ref as C, onMounted as M, resolveComponent as E, createElementBlock as n, openBlock as t, createElementVNode as v, createCommentVNode as a, createBlock as y, resolveDynamicComponent as P, normalizeProps as z, guardReactiveProps as H, Fragment as k, normalizeClass as b, normalizeStyle as N, toDisplayString as f, withKeys as S, withCtx as h, createTextVNode as B, getCurrentInstance as D, createVNode as L, Transition as V, TransitionGroup as A, renderList as R, unref as x, mergeProps as j } from "vue";
2
2
  import { useResponsive as K } from "./responsive.mjs";
3
3
  import { u as U } from "./toastDSV2-wMh-UMzW.mjs";
4
- import { u as F } from "./useThemeAndModes-DY5SDC0a.mjs";
4
+ import { u as F } from "./useThemeAndModes-CUK56j0z.mjs";
5
5
  const G = ["data-testid"], O = {
6
6
  key: 1,
7
7
  class: "absolute h-1 bg-grey-100 top-0 left-0 w-full"
@@ -1,15 +1,15 @@
1
1
  import type { ToastOptions } from './toastDSV2';
2
2
  declare const __VLS_export: import("vue").DefineComponent<Partial<ToastOptions>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
- cancel: (...args: any[]) => void;
4
- close: (...args: any[]) => void;
5
3
  mouseenter: (...args: any[]) => void;
6
4
  mouseleave: (...args: any[]) => void;
5
+ close: (...args: any[]) => void;
6
+ cancel: (...args: any[]) => void;
7
7
  confirm: (...args: any[]) => void;
8
8
  }, string, import("vue").PublicProps, Readonly<Partial<ToastOptions>> & Readonly<{
9
- onCancel?: ((...args: any[]) => any) | undefined;
10
- onClose?: ((...args: any[]) => any) | undefined;
11
9
  onMouseenter?: ((...args: any[]) => any) | undefined;
12
10
  onMouseleave?: ((...args: any[]) => any) | undefined;
11
+ onClose?: ((...args: any[]) => any) | undefined;
12
+ onCancel?: ((...args: any[]) => any) | undefined;
13
13
  onConfirm?: ((...args: any[]) => any) | undefined;
14
14
  }>, {
15
15
  type: import("../../theme").ThemeColorType;
@@ -65,12 +65,12 @@ type __VLS_Slots = {} & {
65
65
  description?: (props: typeof __VLS_3) => any;
66
66
  };
67
67
  declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
68
- close: () => any;
69
68
  "banner-action": () => any;
69
+ close: () => any;
70
70
  "update:closed": (value: boolean) => any;
71
71
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
72
- onClose?: (() => any) | undefined;
73
72
  "onBanner-action"?: (() => any) | undefined;
73
+ onClose?: (() => any) | undefined;
74
74
  "onUpdate:closed"?: ((value: boolean) => any) | undefined;
75
75
  }>, {
76
76
  variant: "full-width" | "horizontal" | "vertical";
@@ -221,7 +221,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
221
221
  to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
222
222
  href: string;
223
223
  variant: "cta" | "cta-alpha" | "secondary" | "tertiary";
224
- color: "error" | "primary" | "neutral" | "warning" | "success" | "neutral-invert";
224
+ color: "primary" | "neutral" | "warning" | "success" | "error" | "neutral-invert";
225
225
  showIconLeft: boolean;
226
226
  iconRight: string | boolean;
227
227
  loading: boolean;
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<UiButtonGroupProps, {},
27
27
  size: ButtonGroupSize;
28
28
  disabled: boolean;
29
29
  color: ButtonGroupColor;
30
- name: string;
31
30
  defaultValue: string;
31
+ name: string;
32
32
  modelValue: string;
33
33
  allowDeselect: boolean;
34
34
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -1,10 +1,10 @@
1
1
  import type { UiColorFieldProps } from './types';
2
2
  declare const __VLS_export: import("vue").DefineComponent<UiColorFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
- change: (value: string) => any;
4
3
  "update:modelValue": (value: string) => any;
4
+ change: (value: string) => any;
5
5
  }, string, import("vue").PublicProps, Readonly<UiColorFieldProps> & Readonly<{
6
- onChange?: ((value: string) => any) | undefined;
7
6
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
7
+ onChange?: ((value: string) => any) | undefined;
8
8
  }>, {
9
9
  size: import("../UiTextField").TextFieldSize;
10
10
  ariaLabel: string;
@@ -5,15 +5,15 @@ type __VLS_Slots = {} & {
5
5
  footer?: (props: typeof __VLS_144) => any;
6
6
  };
7
7
  declare const __VLS_base: import("vue").DefineComponent<UiColorPickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
8
- change: (value: string) => any;
9
8
  "update:modelValue": (value: string) => any;
10
9
  "update:color": (color: Color) => any;
11
10
  "update:selectedPresetValue": (value: string) => any;
11
+ change: (value: string) => any;
12
12
  }, string, import("vue").PublicProps, Readonly<UiColorPickerProps> & Readonly<{
13
- onChange?: ((value: string) => any) | undefined;
14
13
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
15
14
  "onUpdate:color"?: ((color: Color) => any) | undefined;
16
15
  "onUpdate:selectedPresetValue"?: ((value: string) => any) | undefined;
16
+ onChange?: ((value: string) => any) | undefined;
17
17
  }>, {
18
18
  disabled: boolean;
19
19
  variant: import("./types").UiColorPickerVariant;
@@ -28,10 +28,10 @@ type __VLS_Slots = {} & {
28
28
  };
29
29
  declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
30
30
  size: TSize;
31
- error: boolean;
32
31
  disabled: boolean;
33
32
  variant: TVariant;
34
33
  color: TColor;
34
+ error: boolean;
35
35
  showIcon: boolean;
36
36
  placeholder: string;
37
37
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -19,8 +19,8 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
19
19
  fieldId: import("vue").ComputedRef<string>;
20
20
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
21
21
  label: string;
22
- error: boolean;
23
22
  required: boolean;
23
+ error: boolean;
24
24
  id: string;
25
25
  labelInfo: string;
26
26
  helperMessage: string;
@@ -23,7 +23,7 @@ declare const __VLS_export: <TFormData extends object, TName extends keyof TForm
23
23
  };
24
24
  emit: {};
25
25
  }>) => import("vue").VNode & {
26
- __ctx?: Awaited<typeof __VLS_setup>;
26
+ __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
27
27
  };
28
28
  declare const _default: typeof __VLS_export;
29
29
  export default _default;
@@ -80,21 +80,21 @@ declare const __VLS_base: import("vue").DefineComponent<UiInputCheckboxProps, {
80
80
  focus: () => void | undefined;
81
81
  blur: () => void | undefined;
82
82
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
83
- blur: (event: FocusEvent) => any;
83
+ "update:modelValue": (value: string | number | boolean | (string | number)[]) => any;
84
84
  change: (event: Event) => any;
85
+ blur: (event: FocusEvent) => any;
85
86
  focus: (event: FocusEvent) => any;
86
- "update:modelValue": (value: string | number | boolean | (string | number)[]) => any;
87
87
  }, string, import("vue").PublicProps, Readonly<UiInputCheckboxProps> & Readonly<{
88
- onBlur?: ((event: FocusEvent) => any) | undefined;
88
+ "onUpdate:modelValue"?: ((value: string | number | boolean | (string | number)[]) => any) | undefined;
89
89
  onChange?: ((event: Event) => any) | undefined;
90
+ onBlur?: ((event: FocusEvent) => any) | undefined;
90
91
  onFocus?: ((event: FocusEvent) => any) | undefined;
91
- "onUpdate:modelValue"?: ((value: string | number | boolean | (string | number)[]) => any) | undefined;
92
92
  }>, {
93
93
  orientation: "horizontal" | "vertical";
94
94
  size: CheckboxSize;
95
- error: boolean;
96
95
  disabled: boolean;
97
96
  required: boolean;
97
+ error: boolean;
98
98
  checked: boolean;
99
99
  indeterminate: boolean;
100
100
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -32,18 +32,18 @@ type __VLS_Slots = {} & {
32
32
  default?: (props: typeof __VLS_37) => any;
33
33
  };
34
34
  declare const __VLS_base: import("vue").DefineComponent<UiInputSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
35
- blur: (event: FocusEvent) => any;
36
35
  "update:modelValue": (value: string | string[] | undefined) => any;
36
+ blur: (event: FocusEvent) => any;
37
37
  }, string, import("vue").PublicProps, Readonly<UiInputSelectProps> & Readonly<{
38
- onBlur?: ((event: FocusEvent) => any) | undefined;
39
38
  "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
39
+ onBlur?: ((event: FocusEvent) => any) | undefined;
40
40
  }>, {
41
41
  size: SelectSize;
42
42
  label: string;
43
- error: boolean;
44
43
  disabled: boolean;
45
44
  defaultOpen: boolean;
46
45
  required: boolean;
46
+ error: boolean;
47
47
  loading: boolean;
48
48
  name: string;
49
49
  modelValue: string | string[] | null;
@@ -22,22 +22,22 @@ declare const __VLS_export: import("vue").DefineComponent<UiInputTextareaProps,
22
22
  focus: () => void | undefined;
23
23
  blur: () => void | undefined;
24
24
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
25
+ "update:modelValue": (value: string) => any;
25
26
  blur: (event: FocusEvent) => any;
26
27
  focus: (event: FocusEvent) => any;
27
28
  keydown: (event: KeyboardEvent) => any;
28
29
  keyup: (event: KeyboardEvent) => any;
29
- "update:modelValue": (value: string) => any;
30
30
  }, string, import("vue").PublicProps, Readonly<UiInputTextareaProps> & Readonly<{
31
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
31
32
  onBlur?: ((event: FocusEvent) => any) | undefined;
32
33
  onFocus?: ((event: FocusEvent) => any) | undefined;
33
34
  onKeydown?: ((event: KeyboardEvent) => any) | undefined;
34
35
  onKeyup?: ((event: KeyboardEvent) => any) | undefined;
35
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
36
36
  }>, {
37
37
  size: TextareaSize;
38
- error: boolean;
39
38
  disabled: boolean;
40
39
  required: boolean;
40
+ error: boolean;
41
41
  loading: boolean;
42
42
  modelValue: string;
43
43
  placeholder: string;
@@ -30,26 +30,26 @@ declare const __VLS_base: import("vue").DefineComponent<UiTextFieldProps, {
30
30
  blur: () => void | undefined;
31
31
  insertAtCursor: (text: string) => void;
32
32
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
33
+ clear: () => any;
34
+ "update:modelValue": (value: string) => any;
33
35
  blur: (event: FocusEvent) => any;
34
36
  focus: (event: FocusEvent) => any;
35
37
  keydown: (event: KeyboardEvent) => any;
36
38
  keyup: (event: KeyboardEvent) => any;
37
- clear: () => any;
38
- "update:modelValue": (value: string) => any;
39
39
  }, string, import("vue").PublicProps, Readonly<UiTextFieldProps> & Readonly<{
40
+ onClear?: (() => any) | undefined;
41
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
40
42
  onBlur?: ((event: FocusEvent) => any) | undefined;
41
43
  onFocus?: ((event: FocusEvent) => any) | undefined;
42
44
  onKeydown?: ((event: KeyboardEvent) => any) | undefined;
43
45
  onKeyup?: ((event: KeyboardEvent) => any) | undefined;
44
- onClear?: (() => any) | undefined;
45
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
46
46
  }>, {
47
47
  size: TextFieldSize;
48
48
  ariaLabel: string;
49
- error: boolean;
50
49
  type: string;
51
50
  disabled: boolean;
52
51
  required: boolean;
52
+ error: boolean;
53
53
  loading: boolean;
54
54
  modelValue: string;
55
55
  clearable: boolean;
@@ -11,7 +11,7 @@ export interface UseButtonStylesOptions {
11
11
  }
12
12
  export declare function useButtonStyles(options: UseButtonStylesOptions): {
13
13
  variant: import("vue").ComputedRef<"cta" | "cta-alpha" | "secondary" | "tertiary">;
14
- color: import("vue").ComputedRef<"error" | "primary" | "neutral" | "warning" | "success" | "neutral-invert">;
14
+ color: import("vue").ComputedRef<"primary" | "neutral" | "warning" | "success" | "error" | "neutral-invert">;
15
15
  bgClass: import("vue").ComputedRef<string>;
16
16
  textClass: import("vue").ComputedRef<string>;
17
17
  borderClasses: import("vue").ComputedRef<string[]>;
@@ -1 +1,2 @@
1
1
  export * from "../components/Toast/toastDSV2";
2
+ export * from "../utils/i18n";
@@ -0,0 +1,51 @@
1
+ import type { InjectionKey } from 'vue';
2
+ /**
3
+ * Keys of the built-in labels. They MUST stay identical to the Livestorm
4
+ * app locale keys (Phrase): inside the app, translate() resolves through
5
+ * the app's i18next with these exact keys, and a silent mismatch would
6
+ * downgrade users to the EN/FR fallbacks. A spec in packages/frontend
7
+ * locks this contract against the app locales.
8
+ */
9
+ export declare const BUILT_IN_LABEL_KEYS: readonly string[];
10
+ /**
11
+ * A host-provided translate function. Return the translated string, or the
12
+ * key itself / null / undefined to decline and let the built-in bundles
13
+ * answer.
14
+ */
15
+ export type Translator = (key: string) => string | null | undefined;
16
+ /**
17
+ * App-scoped translator: `app.provide(UI_VUE_TRANSLATOR, fn)` wires the
18
+ * host's i18n per application instance. This is the ONLY safe wiring for
19
+ * SSR servers rendering per-request locales — module state is shared
20
+ * between concurrent requests, an app-provided translator is not.
21
+ */
22
+ export declare const UI_VUE_TRANSLATOR: InjectionKey<Translator>;
23
+ /**
24
+ * Plug the host app's own i18n stack (an i18next `createInstance()`,
25
+ * vue-i18n, anything callable) into the library's built-in labels. An
26
+ * explicitly wired translator wins over the ambient i18next singleton.
27
+ * Pass null to restore the default behavior.
28
+ *
29
+ * This is process-level state, right for SPAs and static setups. On an SSR
30
+ * server with per-request locales, provide UI_VUE_TRANSLATOR on the app
31
+ * instead: concurrent renders would otherwise overwrite each other here.
32
+ */
33
+ export declare function setTranslator(translator: Translator | null): void;
34
+ /**
35
+ * Translate a key for a component's built-in label. Resolution order:
36
+ * 1. the translator wired via setTranslator(), when it answers;
37
+ * 2. the ambient i18next singleton, when initialized and it has the key
38
+ * (the Livestorm app path);
39
+ * 3. the built-in EN/FR bundles, language picked from `<html lang>`.
40
+ * Apps not using i18next at all get proper strings instead of raw keys.
41
+ *
42
+ * Components call this through useTranslate(), which puts an app-provided
43
+ * UI_VUE_TRANSLATOR at the very top of that chain.
44
+ */
45
+ export declare function translate(key: string): string;
46
+ /**
47
+ * Component-side accessor: returns a translate function bound to the
48
+ * app-provided UI_VUE_TRANSLATOR when called inside setup(), falling back
49
+ * to the process-level chain otherwise. Safe to call outside a component.
50
+ */
51
+ export declare function useTranslate(): (key: string) => string;
package/dist/ui-vue.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.ui-tooltip-content{transform-origin:var(--reka-tooltip-content-transform-origin, center)}.ui-popover-content{transform-origin:var(--reka-popover-content-transform-origin, center)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-07865de6],[data-v-07865de6]:before,[data-v-07865de6]:after,[data-v-07865de6]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--ui-text-field-fade-left:0px;--ui-text-field-fade-right:0px}}}.ui-text-field-field[data-v-07865de6]{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);width:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));padding-right:0;padding-left:calc(var(--spacing,.25rem) * 3);border-width:1px;display:flex;position:relative}.ui-text-field-field--default[data-v-07865de6]{border-color:var(--color-borders-neutral-strong,var(--color-neutral-alpha-dark-600));background-color:var(--color-actions-neutral-idle-alpha-light,var(--color-neutral-alpha-dark-100))}.ui-text-field-field--default:not(.ui-text-field-field--disabled):hover .ui-text-field-overlay[data-v-07865de6]{background-color:var(--color-actions-neutral-hover-overlay,var(--color-neutral-alpha-dark-100))}.ui-text-field-field--default:not(.ui-text-field-field--disabled).ui-text-field-field--focused[data-v-07865de6]{border-color:var(--color-actions-primary-idle-alpha-strong,var(--color-brand-alpha-dark-700));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}.ui-text-field-field--default:not(.ui-text-field-field--disabled).ui-text-field-field--focused .ui-text-field-overlay[data-v-07865de6]{background:0 0}.ui-text-field-field--error[data-v-07865de6]{border-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));background-color:var(--color-actions-danger-idle-alpha-light,var(--color-red-alpha-dark-200))}.ui-text-field-field--error:not(.ui-text-field-field--disabled):hover .ui-text-field-overlay[data-v-07865de6]{background-color:var(--color-actions-danger-hover-overlay,var(--color-red-alpha-dark-200))}.ui-text-field-field--error:not(.ui-text-field-field--disabled).ui-text-field-field--focused[data-v-07865de6]{border-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));--tw-ring-inset:inset}.ui-text-field-field--error:not(.ui-text-field-field--disabled).ui-text-field-field--focused .ui-text-field-overlay[data-v-07865de6]{background:0 0}.ui-text-field-field--disabled[data-v-07865de6]{cursor:not-allowed;opacity:.5}.ui-text-field-overlay[data-v-07865de6]{pointer-events:none;border-radius:var(--radius-lg,.5rem);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));z-index:1;position:absolute;inset:0}.ui-text-field-icon[data-v-07865de6]{z-index:2;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}@property --ui-text-field-fade-left{syntax:"<length>";inherits:false;initial-value:0}@property --ui-text-field-fade-right{syntax:"<length>";inherits:false;initial-value:0}.ui-text-field-element[data-v-07865de6]{min-width:0;font-size:14px;line-height:var(--tw-leading,20px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,400);z-index:2;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,#0000,#000 var(--ui-text-field-fade-left),#000 calc(100% - var(--ui-text-field-fade-right)),#0000);mask-image:linear-gradient(to right,#0000,#000 var(--ui-text-field-fade-left),#000 calc(100% - var(--ui-text-field-fade-right)),#0000);background:0 0;border:none;outline:none;flex:1;animation:linear ui-text-field-fade-07865de6;animation-timeline:scroll(self x);position:relative;overflow-x:auto}.ui-text-field-element[data-v-07865de6]:disabled{cursor:not-allowed}.ui-text-field-element[data-v-07865de6]::-webkit-scrollbar{display:none}@keyframes ui-text-field-fade-07865de6{0%{--ui-text-field-fade-left:0px}10%,to{--ui-text-field-fade-left:1.5rem}0%,90%{--ui-text-field-fade-right:1.5rem}to{--ui-text-field-fade-right:0px}}.ui-text-field-actions[data-v-07865de6]{border-radius:var(--radius-lg,.5rem);height:100%;padding-inline:calc(var(--spacing,.25rem) * 3);z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.ui-text-field-loader[data-v-07865de6]{justify-content:center;align-items:center;display:flex}.ui-text-field-loader .loader[data-v-07865de6]{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);animation:var(--animate-spin,spin-07865de6 1s linear infinite);border:2px solid;border-top-color:#0000;border-radius:3.40282e38px}.ui-text-field-clear[data-v-07865de6]{cursor:pointer;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ui-text-field-clear[data-v-07865de6]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-borders-neutral-strong,var(--color-neutral-alpha-dark-600));border-radius:.25rem}@keyframes spin-07865de6{to{transform:rotate(360deg)}}@keyframes fade-in-fb2b33fa{0%{opacity:0}to{opacity:1}}@keyframes fade-out-fb2b33fa{0%{opacity:1}to{opacity:0}}.ui-dialog-overlay[data-state=open][data-v-fb2b33fa]{animation:fade-in-fb2b33fa .15s ease-out}.ui-dialog-overlay[data-state=closed][data-v-fb2b33fa]{animation:fade-out-fb2b33fa .15s ease-in}.ui-dialog-content[data-state=open][data-v-fb2b33fa]{animation:fade-scale .2s ease-out}.ui-dialog-content[data-state=closed][data-v-fb2b33fa]{animation:fade-scale .15s ease-in reverse}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-ff3ec49a],[data-v-ff3ec49a]:before,[data-v-ff3ec49a]:after,[data-v-ff3ec49a]::backdrop{--tw-border-style:solid}}}.separator[data-v-ff3ec49a]{align-items:center;column-gap:calc(var(--spacing,.25rem) * 2);text-align:center;width:100%;color:var(--color-text-neutral-tertiary,var(--color-neutral-alpha-dark-600));grid-template-columns:1fr auto 1fr;grid-auto-flow:column;display:grid}.separator[data-v-ff3ec49a]:before,.separator[data-v-ff3ec49a]:after{content:"";border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-borders-neutral-light,var(--color-neutral-alpha-dark-200));width:100%;height:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.ui-input-checkbox-wrapper[data-v-79c855b9] a{color:var(--color-text-primary-secondary,var(--color-brand-alpha-dark-700));text-decoration-line:underline}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar{width:8px}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-track{background:transparent}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-thumb{background:var(--color-neutral-alpha-dark-400);border-radius:4px}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-alpha-dark-500)}.default[data-v-e508925c]{color:var(--color-actions-neutral-idle)}.title[data-v-e508925c]{color:var(--color-text-neutral-tertiary)}.is-active[data-v-e508925c]{background-color:var(--color-actions-primary-active-overlay);color:var(--color-actions-primary-idle)}.motion[data-v-75355621]{animation-duration:1.64s;animation-iteration-count:infinite;animation-fill-mode:both}.sweep--top[data-v-75355621]{animation-name:tornado-sweep-top-75355621}.sweep--mid[data-v-75355621]{animation-name:tornado-sweep-mid-75355621}.sweep--bot[data-v-75355621]{animation-name:tornado-sweep-bot-75355621}@keyframes tornado-sweep-top-75355621{0%{transform:translate(0);animation-timing-function:cubic-bezier(.97,0,.833,1)}19.512%{transform:translate(98.4px);animation-timing-function:step-end}20.732%{transform:translate(-246.4px);animation-timing-function:cubic-bezier(.167,0,.833,1)}36.585%{transform:translate(99.3px);animation-timing-function:step-end}37.805%{transform:translate(-244.8px);animation-timing-function:cubic-bezier(.167,0,.833,1)}56.098%{transform:translate(99.3px);animation-timing-function:step-end}57.317%{transform:translate(-244.8px);animation-timing-function:cubic-bezier(.167,0,.03,1)}92.683%,to{transform:translate(0)}}@keyframes tornado-sweep-mid-75355621{0%,23.171%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}39.024%{transform:translate(283px);animation-timing-function:step-end}40.244%{transform:translate(.8px);animation-timing-function:cubic-bezier(.167,0,.833,1)}58.537%{transform:translate(283px);animation-timing-function:step-end}59.756%{transform:translate(.8px);animation-timing-function:cubic-bezier(.167,0,.03,1)}95.122%,to{transform:translate(282.2px)}}@keyframes tornado-sweep-bot-75355621{0%,25.61%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}41.463%{transform:translate(135px);animation-timing-function:step-end}42.683%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}60.976%{transform:translate(135px);animation-timing-function:step-end}62.195%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.03,1)}97.561%,to{transform:translate(134.6px)}}.motion[data-v-568a716f]{animation-name:ui-logo-pulse-568a716f;animation-duration:1.64s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}.pulse--row-2[data-v-568a716f]{animation-delay:.18s}.pulse--row-3[data-v-568a716f]{animation-delay:.36s}@keyframes ui-logo-pulse-568a716f{0%,to{opacity:1}50%{opacity:.35}}.ui-logo[data-v-f4cb29c9] .badge{fill:var(--ui-logo-badge, #ffffff)}.ui-logo[data-v-f4cb29c9] .mark{fill:var(--ui-logo-mark, #112660)}.ui-logo--static[data-v-f4cb29c9] .motion{animation:none}@media(prefers-reduced-motion:reduce){.ui-logo[data-v-f4cb29c9] .motion{animation:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-f756255b],[data-v-f756255b]:before,[data-v-f756255b]:after,[data-v-f756255b]::backdrop{--tw-duration:initial}}}.ui-progress-root[data-v-f756255b]{border-radius:var(--radius-lg,.5rem);background-color:var(--color-actions-neutral-active-overlay,var(--color-neutral-alpha-dark-300));width:100%;position:relative;overflow:hidden}.ui-progress-indicator[data-v-f756255b]{border-radius:var(--radius-lg,.5rem);width:100%;height:100%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.66s;transition-duration:.66s;transition-timing-function:cubic-bezier(.65,0,.35,1)}.ui-progress-indeterminate[data-v-f756255b]{animation:1.5s cubic-bezier(.65,0,.35,1) infinite progress-indeterminate-f756255b}@keyframes progress-indeterminate-f756255b{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.ui-room-button[data-v-87cbe72a]{border:none}.ui-room-button--ghost.ui-room-button--neutral[data-v-87cbe72a]{background:transparent;color:var(--color-actions-neutral-idle, rgb(245, 247, 252))}.ui-room-button--ghost.ui-room-button--neutral[data-v-87cbe72a]:not(:disabled):hover{background:#f5f7fc1a}.ui-room-button--ghost.ui-room-button--danger[data-v-87cbe72a]{background:var( --color-actions-danger-idle-alpha-light, rgba(252, 127, 130, .08) );color:var(--color-actions-danger-idle, rgb(252, 127, 130))}.ui-room-button--ghost.ui-room-button--danger[data-v-87cbe72a]:not(:disabled):hover{background:#fc7f8224}.ui-room-button--glass.ui-room-button--neutral[data-v-87cbe72a]{background:var( --color-actions-neutral-idle-alpha-light, rgba(245, 247, 252, .08) );color:var(--color-actions-neutral-idle, rgb(245, 247, 252));-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);box-shadow:inset 0 1px #ffffff14}.ui-room-button--glass.ui-room-button--neutral[data-v-87cbe72a]:not(:disabled):hover{background:#f5f7fc1a}.ui-room-button--ghost.ui-room-button--primary[data-v-87cbe72a]{background:var( --color-actions-primary-idle-alpha-light, rgba(118, 164, 255, .08) );color:var(--color-actions-primary-idle, rgb(118, 164, 255))}.ui-room-button--ghost.ui-room-button--primary[data-v-87cbe72a]:not(:disabled):hover{background:#76a4ff24}.ui-room-button--ghost.ui-room-button--success[data-v-87cbe72a]{background:var( --color-actions-success-idle-alpha-light, rgba(46, 184, 154, .08) );color:var(--color-actions-success-idle, rgb(46, 184, 154))}.ui-room-button--ghost.ui-room-button--success[data-v-87cbe72a]:not(:disabled):hover{background:#2eb89a24}.ui-room-button--solid[data-v-87cbe72a]{color:#fff}.ui-room-button--solid.ui-room-button--primary[data-v-87cbe72a]{background:var(--color-actions-primary-idle, rgb(118, 164, 255))}.ui-room-button--solid.ui-room-button--danger[data-v-87cbe72a]{background:var(--color-red-500, rgb(224, 62, 65))}.ui-room-button--solid.ui-room-button--success[data-v-87cbe72a]{background:var(--color-green-500, rgb(22, 140, 115))}.ui-room-button--solid[data-v-87cbe72a]:not(:disabled):hover{filter:brightness(.95)}.ui-room-button--ghost.ui-room-button--active[data-v-87cbe72a]{background:var( --color-actions-primary-idle-alpha-light, rgba(118, 164, 255, .08) );color:var(--color-actions-primary-idle, rgb(118, 164, 255))}.hidden-on-short-height[data-v-97bf16df]{display:none}@media(min-height:600px)and (min-width:768px){.hidden-on-short-height[data-v-97bf16df]{display:block}}.show-on-short-height-desktop-only[data-v-44e9de3f]{display:none}@media(max-height:768px)and (hover:hover){.hidden-on-short-height[data-v-44e9de3f]{display:none}}@media(max-height:768px)and (hover:hover)and (pointer:fine){.show-on-short-height-desktop-only[data-v-44e9de3f]{display:block}}@media(min-height:768px),(hover:none),(pointer:coarse){.show-on-short-height-desktop-only[data-v-44e9de3f]{display:none}}.ui-stepper--horizontal{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 8);display:flex}.ui-stepper--vertical>:not(:last-child){margin-bottom:calc(var(--spacing,.25rem) * 2)}.ui-stepper-description[data-v-5da882d5]{max-width:calc(var(--spacing,.25rem) * 60);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:var(--tw-leading,20px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,400);color:var(--color-text-neutral-tertiary,var(--color-neutral-alpha-dark-600));display:block;overflow:hidden}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-duration:initial}}}.stepper-indicator{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;background-color:var(--color-surface-neutral-alpha-200,var(--color-neutral-alpha-dark-200));color:var(--color-text-neutral-base,var(--color-neutral-dark-bg));border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.2s;display:flex}[data-state=active] .stepper-indicator{background-color:var(--color-surface-primary-bg-alpha,var(--color-brand-alpha-dark-800));color:var(--color-text-neutral-invert-base,var(--color-neutral-light-bg))}.stepper-custom-icon{display:block}[data-state=completed] .stepper-custom-icon,.stepper-custom-icon~.stepper-number{display:none}[data-state=completed] .stepper-custom-icon~.stepper-number{display:block}.stepper-checkmark{display:none}[data-state=completed] .stepper-checkmark{display:block}[data-state=completed] .stepper-number{display:none}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.ui-stepper-item{position:relative}.ui-stepper-separator[data-v-44cd2e7f]{background-color:var(--color-surface-neutral-alpha-400,var(--color-neutral-alpha-dark-400))}.ui-stepper-title[data-v-ca7d64b5]{font-size:16px;line-height:var(--tw-leading,24px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,600);color:var(--color-text-neutral-secondary,var(--color-neutral-alpha-dark-700))}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-0be79760],[data-v-0be79760]:before,[data-v-0be79760]:after,[data-v-0be79760]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.ui-tag[data-v-0be79760]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}.ui-tag[data-hover-effect=true][data-color=primary][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=primary][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-primary-hover-overlay,var(--color-brand-alpha-dark-100))}.ui-tag[data-hover-effect=true][data-color=neutral][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=neutral][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-neutral-hover-overlay,var(--color-neutral-alpha-dark-100))}.ui-tag[data-hover-effect=true][data-color=danger][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=danger][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-danger-hover-overlay,var(--color-red-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=warning][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=warning][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-warning-hover-overlay,var(--color-orange-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=success][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=success][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-success-hover-overlay,var(--color-green-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=neutral-invert][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=neutral-invert][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-neutral-invert-hover-overlay,var(--color-neutral-alpha-light-200))}.ui-tag-label[data-v-0be79760]{flex:1}.ui-timeline--vertical{flex-direction:column;display:flex}.ui-timeline--horizontal{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 6);flex-direction:row;display:flex}.ui-timeline--horizontal .ui-timeline-item{flex-direction:column;align-items:center;max-width:200px}.ui-timeline--horizontal .ui-timeline-item__indicator-wrapper{flex-direction:row;align-items:center}.ui-timeline--horizontal .ui-timeline-item__connector{margin-top:0;margin-bottom:0;margin-left:calc(var(--spacing,.25rem) * 2);width:auto;min-width:2rem;height:1px;min-height:auto}.ui-timeline--horizontal .ui-timeline-item__content{padding-top:calc(var(--spacing,.25rem) * 4);padding-bottom:0}.ui-timeline--horizontal .ui-timeline-item:last-child .ui-timeline-item__connector{display:none}.ui-timeline-item{gap:calc(var(--spacing,.25rem) * 4);display:flex;position:relative}.ui-timeline-item__indicator-wrapper{flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;display:flex}.ui-timeline-item__connector{margin-top:calc(var(--spacing,.25rem) * 2);margin-bottom:calc(var(--spacing,.25rem) * 2);flex:1;width:1px;min-height:2rem}.ui-timeline-item__content{padding-bottom:calc(var(--spacing,.25rem) * 4);flex:1}.ui-timeline-item:last-child .ui-timeline-item__content{padding-bottom:0}.ui-timeline-item:last-child .ui-timeline-item__connector{display:none}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}body{color:var(--color-grey-700);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:1.5}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none!important}:focus-visible:not(input,.base-input,textarea,.v-popper__popper,.focus-indicator-none,[contenteditable]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-fast-enter-active,.fade-fast-leave-active{transition:opacity .1s}.fade-delay-enter-active,.fade-delay-leave-active{transition:opacity .3s}.fade-delay-enter-active{transition-delay:.5s}.fade-enter-from,.fade-leave-to,.fade-delay-enter-from,.fade-delay-leave-to,.fade-fast-enter-from,.fade-fast-leave-to{opacity:0}:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper{perspective:1300px}:is(:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper)>section,:is(:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper)>.shell{transform-style:preserve-3d;transition:transform .2s,opacity .2s}:is(.modal-enter-active,.modal-leave-active) .backdrop{transition:opacity .2s}:is(.modal-enter-active,.modal-leave-active) .base-modal-box{transition:transform .2s,opacity .2s}:is(.modal-enter-from,.modal-leave-to)>.base-modal-layout>section,:is(.modal-enter-from,.modal-leave-to)>.modal-wrapper>.shell{opacity:0}:is(.modal-enter-from,.modal-leave-to)>.base-modal-layout>section{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}:is(.modal-enter-from,.modal-leave-to) .backdrop{opacity:0}:is(.modal-enter-from,.modal-leave-to) .base-modal-box{opacity:0;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes scale-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-scale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-down{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spring{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.02);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes tooltip-fade{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hover-lift{0%{transform:translateY(4px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes accordion-expand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpAndFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.animate-scale-in{animation-name:scale-in;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-fade-scale{animation-name:fade-scale;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-slide-down{animation-name:slide-down;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-slide-up{animation-name:slide-up;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-spring{animation-name:spring;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-tooltip-fade{animation-name:tooltip-fade;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-hover-lift{animation-name:hover-lift;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-accordion-expand{animation-name:accordion-expand;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-duration{animation-duration:.08s}.animate-duration-75{animation-duration:75ms}.animate-duration-100{animation-duration:.1s}.animate-duration-150{animation-duration:.15s}.animate-duration-200{animation-duration:.2s}.animate-duration-300{animation-duration:.3s}.animate-duration-500{animation-duration:.5s}.animate-duration-700{animation-duration:.7s}.animate-duration-1000{animation-duration:1s}
1
+ .ui-tooltip-content{transform-origin:var(--reka-tooltip-content-transform-origin, center)}.ui-popover-content{transform-origin:var(--reka-popover-content-transform-origin, center)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-07865de6],[data-v-07865de6]:before,[data-v-07865de6]:after,[data-v-07865de6]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--ui-text-field-fade-left:0px;--ui-text-field-fade-right:0px}}}.ui-text-field-field[data-v-07865de6]{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);width:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));padding-right:0;padding-left:calc(var(--spacing,.25rem) * 3);border-width:1px;display:flex;position:relative}.ui-text-field-field--default[data-v-07865de6]{border-color:var(--color-borders-neutral-strong,var(--color-neutral-alpha-dark-600));background-color:var(--color-actions-neutral-idle-alpha-light,var(--color-neutral-alpha-dark-100))}.ui-text-field-field--default:not(.ui-text-field-field--disabled):hover .ui-text-field-overlay[data-v-07865de6]{background-color:var(--color-actions-neutral-hover-overlay,var(--color-neutral-alpha-dark-100))}.ui-text-field-field--default:not(.ui-text-field-field--disabled).ui-text-field-field--focused[data-v-07865de6]{border-color:var(--color-actions-primary-idle-alpha-strong,var(--color-brand-alpha-dark-700));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}.ui-text-field-field--default:not(.ui-text-field-field--disabled).ui-text-field-field--focused .ui-text-field-overlay[data-v-07865de6]{background:0 0}.ui-text-field-field--error[data-v-07865de6]{border-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));background-color:var(--color-actions-danger-idle-alpha-light,var(--color-red-alpha-dark-200))}.ui-text-field-field--error:not(.ui-text-field-field--disabled):hover .ui-text-field-overlay[data-v-07865de6]{background-color:var(--color-actions-danger-hover-overlay,var(--color-red-alpha-dark-200))}.ui-text-field-field--error:not(.ui-text-field-field--disabled).ui-text-field-field--focused[data-v-07865de6]{border-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));--tw-ring-inset:inset}.ui-text-field-field--error:not(.ui-text-field-field--disabled).ui-text-field-field--focused .ui-text-field-overlay[data-v-07865de6]{background:0 0}.ui-text-field-field--disabled[data-v-07865de6]{cursor:not-allowed;opacity:.5}.ui-text-field-overlay[data-v-07865de6]{pointer-events:none;border-radius:var(--radius-lg,.5rem);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));z-index:1;position:absolute;inset:0}.ui-text-field-icon[data-v-07865de6]{z-index:2;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}@property --ui-text-field-fade-left{syntax:"<length>";inherits:false;initial-value:0}@property --ui-text-field-fade-right{syntax:"<length>";inherits:false;initial-value:0}.ui-text-field-element[data-v-07865de6]{min-width:0;font-size:14px;line-height:var(--tw-leading,20px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,400);z-index:2;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,#0000,#000 var(--ui-text-field-fade-left),#000 calc(100% - var(--ui-text-field-fade-right)),#0000);mask-image:linear-gradient(to right,#0000,#000 var(--ui-text-field-fade-left),#000 calc(100% - var(--ui-text-field-fade-right)),#0000);background:0 0;border:none;outline:none;flex:1;animation:linear ui-text-field-fade-07865de6;animation-timeline:scroll(self x);position:relative;overflow-x:auto}.ui-text-field-element[data-v-07865de6]:disabled{cursor:not-allowed}.ui-text-field-element[data-v-07865de6]::-webkit-scrollbar{display:none}@keyframes ui-text-field-fade-07865de6{0%{--ui-text-field-fade-left:0px}10%,to{--ui-text-field-fade-left:1.5rem}0%,90%{--ui-text-field-fade-right:1.5rem}to{--ui-text-field-fade-right:0px}}.ui-text-field-actions[data-v-07865de6]{border-radius:var(--radius-lg,.5rem);height:100%;padding-inline:calc(var(--spacing,.25rem) * 3);z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.ui-text-field-loader[data-v-07865de6]{justify-content:center;align-items:center;display:flex}.ui-text-field-loader .loader[data-v-07865de6]{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);animation:var(--animate-spin,spin-07865de6 1s linear infinite);border:2px solid;border-top-color:#0000;border-radius:3.40282e38px}.ui-text-field-clear[data-v-07865de6]{cursor:pointer;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ui-text-field-clear[data-v-07865de6]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-borders-neutral-strong,var(--color-neutral-alpha-dark-600));border-radius:.25rem}@keyframes spin-07865de6{to{transform:rotate(360deg)}}@keyframes fade-in-d3427739{0%{opacity:0}to{opacity:1}}@keyframes fade-out-d3427739{0%{opacity:1}to{opacity:0}}.ui-dialog-overlay[data-state=open][data-v-d3427739]{animation:fade-in-d3427739 .15s ease-out}.ui-dialog-overlay[data-state=closed][data-v-d3427739]{animation:fade-out-d3427739 .15s ease-in}.ui-dialog-content[data-state=open][data-v-d3427739]{animation:fade-scale .2s ease-out}.ui-dialog-content[data-state=closed][data-v-d3427739]{animation:fade-scale .15s ease-in reverse}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-ff3ec49a],[data-v-ff3ec49a]:before,[data-v-ff3ec49a]:after,[data-v-ff3ec49a]::backdrop{--tw-border-style:solid}}}.separator[data-v-ff3ec49a]{align-items:center;column-gap:calc(var(--spacing,.25rem) * 2);text-align:center;width:100%;color:var(--color-text-neutral-tertiary,var(--color-neutral-alpha-dark-600));grid-template-columns:1fr auto 1fr;grid-auto-flow:column;display:grid}.separator[data-v-ff3ec49a]:before,.separator[data-v-ff3ec49a]:after{content:"";border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-borders-neutral-light,var(--color-neutral-alpha-dark-200));width:100%;height:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.ui-input-checkbox-wrapper[data-v-79c855b9] a{color:var(--color-text-primary-secondary,var(--color-brand-alpha-dark-700));text-decoration-line:underline}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar{width:8px}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-track{background:transparent}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-thumb{background:var(--color-neutral-alpha-dark-400);border-radius:4px}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-alpha-dark-500)}.default[data-v-e508925c]{color:var(--color-actions-neutral-idle)}.title[data-v-e508925c]{color:var(--color-text-neutral-tertiary)}.is-active[data-v-e508925c]{background-color:var(--color-actions-primary-active-overlay);color:var(--color-actions-primary-idle)}.motion[data-v-75355621]{animation-duration:1.64s;animation-iteration-count:infinite;animation-fill-mode:both}.sweep--top[data-v-75355621]{animation-name:tornado-sweep-top-75355621}.sweep--mid[data-v-75355621]{animation-name:tornado-sweep-mid-75355621}.sweep--bot[data-v-75355621]{animation-name:tornado-sweep-bot-75355621}@keyframes tornado-sweep-top-75355621{0%{transform:translate(0);animation-timing-function:cubic-bezier(.97,0,.833,1)}19.512%{transform:translate(98.4px);animation-timing-function:step-end}20.732%{transform:translate(-246.4px);animation-timing-function:cubic-bezier(.167,0,.833,1)}36.585%{transform:translate(99.3px);animation-timing-function:step-end}37.805%{transform:translate(-244.8px);animation-timing-function:cubic-bezier(.167,0,.833,1)}56.098%{transform:translate(99.3px);animation-timing-function:step-end}57.317%{transform:translate(-244.8px);animation-timing-function:cubic-bezier(.167,0,.03,1)}92.683%,to{transform:translate(0)}}@keyframes tornado-sweep-mid-75355621{0%,23.171%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}39.024%{transform:translate(283px);animation-timing-function:step-end}40.244%{transform:translate(.8px);animation-timing-function:cubic-bezier(.167,0,.833,1)}58.537%{transform:translate(283px);animation-timing-function:step-end}59.756%{transform:translate(.8px);animation-timing-function:cubic-bezier(.167,0,.03,1)}95.122%,to{transform:translate(282.2px)}}@keyframes tornado-sweep-bot-75355621{0%,25.61%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}41.463%{transform:translate(135px);animation-timing-function:step-end}42.683%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}60.976%{transform:translate(135px);animation-timing-function:step-end}62.195%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.03,1)}97.561%,to{transform:translate(134.6px)}}.motion[data-v-568a716f]{animation-name:ui-logo-pulse-568a716f;animation-duration:1.64s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}.pulse--row-2[data-v-568a716f]{animation-delay:.18s}.pulse--row-3[data-v-568a716f]{animation-delay:.36s}@keyframes ui-logo-pulse-568a716f{0%,to{opacity:1}50%{opacity:.35}}.ui-logo[data-v-f4cb29c9] .badge{fill:var(--ui-logo-badge, #ffffff)}.ui-logo[data-v-f4cb29c9] .mark{fill:var(--ui-logo-mark, #112660)}.ui-logo--static[data-v-f4cb29c9] .motion{animation:none}@media(prefers-reduced-motion:reduce){.ui-logo[data-v-f4cb29c9] .motion{animation:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-f756255b],[data-v-f756255b]:before,[data-v-f756255b]:after,[data-v-f756255b]::backdrop{--tw-duration:initial}}}.ui-progress-root[data-v-f756255b]{border-radius:var(--radius-lg,.5rem);background-color:var(--color-actions-neutral-active-overlay,var(--color-neutral-alpha-dark-300));width:100%;position:relative;overflow:hidden}.ui-progress-indicator[data-v-f756255b]{border-radius:var(--radius-lg,.5rem);width:100%;height:100%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.66s;transition-duration:.66s;transition-timing-function:cubic-bezier(.65,0,.35,1)}.ui-progress-indeterminate[data-v-f756255b]{animation:1.5s cubic-bezier(.65,0,.35,1) infinite progress-indeterminate-f756255b}@keyframes progress-indeterminate-f756255b{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.ui-room-button[data-v-87cbe72a]{border:none}.ui-room-button--ghost.ui-room-button--neutral[data-v-87cbe72a]{background:transparent;color:var(--color-actions-neutral-idle, rgb(245, 247, 252))}.ui-room-button--ghost.ui-room-button--neutral[data-v-87cbe72a]:not(:disabled):hover{background:#f5f7fc1a}.ui-room-button--ghost.ui-room-button--danger[data-v-87cbe72a]{background:var( --color-actions-danger-idle-alpha-light, rgba(252, 127, 130, .08) );color:var(--color-actions-danger-idle, rgb(252, 127, 130))}.ui-room-button--ghost.ui-room-button--danger[data-v-87cbe72a]:not(:disabled):hover{background:#fc7f8224}.ui-room-button--glass.ui-room-button--neutral[data-v-87cbe72a]{background:var( --color-actions-neutral-idle-alpha-light, rgba(245, 247, 252, .08) );color:var(--color-actions-neutral-idle, rgb(245, 247, 252));-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);box-shadow:inset 0 1px #ffffff14}.ui-room-button--glass.ui-room-button--neutral[data-v-87cbe72a]:not(:disabled):hover{background:#f5f7fc1a}.ui-room-button--ghost.ui-room-button--primary[data-v-87cbe72a]{background:var( --color-actions-primary-idle-alpha-light, rgba(118, 164, 255, .08) );color:var(--color-actions-primary-idle, rgb(118, 164, 255))}.ui-room-button--ghost.ui-room-button--primary[data-v-87cbe72a]:not(:disabled):hover{background:#76a4ff24}.ui-room-button--ghost.ui-room-button--success[data-v-87cbe72a]{background:var( --color-actions-success-idle-alpha-light, rgba(46, 184, 154, .08) );color:var(--color-actions-success-idle, rgb(46, 184, 154))}.ui-room-button--ghost.ui-room-button--success[data-v-87cbe72a]:not(:disabled):hover{background:#2eb89a24}.ui-room-button--solid[data-v-87cbe72a]{color:#fff}.ui-room-button--solid.ui-room-button--primary[data-v-87cbe72a]{background:var(--color-actions-primary-idle, rgb(118, 164, 255))}.ui-room-button--solid.ui-room-button--danger[data-v-87cbe72a]{background:var(--color-red-500, rgb(224, 62, 65))}.ui-room-button--solid.ui-room-button--success[data-v-87cbe72a]{background:var(--color-green-500, rgb(22, 140, 115))}.ui-room-button--solid[data-v-87cbe72a]:not(:disabled):hover{filter:brightness(.95)}.ui-room-button--ghost.ui-room-button--active[data-v-87cbe72a]{background:var( --color-actions-primary-idle-alpha-light, rgba(118, 164, 255, .08) );color:var(--color-actions-primary-idle, rgb(118, 164, 255))}.hidden-on-short-height[data-v-97bf16df]{display:none}@media(min-height:600px)and (min-width:768px){.hidden-on-short-height[data-v-97bf16df]{display:block}}.show-on-short-height-desktop-only[data-v-00df0bf2]{display:none}@media(max-height:768px)and (hover:hover){.hidden-on-short-height[data-v-00df0bf2]{display:none}}@media(max-height:768px)and (hover:hover)and (pointer:fine){.show-on-short-height-desktop-only[data-v-00df0bf2]{display:block}}@media(min-height:768px),(hover:none),(pointer:coarse){.show-on-short-height-desktop-only[data-v-00df0bf2]{display:none}}.ui-stepper--horizontal{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 8);display:flex}.ui-stepper--vertical>:not(:last-child){margin-bottom:calc(var(--spacing,.25rem) * 2)}.ui-stepper-description[data-v-5da882d5]{max-width:calc(var(--spacing,.25rem) * 60);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:var(--tw-leading,20px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,400);color:var(--color-text-neutral-tertiary,var(--color-neutral-alpha-dark-600));display:block;overflow:hidden}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-duration:initial}}}.stepper-indicator{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;background-color:var(--color-surface-neutral-alpha-200,var(--color-neutral-alpha-dark-200));color:var(--color-text-neutral-base,var(--color-neutral-dark-bg));border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.2s;display:flex}[data-state=active] .stepper-indicator{background-color:var(--color-surface-primary-bg-alpha,var(--color-brand-alpha-dark-800));color:var(--color-text-neutral-invert-base,var(--color-neutral-light-bg))}.stepper-custom-icon{display:block}[data-state=completed] .stepper-custom-icon,.stepper-custom-icon~.stepper-number{display:none}[data-state=completed] .stepper-custom-icon~.stepper-number{display:block}.stepper-checkmark{display:none}[data-state=completed] .stepper-checkmark{display:block}[data-state=completed] .stepper-number{display:none}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.ui-stepper-item{position:relative}.ui-stepper-separator[data-v-44cd2e7f]{background-color:var(--color-surface-neutral-alpha-400,var(--color-neutral-alpha-dark-400))}.ui-stepper-title[data-v-ca7d64b5]{font-size:16px;line-height:var(--tw-leading,24px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,600);color:var(--color-text-neutral-secondary,var(--color-neutral-alpha-dark-700))}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-0be79760],[data-v-0be79760]:before,[data-v-0be79760]:after,[data-v-0be79760]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.ui-tag[data-v-0be79760]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}.ui-tag[data-hover-effect=true][data-color=primary][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=primary][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-primary-hover-overlay,var(--color-brand-alpha-dark-100))}.ui-tag[data-hover-effect=true][data-color=neutral][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=neutral][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-neutral-hover-overlay,var(--color-neutral-alpha-dark-100))}.ui-tag[data-hover-effect=true][data-color=danger][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=danger][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-danger-hover-overlay,var(--color-red-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=warning][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=warning][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-warning-hover-overlay,var(--color-orange-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=success][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=success][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-success-hover-overlay,var(--color-green-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=neutral-invert][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=neutral-invert][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-neutral-invert-hover-overlay,var(--color-neutral-alpha-light-200))}.ui-tag-label[data-v-0be79760]{flex:1}.ui-timeline--vertical{flex-direction:column;display:flex}.ui-timeline--horizontal{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 6);flex-direction:row;display:flex}.ui-timeline--horizontal .ui-timeline-item{flex-direction:column;align-items:center;max-width:200px}.ui-timeline--horizontal .ui-timeline-item__indicator-wrapper{flex-direction:row;align-items:center}.ui-timeline--horizontal .ui-timeline-item__connector{margin-top:0;margin-bottom:0;margin-left:calc(var(--spacing,.25rem) * 2);width:auto;min-width:2rem;height:1px;min-height:auto}.ui-timeline--horizontal .ui-timeline-item__content{padding-top:calc(var(--spacing,.25rem) * 4);padding-bottom:0}.ui-timeline--horizontal .ui-timeline-item:last-child .ui-timeline-item__connector{display:none}.ui-timeline-item{gap:calc(var(--spacing,.25rem) * 4);display:flex;position:relative}.ui-timeline-item__indicator-wrapper{flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;display:flex}.ui-timeline-item__connector{margin-top:calc(var(--spacing,.25rem) * 2);margin-bottom:calc(var(--spacing,.25rem) * 2);flex:1;width:1px;min-height:2rem}.ui-timeline-item__content{padding-bottom:calc(var(--spacing,.25rem) * 4);flex:1}.ui-timeline-item:last-child .ui-timeline-item__content{padding-bottom:0}.ui-timeline-item:last-child .ui-timeline-item__connector{display:none}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer base{body{color:var(--color-grey-700);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:1.5}}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none!important}:focus-visible:not(input,.base-input,textarea,.v-popper__popper,.focus-indicator-none,[contenteditable]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-fast-enter-active,.fade-fast-leave-active{transition:opacity .1s}.fade-delay-enter-active,.fade-delay-leave-active{transition:opacity .3s}.fade-delay-enter-active{transition-delay:.5s}.fade-enter-from,.fade-leave-to,.fade-delay-enter-from,.fade-delay-leave-to,.fade-fast-enter-from,.fade-fast-leave-to{opacity:0}:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper{perspective:1300px}:is(:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper)>section,:is(:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper)>.shell{transform-style:preserve-3d;transition:transform .2s,opacity .2s}:is(.modal-enter-active,.modal-leave-active) .backdrop{transition:opacity .2s}:is(.modal-enter-active,.modal-leave-active) .base-modal-box{transition:transform .2s,opacity .2s}:is(.modal-enter-from,.modal-leave-to)>.base-modal-layout>section,:is(.modal-enter-from,.modal-leave-to)>.modal-wrapper>.shell{opacity:0}:is(.modal-enter-from,.modal-leave-to)>.base-modal-layout>section{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}:is(.modal-enter-from,.modal-leave-to) .backdrop{opacity:0}:is(.modal-enter-from,.modal-leave-to) .base-modal-box{opacity:0;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes scale-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-scale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-down{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spring{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.02);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes tooltip-fade{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hover-lift{0%{transform:translateY(4px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes accordion-expand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpAndFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.animate-scale-in{animation-name:scale-in;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-fade-scale{animation-name:fade-scale;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-slide-down{animation-name:slide-down;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-slide-up{animation-name:slide-up;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-spring{animation-name:spring;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-tooltip-fade{animation-name:tooltip-fade;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-hover-lift{animation-name:hover-lift;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-accordion-expand{animation-name:accordion-expand;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-duration{animation-duration:.08s}.animate-duration-75{animation-duration:75ms}.animate-duration-100{animation-duration:.1s}.animate-duration-150{animation-duration:.15s}.animate-duration-200{animation-duration:.2s}.animate-duration-300{animation-duration:.3s}.animate-duration-500{animation-duration:.5s}.animate-duration-700{animation-duration:.7s}.animate-duration-1000{animation-duration:1s}