@livestorm/ui-vue 2.0.4 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -5
- package/dist/UiTimelineItem.vue_vue_type_style_index_0_lang-LpdvGf5X.mjs +6093 -0
- package/dist/a11y-BhF_nl7L.mjs +159 -0
- package/dist/components.mjs +105 -96
- package/dist/index.mjs +68 -64
- package/dist/layouts.mjs +16 -16
- package/dist/types/index.d.ts +5 -1
- package/dist/types/src/components/UiActionBar/UiActionBar.vue.d.ts +3 -1
- package/dist/types/src/components/UiActionBar/UiActionBarItem.vue.d.ts +18 -3
- package/dist/types/src/components/UiActionBar/types.d.ts +3 -1
- package/dist/types/src/components/UiButton/UiButton.vue.d.ts +17 -13
- package/dist/types/src/components/UiButtonGroup/UiButtonGroupItem.vue.d.ts +3 -0
- package/dist/types/src/components/UiButtonGroup/types.d.ts +1 -1
- package/dist/types/src/components/UiDropdown/UiDropdownItem.vue.d.ts +6 -4
- package/dist/types/src/components/UiInputEmoji/UiInputEmoji.vue.d.ts +45 -0
- package/dist/types/src/components/UiInputEmoji/index.d.ts +1 -0
- package/dist/types/src/components/UiInputRadio/UiInputRadio.vue.d.ts +67 -0
- package/dist/types/src/components/UiInputRadio/UiInputRadioGroup.vue.d.ts +81 -0
- package/dist/types/src/components/UiInputRadio/index.d.ts +3 -0
- package/dist/types/src/components/UiInputRadio/types.d.ts +19 -0
- package/dist/types/src/components/UiLoader/UiLoader.vue.d.ts +6 -5
- package/dist/types/src/components/UiLogo/UiLogo.vue.d.ts +9 -3
- package/dist/types/src/components/UiPage/UiPage.vue.d.ts +34 -0
- package/dist/types/src/components/UiProgress/UiProgress.vue.d.ts +1 -1
- package/dist/types/src/components/UiSwitch/UiSwitch.vue.d.ts +109 -0
- package/dist/types/src/components/UiSwitch/index.d.ts +2 -0
- package/dist/types/src/components/UiSwitch/types.d.ts +3 -0
- package/dist/types/src/components/UiTabs/UiTabs.vue.d.ts +5 -2
- package/dist/types/src/composables/useContentMode.d.ts +25 -0
- package/dist/types/src/composables/useIconSize.d.ts +11 -0
- package/dist/types/src/constants/sizes.d.ts +1 -1
- package/dist/ui-vue.css +1 -1
- package/dist/{useThemeAndModes-CUK56j0z.mjs → useThemeAndModes-BzYwSOEv.mjs} +1 -1
- package/dist/utils.mjs +154 -99
- package/index.d.ts +4 -0
- package/index.js +8 -0
- package/package.json +11 -3
- package/src/components/Toast/ToastMessage.vue +6 -6
- package/src/components/UiActionBar/UiActionBar.vue +11 -2
- package/src/components/UiActionBar/UiActionBarItem.vue +56 -32
- package/src/components/UiActionBar/types.ts +3 -1
- package/src/components/UiAvatar/UiAvatar.vue +1 -1
- package/src/components/UiBanner/UiBanner.vue +7 -7
- package/src/components/UiButton/UiButton.vue +9 -9
- package/src/components/UiButtonGroup/UiButtonGroup.vue +4 -0
- package/src/components/UiButtonGroup/UiButtonGroupItem.vue +14 -0
- package/src/components/UiButtonGroup/types.ts +1 -1
- package/src/components/UiCarousel/UiCarousel.vue +2 -2
- package/src/components/UiColorPicker/UiColorPicker.vue +5 -5
- package/src/components/UiDialog/MarketplaceHeaderExample.vue +2 -2
- package/src/components/UiDialog/UiDialogClose.vue +1 -1
- package/src/components/UiDropdown/UiDropdownContent.vue +2 -2
- package/src/components/UiDropdown/UiDropdownItem.vue +8 -1
- package/src/components/UiDropdown/UiDropdownTrigger.vue +6 -7
- package/src/components/UiFieldWrapper/UiFieldWrapper.vue +1 -1
- package/src/components/UiInputCheckbox/UiInputCheckbox.vue +2 -2
- package/src/components/UiInputEmoji/UiInputEmoji.vue +173 -0
- package/src/components/UiInputEmoji/index.ts +1 -0
- package/src/components/UiInputRadio/UiInputRadio.vue +374 -0
- package/src/components/UiInputRadio/UiInputRadioGroup.vue +156 -0
- package/src/components/UiInputRadio/index.ts +3 -0
- package/src/components/UiInputRadio/types.ts +25 -0
- package/src/components/UiLoader/UiLoader.vue +8 -10
- package/src/components/UiLogo/UiLogo.vue +41 -7
- package/src/components/UiMenu/UiMenuContent.vue +1 -1
- package/src/components/UiMenu/UiMenuGroup.vue +1 -1
- package/src/components/UiMenu/UiMenuItem.vue +1 -1
- package/src/components/UiMenu/UiMenuSubContent.vue +1 -1
- package/src/components/UiMenu/UiMenuSubTrigger.vue +2 -2
- package/src/components/UiPage/UiPage.vue +102 -29
- package/src/components/UiPageHeader/UiPageHeader.vue +29 -9
- package/src/components/UiRoomButton/UiRoomButton.vue +4 -4
- package/src/components/UiShell/UiShell.vue +1 -1
- package/src/components/UiSideMenu/UiSideMenu.vue +13 -10
- package/src/components/UiSideMenu/UiSideMenuItemContent.vue +2 -2
- package/src/components/UiStepper/UiStepperIndicator.vue +8 -11
- package/src/components/UiSwitch/UiSwitch.vue +359 -0
- package/src/components/UiSwitch/index.ts +2 -0
- package/src/components/UiSwitch/types.ts +5 -0
- package/src/components/UiTabs/UiTabs.vue +7 -4
- package/src/components/UiTextField/UiTextField.vue +6 -11
- package/src/components/UiTimeline/README.md +6 -6
- package/src/components/UiTimeline/UiTimelineItem.vue +3 -3
- package/src/composables/useContentMode.ts +53 -0
- package/src/composables/useIconSize.ts +28 -0
- package/src/constants/sizes.ts +1 -1
- package/src/global.d.ts +8 -0
- package/dist/UiTimelineItem.vue_vue_type_style_index_0_lang-BtG5oABt.mjs +0 -5454
- package/dist/a11y--y7uaY4j.mjs +0 -217
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import type { RadioSize, RadioValue } from './types';
|
|
2
|
+
interface UiInputRadioGroupProps {
|
|
3
|
+
/**
|
|
4
|
+
* The selected value. `undefined` means no selection;
|
|
5
|
+
* `null` is a valid option value.
|
|
6
|
+
*/
|
|
7
|
+
modelValue?: RadioValue;
|
|
8
|
+
/**
|
|
9
|
+
* Name attribute, submitted with the form via a hidden input
|
|
10
|
+
*/
|
|
11
|
+
name?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Whether the whole group is disabled
|
|
14
|
+
* @default false
|
|
15
|
+
*/
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Whether arrow-key navigation loops from last item to first
|
|
19
|
+
* @default true
|
|
20
|
+
*/
|
|
21
|
+
loop?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Whether a selection is required
|
|
24
|
+
* @default false
|
|
25
|
+
*/
|
|
26
|
+
required?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Whether the group is in an error state
|
|
29
|
+
* @default false
|
|
30
|
+
*/
|
|
31
|
+
error?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Error message displayed below the group
|
|
34
|
+
*/
|
|
35
|
+
errorMessage?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Size of the radio items
|
|
38
|
+
* @default 'md'
|
|
39
|
+
*/
|
|
40
|
+
size?: RadioSize;
|
|
41
|
+
/**
|
|
42
|
+
* Layout direction of the items. Also sets the group's `aria-orientation`
|
|
43
|
+
* and the arrow-key navigation axis to match.
|
|
44
|
+
* @default 'vertical'
|
|
45
|
+
*/
|
|
46
|
+
orientation?: 'vertical' | 'horizontal';
|
|
47
|
+
/**
|
|
48
|
+
* Whether the group stretches to fill its container instead of
|
|
49
|
+
* shrink-wrapping its items
|
|
50
|
+
* @default false
|
|
51
|
+
*/
|
|
52
|
+
fullWidth?: boolean;
|
|
53
|
+
}
|
|
54
|
+
declare var __VLS_9: {};
|
|
55
|
+
type __VLS_Slots = {} & {
|
|
56
|
+
default?: (props: typeof __VLS_9) => any;
|
|
57
|
+
};
|
|
58
|
+
declare const __VLS_base: import("vue").DefineComponent<UiInputRadioGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
59
|
+
"update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
|
|
60
|
+
}, string, import("vue").PublicProps, Readonly<UiInputRadioGroupProps> & Readonly<{
|
|
61
|
+
"onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
|
|
62
|
+
}>, {
|
|
63
|
+
orientation: "vertical" | "horizontal";
|
|
64
|
+
size: RadioSize;
|
|
65
|
+
disabled: boolean;
|
|
66
|
+
required: boolean;
|
|
67
|
+
loop: boolean;
|
|
68
|
+
error: boolean;
|
|
69
|
+
name: string;
|
|
70
|
+
modelValue: RadioValue;
|
|
71
|
+
errorMessage: string;
|
|
72
|
+
fullWidth: boolean;
|
|
73
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
74
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
75
|
+
declare const _default: typeof __VLS_export;
|
|
76
|
+
export default _default;
|
|
77
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
78
|
+
new (): {
|
|
79
|
+
$slots: S;
|
|
80
|
+
};
|
|
81
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { InjectionKey, Ref } from 'vue';
|
|
2
|
+
import type { AcceptableValue } from 'reka-ui';
|
|
3
|
+
export type RadioSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export type RadioVariant = 'default' | 'card';
|
|
5
|
+
/**
|
|
6
|
+
* Valid radio option values. `null` is a supported option value;
|
|
7
|
+
* `undefined` means "no selection". Object values must be reference-stable.
|
|
8
|
+
*/
|
|
9
|
+
export type RadioValue = AcceptableValue;
|
|
10
|
+
export interface RadioGroupContext {
|
|
11
|
+
/** Current group value (kept in sync in both controlled and uncontrolled mode) */
|
|
12
|
+
modelValue: Readonly<Ref<RadioValue | undefined>>;
|
|
13
|
+
error: Readonly<Ref<boolean>>;
|
|
14
|
+
size: Readonly<Ref<RadioSize>>;
|
|
15
|
+
disabled: Readonly<Ref<boolean>>;
|
|
16
|
+
/** id of the group error message, for aria-describedby on items */
|
|
17
|
+
messageId: Readonly<Ref<string | undefined>>;
|
|
18
|
+
}
|
|
19
|
+
export declare const RADIO_GROUP_KEY: InjectionKey<RadioGroupContext>;
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
+
import { type Size } from '../../constants';
|
|
1
2
|
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
3
|
size: {
|
|
3
|
-
type:
|
|
4
|
+
type: () => Size;
|
|
4
5
|
default: string;
|
|
5
|
-
validator: (value:
|
|
6
|
+
validator: (value: Size) => boolean;
|
|
6
7
|
};
|
|
7
8
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
8
9
|
size: {
|
|
9
|
-
type:
|
|
10
|
+
type: () => Size;
|
|
10
11
|
default: string;
|
|
11
|
-
validator: (value:
|
|
12
|
+
validator: (value: Size) => boolean;
|
|
12
13
|
};
|
|
13
14
|
}>> & Readonly<{}>, {
|
|
14
|
-
size:
|
|
15
|
+
size: "xs" | "sm" | "md" | "lg";
|
|
15
16
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
16
17
|
declare const _default: typeof __VLS_export;
|
|
17
18
|
export default _default;
|
|
@@ -5,14 +5,20 @@ interface Props {
|
|
|
5
5
|
width: number;
|
|
6
6
|
/** Follow the brand palette (--color-brand-800) instead of the Livestorm navy. */
|
|
7
7
|
themed?: boolean;
|
|
8
|
-
/**
|
|
9
|
-
|
|
8
|
+
/**
|
|
9
|
+
* Dark badge + white mark, for light backgrounds. `"auto"` inverts
|
|
10
|
+
* whenever the logo sits inside a light `data-colors-semantic` scope.
|
|
11
|
+
*/
|
|
12
|
+
inverted?: boolean | "auto";
|
|
10
13
|
/** When false, renders the static logo (the resting pose). */
|
|
11
14
|
animated?: boolean;
|
|
15
|
+
/** Accessible name announced for the logo. */
|
|
16
|
+
label?: string;
|
|
12
17
|
}
|
|
13
18
|
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
19
|
+
label: string;
|
|
14
20
|
variant: UiLogoVariant;
|
|
15
|
-
inverted: boolean;
|
|
21
|
+
inverted: boolean | "auto";
|
|
16
22
|
themed: boolean;
|
|
17
23
|
animated: boolean;
|
|
18
24
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -1,4 +1,17 @@
|
|
|
1
1
|
import { type Slot } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* Headroom sizes, in px: the gap above the content card that lets the shell
|
|
4
|
+
* background show through. One map so the page frame has a single source of
|
|
5
|
+
* truth — retune here rather than at call sites.
|
|
6
|
+
*/
|
|
7
|
+
declare const HEADROOM_GAP_PX: {
|
|
8
|
+
readonly none: 0;
|
|
9
|
+
readonly sm: 4;
|
|
10
|
+
readonly md: 10;
|
|
11
|
+
readonly lg: 16;
|
|
12
|
+
readonly xl: 24;
|
|
13
|
+
};
|
|
14
|
+
type HeadroomGap = keyof typeof HEADROOM_GAP_PX;
|
|
2
15
|
type __VLS_Props = {
|
|
3
16
|
/**
|
|
4
17
|
* Extra classes for the inner content `<section>`. Use to override the
|
|
@@ -13,6 +26,25 @@ type __VLS_Props = {
|
|
|
13
26
|
* menu row — e.g. "Home" — without reaching into useMobileMenu directly.
|
|
14
27
|
*/
|
|
15
28
|
title?: string;
|
|
29
|
+
/**
|
|
30
|
+
* The shape of the page inside the content card.
|
|
31
|
+
* - `document` (default): the card scrolls as a single column. The common
|
|
32
|
+
* dashboard page — lists, forms, detail views.
|
|
33
|
+
* - `app`: the card fills the available height and never scrolls itself;
|
|
34
|
+
* the page owns its own scroll regions. For editor-style pages (split
|
|
35
|
+
* panes, canvases) that would otherwise opt out of UiPage entirely.
|
|
36
|
+
*/
|
|
37
|
+
variant?: 'document' | 'app';
|
|
38
|
+
/**
|
|
39
|
+
* Headroom above the content card, letting the shell background show
|
|
40
|
+
* through. Sizes map to px via `HEADROOM_GAP_PX`.
|
|
41
|
+
*
|
|
42
|
+
* Left unset, the card gets `DEFAULT_HEADROOM_GAP` only when it sits flush
|
|
43
|
+
* at the top — i.e. there is no page header or left slot already offsetting
|
|
44
|
+
* it. Naming a size applies it in either case, and `none` removes the gap
|
|
45
|
+
* on a page that would otherwise get the default.
|
|
46
|
+
*/
|
|
47
|
+
headroomGap?: HeadroomGap;
|
|
16
48
|
};
|
|
17
49
|
type __VLS_Slots = {
|
|
18
50
|
banner?(): Slot;
|
|
@@ -25,7 +57,9 @@ type __VLS_Slots = {
|
|
|
25
57
|
};
|
|
26
58
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
27
59
|
title: string;
|
|
60
|
+
variant: "document" | "app";
|
|
28
61
|
pageContentClasses: string;
|
|
62
|
+
headroomGap: HeadroomGap;
|
|
29
63
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
30
64
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
31
65
|
declare const _default: typeof __VLS_export;
|
|
@@ -7,8 +7,8 @@ interface Props {
|
|
|
7
7
|
}
|
|
8
8
|
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
9
9
|
size: ProgressSize;
|
|
10
|
-
variant: ProgressVariant;
|
|
11
10
|
value: number | null;
|
|
11
|
+
variant: ProgressVariant;
|
|
12
12
|
indeterminate: boolean;
|
|
13
13
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
14
14
|
declare const _default: typeof __VLS_export;
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import type { SwitchColor, SwitchPosition, SwitchSize } from './types';
|
|
2
|
+
interface UiSwitchProps {
|
|
3
|
+
/**
|
|
4
|
+
* Whether the switch is on
|
|
5
|
+
* @default false
|
|
6
|
+
*/
|
|
7
|
+
modelValue?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* The label text
|
|
10
|
+
*/
|
|
11
|
+
label?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Description text below the label
|
|
14
|
+
*/
|
|
15
|
+
description?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Info tooltip for the label
|
|
18
|
+
*/
|
|
19
|
+
labelInfo?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Icon class rendered between the switch and the text (e.g. `i-ph-bell`)
|
|
22
|
+
*/
|
|
23
|
+
icon?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Whether the switch is disabled
|
|
26
|
+
* @default false
|
|
27
|
+
*/
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Whether the switch has an error
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
error?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Color of the on state (error takes precedence)
|
|
36
|
+
* @default 'primary'
|
|
37
|
+
*/
|
|
38
|
+
color?: SwitchColor;
|
|
39
|
+
/**
|
|
40
|
+
* Size of the switch
|
|
41
|
+
* @default 'sm'
|
|
42
|
+
*/
|
|
43
|
+
size?: SwitchSize;
|
|
44
|
+
/**
|
|
45
|
+
* Which side of the text the switch sits on
|
|
46
|
+
* @default 'left'
|
|
47
|
+
*/
|
|
48
|
+
switchPosition?: SwitchPosition;
|
|
49
|
+
/**
|
|
50
|
+
* Whether to show a background behind the switch and its text
|
|
51
|
+
* @default false
|
|
52
|
+
*/
|
|
53
|
+
showBg?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Whether the switch stretches to fill its container, which spreads the
|
|
56
|
+
* text and the switch to opposite edges
|
|
57
|
+
* @default false
|
|
58
|
+
*/
|
|
59
|
+
fullWidth?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Switch name attribute (renders a hidden input for native forms)
|
|
62
|
+
*/
|
|
63
|
+
name?: string;
|
|
64
|
+
/**
|
|
65
|
+
* Switch id attribute
|
|
66
|
+
*/
|
|
67
|
+
id?: string;
|
|
68
|
+
}
|
|
69
|
+
declare var __VLS_18: {}, __VLS_26: {};
|
|
70
|
+
type __VLS_Slots = {} & {
|
|
71
|
+
icon?: (props: typeof __VLS_18) => any;
|
|
72
|
+
} & {
|
|
73
|
+
label?: (props: typeof __VLS_26) => any;
|
|
74
|
+
};
|
|
75
|
+
declare const __VLS_base: import("vue").DefineComponent<UiSwitchProps, {
|
|
76
|
+
focus: () => void | undefined;
|
|
77
|
+
blur: () => void | undefined;
|
|
78
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
79
|
+
"update:modelValue": (value: boolean) => any;
|
|
80
|
+
blur: (event: FocusEvent) => any;
|
|
81
|
+
focus: (event: FocusEvent) => any;
|
|
82
|
+
}, string, import("vue").PublicProps, Readonly<UiSwitchProps> & Readonly<{
|
|
83
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
84
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
85
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
86
|
+
}>, {
|
|
87
|
+
size: SwitchSize;
|
|
88
|
+
label: string;
|
|
89
|
+
icon: string;
|
|
90
|
+
disabled: boolean;
|
|
91
|
+
color: SwitchColor;
|
|
92
|
+
error: boolean;
|
|
93
|
+
description: string;
|
|
94
|
+
name: string;
|
|
95
|
+
modelValue: boolean;
|
|
96
|
+
id: string;
|
|
97
|
+
labelInfo: string;
|
|
98
|
+
showBg: boolean;
|
|
99
|
+
fullWidth: boolean;
|
|
100
|
+
switchPosition: SwitchPosition;
|
|
101
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
102
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
103
|
+
declare const _default: typeof __VLS_export;
|
|
104
|
+
export default _default;
|
|
105
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
106
|
+
new (): {
|
|
107
|
+
$slots: S;
|
|
108
|
+
};
|
|
109
|
+
};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { type Slot } from 'vue';
|
|
2
1
|
export interface Tab {
|
|
3
2
|
/** Unique identifier for the tab */
|
|
4
3
|
value: string;
|
|
@@ -8,6 +7,8 @@ export interface Tab {
|
|
|
8
7
|
icon?: string;
|
|
9
8
|
/** Whether the tab is disabled */
|
|
10
9
|
disabled?: boolean;
|
|
10
|
+
/** Optional data-testid rendered on the tab button */
|
|
11
|
+
testId?: string;
|
|
11
12
|
}
|
|
12
13
|
export interface UiTabsProps {
|
|
13
14
|
/** Array of tab items */
|
|
@@ -18,7 +19,9 @@ export interface UiTabsProps {
|
|
|
18
19
|
size?: 'sm' | 'md';
|
|
19
20
|
}
|
|
20
21
|
type __VLS_Slots = {
|
|
21
|
-
badge?(
|
|
22
|
+
badge?(props: {
|
|
23
|
+
tab: Tab;
|
|
24
|
+
}): unknown;
|
|
22
25
|
};
|
|
23
26
|
declare const __VLS_base: import("vue").DefineComponent<UiTabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
24
27
|
"update:modelValue": (value: string) => any;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type Ref } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* Registers an element as a page "content" surface so the stored content mode
|
|
4
|
+
* (driven by the ThemePicker) applies its `data-colors-semantic` — the same
|
|
5
|
+
* behaviour `UiPage` gives its page content, without pulling in the full page
|
|
6
|
+
* layout (and its `<main>`).
|
|
7
|
+
*
|
|
8
|
+
* The content historically forces light mode. That pin is only lifted when the
|
|
9
|
+
* internal theming tooling is enabled, so the stored content mode can apply;
|
|
10
|
+
* everyone else stays light regardless of what localStorage may hold.
|
|
11
|
+
*
|
|
12
|
+
* The flag is read in onMounted, not at setup: setup also runs during SSR (no
|
|
13
|
+
* localStorage), and server + client-hydration markup must be identical — the
|
|
14
|
+
* pin lifts right after mount for the internal tooling instead.
|
|
15
|
+
*
|
|
16
|
+
* @param element Template ref of the content element to watch.
|
|
17
|
+
* @param selector Unique key for the watch registry — one per logical surface
|
|
18
|
+
* (e.g. `[data-name="ui-page-content"]`).
|
|
19
|
+
* @returns `contentMode`, to bind to the element's `data-colors-semantic`, and
|
|
20
|
+
* `isInternalThemingEnabled` for any mode-dependent styling.
|
|
21
|
+
*/
|
|
22
|
+
export declare function useContentMode(element: Ref<HTMLElement | undefined>, selector: string): {
|
|
23
|
+
contentMode: import("vue").ComputedRef<"light" | "dark">;
|
|
24
|
+
isInternalThemingEnabled: Ref<boolean, boolean>;
|
|
25
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type MaybeRefOrGetter } from 'vue';
|
|
2
|
+
export declare const ICON_SIZES: {
|
|
3
|
+
readonly xs: "size-3";
|
|
4
|
+
readonly sm: "size-4";
|
|
5
|
+
readonly md: "size-5";
|
|
6
|
+
readonly lg: "size-6";
|
|
7
|
+
readonly xl: "size-7";
|
|
8
|
+
};
|
|
9
|
+
export type IconSizeName = keyof typeof ICON_SIZES;
|
|
10
|
+
/** Reactive icon size class for a control's `size`. */
|
|
11
|
+
export declare function useIconSize(size: MaybeRefOrGetter<IconSizeName>): import("vue").ComputedRef<"size-3" | "size-4" | "size-5" | "size-6" | "size-7">;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const SIZES: readonly ["sm", "md", "lg"];
|
|
1
|
+
export declare const SIZES: readonly ["xs", "sm", "md", "lg"];
|
|
2
2
|
export type Size = typeof SIZES[number];
|
package/dist/ui-vue.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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}
|
|
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-eb861827],[data-v-eb861827]:before,[data-v-eb861827]:after,[data-v-eb861827]::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-eb861827]{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-eb861827]{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-eb861827]{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-eb861827]{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-eb861827]{background:0 0}.ui-text-field-field--error[data-v-eb861827]{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-eb861827]{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-eb861827]{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-eb861827]{background:0 0}.ui-text-field-field--disabled[data-v-eb861827]{cursor:not-allowed;opacity:.5}.ui-text-field-overlay[data-v-eb861827]{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-eb861827]{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-eb861827]{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-eb861827;animation-timeline:scroll(self x);position:relative;overflow-x:auto}.ui-text-field-element[data-v-eb861827]:disabled{cursor:not-allowed}.ui-text-field-element[data-v-eb861827]::-webkit-scrollbar{display:none}@keyframes ui-text-field-fade-eb861827{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-eb861827]{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-eb861827]{justify-content:center;align-items:center;display:flex}.ui-text-field-loader .loader[data-v-eb861827]{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);animation:var(--animate-spin,spin-eb861827 1s linear infinite);border:2px solid;border-top-color:#0000;border-radius:3.40282e38px}.ui-text-field-clear[data-v-eb861827]{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-eb861827]: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-eb861827{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-eb4dff80] a{color:var(--color-text-primary-secondary,var(--color-brand-alpha-dark-700));text-decoration-line:underline}[data-v-2a26a4a2] [frimousse-row]{display:grid!important;width:100%;grid-template-columns:repeat(9,minmax(0,1fr));gap:.125rem}[data-v-2a26a4a2] [frimousse-row]>[frimousse-emoji]{min-width:0}.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-7791e784] .badge{fill:var(--ui-logo-badge, #ffffff)}.ui-logo[data-v-7791e784] .mark{fill:var(--ui-logo-mark, #12262B)}.ui-logo--static[data-v-7791e784] .motion{animation:none}.ui-logo--invert-auto[data-v-7791e784]{--ui-logo-badge: #ffffff;--ui-logo-mark: var(--ui-logo-auto-mark, #12262B)}[data-colors-semantic=light] .ui-logo--invert-auto[data-v-7791e784]{--ui-logo-badge: var(--ui-logo-auto-mark, #12262B);--ui-logo-mark: #ffffff}[data-colors-semantic=light] [data-colors-semantic=dark] .ui-logo--invert-auto[data-v-7791e784]{--ui-logo-badge: #ffffff;--ui-logo-mark: var(--ui-logo-auto-mark, #12262B)}@media(prefers-reduced-motion:reduce){.ui-logo[data-v-7791e784] .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-190fe0ef]{border:none}.ui-room-button--ghost.ui-room-button--neutral[data-v-190fe0ef]{background:transparent;color:var(--color-actions-neutral-idle, rgb(245, 247, 252))}.ui-room-button--ghost.ui-room-button--neutral[data-v-190fe0ef]:not(:disabled):hover{background:#f5f7fc1a}.ui-room-button--ghost.ui-room-button--danger[data-v-190fe0ef]{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-190fe0ef]:not(:disabled):hover{background:#fc7f8224}.ui-room-button--glass.ui-room-button--neutral[data-v-190fe0ef]{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-190fe0ef]:not(:disabled):hover{background:#f5f7fc1a}.ui-room-button--ghost.ui-room-button--primary[data-v-190fe0ef]{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-190fe0ef]:not(:disabled):hover{background:#76a4ff24}.ui-room-button--ghost.ui-room-button--success[data-v-190fe0ef]{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-190fe0ef]:not(:disabled):hover{background:#2eb89a24}.ui-room-button--solid[data-v-190fe0ef]{color:#fff}.ui-room-button--solid.ui-room-button--primary[data-v-190fe0ef]{background:var(--color-actions-primary-idle, rgb(118, 164, 255))}.ui-room-button--solid.ui-room-button--danger[data-v-190fe0ef]{background:var(--color-red-500, rgb(224, 62, 65))}.ui-room-button--solid.ui-room-button--success[data-v-190fe0ef]{background:var(--color-green-500, rgb(22, 140, 115))}.ui-room-button--solid[data-v-190fe0ef]:not(:disabled):hover{filter:brightness(.95)}.ui-room-button--ghost.ui-room-button--active[data-v-190fe0ef]{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-42f232e9]{display:none}@media(min-height:600px)and (min-width:768px){.hidden-on-short-height[data-v-42f232e9]{display:block}}.show-on-short-height-desktop-only[data-v-6d8192e8]{display:none}@media(max-height:768px)and (hover:hover){.hidden-on-short-height[data-v-6d8192e8]{display:none}}@media(max-height:768px)and (hover:hover)and (pointer:fine){.show-on-short-height-desktop-only[data-v-6d8192e8]{display:block}}@media(min-height:768px),(hover:none),(pointer:coarse){.show-on-short-height-desktop-only[data-v-6d8192e8]{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}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useStorage as A } from "@vueuse/core";
|
|
2
|
-
import {
|
|
2
|
+
import { computed as d, watch as f, ref as E, getCurrentInstance as b } from "vue";
|
|
3
3
|
const T = {
|
|
4
4
|
LIVESTORM: "Livestorm",
|
|
5
5
|
CUSTOMER1: "customer1",
|