clds-ui 0.3.3
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 +16 -0
- package/dist/creators-lib.es.js +949 -0
- package/dist/creators-lib.umd.js +1 -0
- package/dist/favicon.ico +0 -0
- package/dist/index.d.ts +2 -0
- package/dist/robots.txt +2 -0
- package/dist/src/components/Accordion/CreatorsAccordion.vue.d.ts +27 -0
- package/dist/src/components/Accordion/index.d.ts +2 -0
- package/dist/src/components/Badge/CreatorsBadge.vue.d.ts +20 -0
- package/dist/src/components/Badge/index.d.ts +2 -0
- package/dist/src/components/Button/CreatorsButton.vue.d.ts +28 -0
- package/dist/src/components/Button/index.d.ts +2 -0
- package/dist/src/components/Card/CreatorsCard.vue.d.ts +33 -0
- package/dist/src/components/Card/index.d.ts +2 -0
- package/dist/src/components/Checkbox/CreatorsCheckbox.vue.d.ts +15 -0
- package/dist/src/components/Checkbox/index.d.ts +2 -0
- package/dist/src/components/DataTable/CreatorsDataTable.vue.d.ts +43 -0
- package/dist/src/components/DataTable/index.d.ts +2 -0
- package/dist/src/components/Divider/CreatorsDivider.vue.d.ts +13 -0
- package/dist/src/components/Divider/index.d.ts +2 -0
- package/dist/src/components/Grid/CreatorsCol.vue.d.ts +35 -0
- package/dist/src/components/Grid/CreatorsRow.vue.d.ts +20 -0
- package/dist/src/components/Grid/index.d.ts +4 -0
- package/dist/src/components/Input/CreatorsInput.vue.d.ts +51 -0
- package/dist/src/components/Input/index.d.ts +2 -0
- package/dist/src/components/InputSwitch/CreatorsInputSwitch.vue.d.ts +17 -0
- package/dist/src/components/InputSwitch/index.d.ts +2 -0
- package/dist/src/components/Modal/CreatorsModal.vue.d.ts +36 -0
- package/dist/src/components/Modal/index.d.ts +2 -0
- package/dist/src/components/Radio/CreatorsRadio.vue.d.ts +15 -0
- package/dist/src/components/Radio/index.d.ts +2 -0
- package/dist/src/components/Rating/CreatorsRating.vue.d.ts +23 -0
- package/dist/src/components/Rating/index.d.ts +2 -0
- package/dist/src/components/Select/CreatorsSelect.vue.d.ts +27 -0
- package/dist/src/components/Select/index.d.ts +2 -0
- package/dist/src/components/Skeleton/CreatorsSkeleton.vue.d.ts +27 -0
- package/dist/src/components/Skeleton/CreatorsSkeletonCard.vue.d.ts +3 -0
- package/dist/src/components/Skeleton/CreatorsSkeletonList.vue.d.ts +14 -0
- package/dist/src/components/Skeleton/CreatorsSkeletonProfile.vue.d.ts +8 -0
- package/dist/src/components/Skeleton/CreatorsSkeletonSimpleList.vue.d.ts +22 -0
- package/dist/src/components/Skeleton/CreatorsSkeletonTable.vue.d.ts +10 -0
- package/dist/src/components/Skeleton/index.d.ts +8 -0
- package/dist/src/components/Text/CreatorsText.vue.d.ts +20 -0
- package/dist/src/components/Text/index.d.ts +2 -0
- package/dist/src/components/Textarea/CreatorsTextarea.vue.d.ts +27 -0
- package/dist/src/components/Textarea/index.d.ts +2 -0
- package/dist/src/components/Timeline/CreatorsTimeline.vue.d.ts +37 -0
- package/dist/src/components/Timeline/index.d.ts +2 -0
- package/dist/src/components/Toast/CreatorsToaster.vue.d.ts +3 -0
- package/dist/src/components/Toast/index.d.ts +3 -0
- package/dist/src/components/Toast/useToast.d.ts +33 -0
- package/dist/src/index.d.ts +39 -0
- package/dist/src/plugin.d.ts +3 -0
- package/dist/style.css +1 -0
- package/package.json +54 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export interface SkeletonProps {
|
|
2
|
+
loading?: boolean;
|
|
3
|
+
variant?: 'rect' | 'circle' | 'text' | 'pill';
|
|
4
|
+
width?: string;
|
|
5
|
+
height?: string;
|
|
6
|
+
radius?: string;
|
|
7
|
+
lines?: number;
|
|
8
|
+
animated?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare var __VLS_1: {};
|
|
11
|
+
type __VLS_Slots = {} & {
|
|
12
|
+
default?: (props: typeof __VLS_1) => any;
|
|
13
|
+
};
|
|
14
|
+
declare const __VLS_base: import('vue').DefineComponent<SkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
|
|
15
|
+
variant: "rect" | "circle" | "text" | "pill";
|
|
16
|
+
loading: boolean;
|
|
17
|
+
lines: number;
|
|
18
|
+
animated: boolean;
|
|
19
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
21
|
+
declare const _default: typeof __VLS_export;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
declare const _default: typeof __VLS_export;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
rows?: number;
|
|
3
|
+
avatar?: boolean;
|
|
4
|
+
subtitle?: boolean;
|
|
5
|
+
action?: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
8
|
+
rows: number;
|
|
9
|
+
avatar: boolean;
|
|
10
|
+
subtitle: boolean;
|
|
11
|
+
action: boolean;
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
avatarSize?: string;
|
|
3
|
+
};
|
|
4
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
5
|
+
avatarSize: string;
|
|
6
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const _default: typeof __VLS_export;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export interface SkeletonSimpleListProps {
|
|
2
|
+
loading?: boolean;
|
|
3
|
+
rows?: number;
|
|
4
|
+
height?: string;
|
|
5
|
+
}
|
|
6
|
+
declare var __VLS_6: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_6) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import('vue').DefineComponent<SkeletonSimpleListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonSimpleListProps> & Readonly<{}>, {
|
|
11
|
+
loading: boolean;
|
|
12
|
+
rows: number;
|
|
13
|
+
height: string;
|
|
14
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
16
|
+
declare const _default: typeof __VLS_export;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
rows?: number;
|
|
3
|
+
cols?: number;
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
6
|
+
rows: number;
|
|
7
|
+
cols: number;
|
|
8
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
declare const _default: typeof __VLS_export;
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { default as CreatorsSkeleton } from './CreatorsSkeleton.vue';
|
|
2
|
+
export { default as CreatorsSkeletonCard } from './CreatorsSkeletonCard.vue';
|
|
3
|
+
export { default as CreatorsSkeletonList } from './CreatorsSkeletonList.vue';
|
|
4
|
+
export { default as CreatorsSkeletonSimpleList } from './CreatorsSkeletonSimpleList.vue';
|
|
5
|
+
export type { SkeletonSimpleListProps } from './CreatorsSkeletonSimpleList.vue';
|
|
6
|
+
export { default as CreatorsSkeletonProfile } from './CreatorsSkeletonProfile.vue';
|
|
7
|
+
export { default as CreatorsSkeletonTable } from './CreatorsSkeletonTable.vue';
|
|
8
|
+
export type { SkeletonProps } from './CreatorsSkeleton.vue';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export type TextVariant = 'display-2xl' | 'display-xl' | 'display-l' | 'display-md' | 'display-sm' | 'accent-2xl' | 'accent-xl' | 'accent-l' | 'accent-md' | 'accent-sm' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body-lg' | 'body-md' | 'body-sm';
|
|
2
|
+
export interface TextProps {
|
|
3
|
+
variant?: TextVariant;
|
|
4
|
+
as?: string;
|
|
5
|
+
}
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import('vue').DefineComponent<TextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TextProps> & Readonly<{}>, {
|
|
11
|
+
variant: TextVariant;
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export interface TextareaProps {
|
|
2
|
+
modelValue?: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
hint?: string;
|
|
6
|
+
error?: string;
|
|
7
|
+
rows?: number;
|
|
8
|
+
maxlength?: number;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
id?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const __VLS_export: import('vue').DefineComponent<TextareaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
13
|
+
"update:modelValue": (value: string) => any;
|
|
14
|
+
enter: (value: string) => any;
|
|
15
|
+
focus: (event: FocusEvent) => any;
|
|
16
|
+
blur: (event: FocusEvent) => any;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<TextareaProps> & Readonly<{
|
|
18
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
19
|
+
onEnter?: ((value: string) => any) | undefined;
|
|
20
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
21
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
22
|
+
}>, {
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
rows: number;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
26
|
+
declare const _default: typeof __VLS_export;
|
|
27
|
+
export default _default;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export interface TimelineItem {
|
|
2
|
+
title: string;
|
|
3
|
+
description?: string;
|
|
4
|
+
time?: string;
|
|
5
|
+
tag?: string;
|
|
6
|
+
icon?: 'check' | 'star' | 'warning' | 'dot';
|
|
7
|
+
color?: 'primary' | 'success' | 'warning' | 'error' | 'muted';
|
|
8
|
+
}
|
|
9
|
+
export interface TimelineProps {
|
|
10
|
+
items: TimelineItem[];
|
|
11
|
+
align?: 'left' | 'right' | 'alternate';
|
|
12
|
+
orientation?: 'vertical' | 'horizontal';
|
|
13
|
+
}
|
|
14
|
+
declare var __VLS_2: any, __VLS_3: {}, __VLS_6: any, __VLS_7: {}, __VLS_10: any, __VLS_11: {}, __VLS_14: any, __VLS_15: {}, __VLS_18: any, __VLS_19: {};
|
|
15
|
+
type __VLS_Slots = {} & {
|
|
16
|
+
[K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => any;
|
|
17
|
+
} & {
|
|
18
|
+
[K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
|
|
19
|
+
} & {
|
|
20
|
+
[K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
|
|
21
|
+
} & {
|
|
22
|
+
[K in NonNullable<typeof __VLS_14>]?: (props: typeof __VLS_15) => any;
|
|
23
|
+
} & {
|
|
24
|
+
[K in NonNullable<typeof __VLS_18>]?: (props: typeof __VLS_19) => any;
|
|
25
|
+
};
|
|
26
|
+
declare const __VLS_base: import('vue').DefineComponent<TimelineProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TimelineProps> & Readonly<{}>, {
|
|
27
|
+
align: "left" | "right" | "alternate";
|
|
28
|
+
orientation: "vertical" | "horizontal";
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
30
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
31
|
+
declare const _default: typeof __VLS_export;
|
|
32
|
+
export default _default;
|
|
33
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
34
|
+
new (): {
|
|
35
|
+
$slots: S;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
declare const _default: typeof __VLS_export;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export type ToastType = 'success' | 'error' | 'warning' | 'info';
|
|
2
|
+
export type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
3
|
+
export interface ToastItem {
|
|
4
|
+
id: number;
|
|
5
|
+
type: ToastType;
|
|
6
|
+
title: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
duration: number;
|
|
9
|
+
position: ToastPosition;
|
|
10
|
+
_timer?: ReturnType<typeof setTimeout>;
|
|
11
|
+
}
|
|
12
|
+
declare function add(options: Omit<ToastItem, 'id'> | string, type?: ToastType): number;
|
|
13
|
+
declare function remove(id: number): void;
|
|
14
|
+
declare function clear(): void;
|
|
15
|
+
export declare function useToast(): {
|
|
16
|
+
toasts: {
|
|
17
|
+
id: number;
|
|
18
|
+
type: ToastType;
|
|
19
|
+
title: string;
|
|
20
|
+
description?: string | undefined;
|
|
21
|
+
duration: number;
|
|
22
|
+
position: ToastPosition;
|
|
23
|
+
_timer?: ReturnType<typeof setTimeout> | undefined;
|
|
24
|
+
}[];
|
|
25
|
+
add: typeof add;
|
|
26
|
+
remove: typeof remove;
|
|
27
|
+
clear: typeof clear;
|
|
28
|
+
success: (title: string, opts?: Partial<Omit<ToastItem, "id" | "type" | "title">>) => number;
|
|
29
|
+
error: (title: string, opts?: Partial<Omit<ToastItem, "id" | "type" | "title">>) => number;
|
|
30
|
+
warning: (title: string, opts?: Partial<Omit<ToastItem, "id" | "type" | "title">>) => number;
|
|
31
|
+
info: (title: string, opts?: Partial<Omit<ToastItem, "id" | "type" | "title">>) => number;
|
|
32
|
+
};
|
|
33
|
+
export {};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export { CreatorsLibPlugin } from './plugin';
|
|
2
|
+
export { CreatorsButton } from './components/Button';
|
|
3
|
+
export type { ButtonProps } from './components/Button';
|
|
4
|
+
export { CreatorsText } from './components/Text';
|
|
5
|
+
export type { TextProps, TextVariant } from './components/Text';
|
|
6
|
+
export { CreatorsAccordion } from './components/Accordion';
|
|
7
|
+
export type { AccordionProps, AccordionItem } from './components/Accordion';
|
|
8
|
+
export { CreatorsInput } from './components/Input';
|
|
9
|
+
export type { InputProps } from './components/Input';
|
|
10
|
+
export { CreatorsInputSwitch } from './components/InputSwitch';
|
|
11
|
+
export type { InputSwitchProps } from './components/InputSwitch';
|
|
12
|
+
export { CreatorsTextarea } from './components/Textarea';
|
|
13
|
+
export type { TextareaProps } from './components/Textarea';
|
|
14
|
+
export { CreatorsSelect } from './components/Select';
|
|
15
|
+
export type { SelectProps, SelectOption } from './components/Select';
|
|
16
|
+
export { CreatorsCheckbox } from './components/Checkbox';
|
|
17
|
+
export type { CheckboxProps } from './components/Checkbox';
|
|
18
|
+
export { CreatorsRadio } from './components/Radio';
|
|
19
|
+
export type { RadioProps } from './components/Radio';
|
|
20
|
+
export { CreatorsRating } from './components/Rating';
|
|
21
|
+
export type { RatingProps } from './components/Rating';
|
|
22
|
+
export { CreatorsDataTable } from './components/DataTable';
|
|
23
|
+
export type { DataTableProps, TableColumn } from './components/DataTable';
|
|
24
|
+
export { CreatorsDivider } from './components/Divider';
|
|
25
|
+
export type { DividerProps } from './components/Divider';
|
|
26
|
+
export { CreatorsTimeline } from './components/Timeline';
|
|
27
|
+
export type { TimelineProps, TimelineItem } from './components/Timeline';
|
|
28
|
+
export { CreatorsBadge } from './components/Badge';
|
|
29
|
+
export type { BadgeProps, BadgeVariant } from './components/Badge';
|
|
30
|
+
export { CreatorsCard } from './components/Card';
|
|
31
|
+
export type { CardProps } from './components/Card';
|
|
32
|
+
export { CreatorsModal } from './components/Modal';
|
|
33
|
+
export type { ModalProps } from './components/Modal';
|
|
34
|
+
export { CreatorsToaster, useToast } from './components/Toast';
|
|
35
|
+
export type { ToastItem, ToastType, ToastPosition } from './components/Toast';
|
|
36
|
+
export { CreatorsSkeleton, CreatorsSkeletonCard, CreatorsSkeletonList, CreatorsSkeletonSimpleList, CreatorsSkeletonProfile, CreatorsSkeletonTable, } from './components/Skeleton';
|
|
37
|
+
export type { SkeletonProps, SkeletonSimpleListProps } from './components/Skeleton';
|
|
38
|
+
export { CreatorsRow, CreatorsCol } from './components/Grid';
|
|
39
|
+
export type { RowProps, ColProps } from './components/Grid';
|
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--cl-font-family: "Outfit", sans-serif;--cl-font-family-accent: "Crimson Pro", serif;--cl-font-family-accent-2xl-size: var(--cl-font-size-2xl);--cl-font-family-accent-xl-size: var(--cl-font-size-xl);--cl-font-family-accent-l-size: var(--cl-font-size-l);--cl-font-family-accent-md-size: var(--cl-font-size-md);--cl-font-family-accent-sm-size: var(--cl-font-size-sm);--cl-font-family-accent-style: italic;--cl-font-family-accent-weight: 400;--cl-font-family-accent-color: #b8b8b8;--cl-font-size-2xl: 96px;--cl-font-size-xl: 80px;--cl-font-size-l: 64px;--cl-font-size-md: 48px;--cl-font-size-sm: 40px;--cl-font-weight-regular: 400;--cl-font-weight-medium: 500;--cl-font-weight-semibold: 600;--cl-font-weight-bold: 700;--cl-line-height-normal: normal;--cl-font-size-h1: 32px;--cl-font-size-h2: 28px;--cl-font-size-h3: 24px;--cl-font-size-h4: 20px;--cl-font-size-h5: 18px;--cl-font-weight-h1: 500;--cl-font-weight-h2: 500;--cl-font-weight-h3: 500;--cl-font-weight-h4: 500;--cl-font-weight-h5: 600;--cl-font-size-body-lg: 16px;--cl-font-size-body-md: 14px;--cl-font-size-body-sm: 12px;--cl-font-weight-body: 400;--cl-radius-sm: 6px;--cl-radius-md: 10px;--cl-radius-lg: 12px;--cl-radius-xl: 16px;--cl-radius-pill: 9999px;--cl-space-1: 4px;--cl-space-2: 8px;--cl-space-3: 12px;--cl-space-4: 16px;--cl-space-5: 20px;--cl-space-6: 24px;--cl-space-8: 32px;--cl-space-10: 40px;--cl-space-12: 48px;--cl-space-16: 64px;--cl-space-20: 80px;--cl-space-24: 96px;--cl-color-primary: linear-gradient(90deg, #6c3aff 0%, #f564ff 77%, #ff9864 100%);--cl-color-primary-start: #6c3aff;--cl-color-primary-mid: #f564ff;--cl-color-primary-end: #ff9864;--cl-color-primary-50: #f3e3ff;--cl-color-primary-100: #dbbfff;--cl-color-primary-200: #d58eff;--cl-color-primary-300: #e29dff;--cl-color-primary-400: #c15eec;--cl-color-primary-500: #a21fff;--cl-color-primary-600: #8b2bff;--cl-color-primary-700: #6c3aff;--cl-color-primary-800: #622dff;--cl-color-primary-900: #2d075b;--cl-color-secondary-100: #a0fbea;--cl-color-secondary-200: #70f1ff;--cl-color-secondary-300: #55adff;--cl-color-secondary-400: #4e95ff;--cl-color-secondary-500: #4e95ff;--cl-color-secondary-600: #0015ff;--cl-color-tertiary-100: #cee280;--cl-color-tertiary-200: #a0fbea;--cl-color-tertiary-300: #70ffe0;--cl-color-tertiary-400: #4effa4;--cl-color-tertiary-500: #5af2d1;--cl-color-tertiary-600: #91aeff;--cl-color-neutral-1: #ffffff;--cl-color-neutral-2: #b8b8b8;--cl-color-neutral-3: #6e6e6f;--cl-color-neutral-4: #323232;--cl-color-neutral-5: #2d2d2d;--cl-color-neutral-6: #1c1b1e;--cl-color-neutral-7: #0e0d0f;--cl-color-success: #2ec13d;--cl-color-warning: #ffa837;--cl-color-error: #ff4144;--cl-color-info: #55adff;--cl-color-danger: #ff4144;--cl-color-danger-hover: #dc2626;--cl-color-text-default: var(--cl-color-neutral-6);--cl-color-text-inverse: var(--cl-color-neutral-1);--cl-surface-bg: #ffffff;--cl-surface-raised: #f5f5f7;--cl-surface-overlay: #ebebeb;--cl-surface-border: rgba(14, 13, 15, .12);--cl-surface-text: var(--cl-color-neutral-6);--cl-surface-muted: var(--cl-color-neutral-3);--cl-surface-subtle: var(--cl-color-neutral-3)}[data-theme=dark]{--cl-surface-bg: var(--cl-color-neutral-6);--cl-surface-raised: var(--cl-color-neutral-5);--cl-surface-overlay: var(--cl-color-neutral-4);--cl-surface-border: var(--cl-color-neutral-4);--cl-surface-text: var(--cl-color-neutral-1);--cl-surface-muted: var(--cl-color-neutral-3);--cl-surface-subtle: var(--cl-color-neutral-2);--cl-color-text-default: var(--cl-color-neutral-1);--cl-color-text-inverse: var(--cl-color-neutral-6)}.cl-btn[data-v-bf5586f5]{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s,filter .15s;white-space:nowrap;font-family:var(--cl-font-family, "Outfit", sans-serif);line-height:1;flex-shrink:0}.cl-btn[data-v-bf5586f5]:active:not(:disabled){transform:scale(.97)}.cl-btn[data-v-bf5586f5]:disabled{opacity:.35;cursor:not-allowed}.cl-btn--sm[data-v-bf5586f5]{height:36px;padding:0 16px;font-size:13px}.cl-btn--md[data-v-bf5586f5]{height:44px;padding:0 22px;font-size:14px}.cl-btn--lg[data-v-bf5586f5]{height:56px;padding:0 28px;font-size:16px}.cl-btn--primary[data-v-bf5586f5]{background:var(--cl-color-primary, linear-gradient(90deg, #6c3aff 0%, #f564ff 77%, #ff9864 100%));color:#fff;border:none;font-size:17px;font-weight:500;text-align:center}.cl-btn--primary[data-v-bf5586f5]:hover:not(:disabled){filter:brightness(1.1)}.cl-btn--outline[data-v-bf5586f5]{background:#fff;color:var(--cl-color-neutral-6, #1c1b1e);border:1.5px solid var(--cl-color-neutral-6, #1c1b1e);font-size:17px;font-weight:500;text-align:center}.cl-btn--outline[data-v-bf5586f5]:hover:not(:disabled){background:var(--cl-color-primary-50, #f3e3ff)}.cl-btn--solid[data-v-bf5586f5]{background:var(--cl-color-primary-600, #8b2bff);color:#fff;border:none;font-size:17px;font-weight:500;text-align:center}.cl-btn--solid[data-v-bf5586f5]:hover:not(:disabled){filter:brightness(1.12)}.cl-btn--dark[data-v-bf5586f5]{background:var(--cl-color-neutral-6, #1c1b1e);color:#fff;border:1.5px solid var(--cl-color-neutral-4, #323232);font-size:17px;font-weight:500;text-align:center}.cl-btn--dark[data-v-bf5586f5]:hover:not(:disabled){border-color:var(--cl-color-neutral-3, #6e6e6f)}.cl-btn--ghost[data-v-bf5586f5]{background:transparent;color:var(--cl-surface-text, #1c1b1e);border:none;font-size:17px;font-weight:500;text-align:center}.cl-btn--ghost[data-v-bf5586f5]:hover:not(:disabled){opacity:.7}.cl-btn--danger[data-v-bf5586f5]{background:var(--cl-color-error, #ff4144);color:#fff;border:none;font-size:17px;font-weight:500;text-align:center}.cl-btn--danger[data-v-bf5586f5]:hover:not(:disabled){filter:brightness(1.1)}.cl-btn__spinner[data-v-bf5586f5]{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:cl-spin-bf5586f5 .6s linear infinite}@keyframes cl-spin-bf5586f5{to{transform:rotate(360deg)}}.cl-text[data-v-a993d82e]{margin:0;font-style:normal;line-height:var(--cl-line-height-normal, normal)}.cl-text--display-2xl[data-v-a993d82e],.cl-text--display-xl[data-v-a993d82e],.cl-text--display-l[data-v-a993d82e],.cl-text--display-md[data-v-a993d82e],.cl-text--display-sm[data-v-a993d82e]{font-family:var(--cl-font-family, "Outfit", sans-serif);font-weight:var(--cl-font-weight-regular, 400);background:linear-gradient(90deg,#6c3aff,#f564ff 77%,#ff9864);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cl-text--display-2xl[data-v-a993d82e]{font-size:var(--cl-font-size-2xl, 96px)}.cl-text--display-xl[data-v-a993d82e]{font-size:var(--cl-font-size-xl, 80px)}.cl-text--display-l[data-v-a993d82e]{font-size:var(--cl-font-size-l, 64px)}.cl-text--display-md[data-v-a993d82e]{font-size:var(--cl-font-size-md, 48px)}.cl-text--display-sm[data-v-a993d82e]{font-size:var(--cl-font-size-sm, 40px)}.cl-text--accent-2xl[data-v-a993d82e],.cl-text--accent-xl[data-v-a993d82e],.cl-text--accent-l[data-v-a993d82e],.cl-text--accent-md[data-v-a993d82e],.cl-text--accent-sm[data-v-a993d82e]{font-family:var(--cl-font-family-accent, "Crimson Pro", serif);font-style:var(--cl-font-family-accent-style, italic);font-weight:var(--cl-font-family-accent-weight, 400);color:var(--cl-font-family-accent-color, #b8b8b8)}.cl-text--accent-2xl[data-v-a993d82e]{font-size:var(--cl-font-family-accent-2xl-size, 96px)}.cl-text--accent-xl[data-v-a993d82e]{font-size:var(--cl-font-family-accent-xl-size, 80px)}.cl-text--accent-l[data-v-a993d82e]{font-size:var(--cl-font-family-accent-l-size, 64px)}.cl-text--accent-md[data-v-a993d82e]{font-size:var(--cl-font-family-accent-md-size, 48px)}.cl-text--accent-sm[data-v-a993d82e]{font-size:var(--cl-font-family-accent-sm-size, 40px)}.cl-text--h1[data-v-a993d82e],.cl-text--h2[data-v-a993d82e],.cl-text--h3[data-v-a993d82e],.cl-text--h4[data-v-a993d82e],.cl-text--h5[data-v-a993d82e]{font-family:var(--cl-font-family, "Outfit", sans-serif);color:var(--cl-surface-text, #1c1b1e)}.cl-text--h1[data-v-a993d82e]{font-size:var(--cl-font-size-h1, 32px);font-weight:var(--cl-font-weight-h1, 500)}.cl-text--h2[data-v-a993d82e]{font-size:var(--cl-font-size-h2, 28px);font-weight:var(--cl-font-weight-h2, 500)}.cl-text--h3[data-v-a993d82e]{font-size:var(--cl-font-size-h3, 24px);font-weight:var(--cl-font-weight-h3, 500)}.cl-text--h4[data-v-a993d82e]{font-size:var(--cl-font-size-h4, 20px);font-weight:var(--cl-font-weight-h4, 500)}.cl-text--h5[data-v-a993d82e]{font-size:var(--cl-font-size-h5, 18px);font-weight:var(--cl-font-weight-h5, 600)}.cl-text--body-lg[data-v-a993d82e],.cl-text--body-md[data-v-a993d82e],.cl-text--body-sm[data-v-a993d82e]{font-family:var(--cl-font-family, "Outfit", sans-serif);font-weight:var(--cl-font-weight-body, 400);color:var(--cl-surface-text, #1c1b1e)}.cl-text--body-lg[data-v-a993d82e]{font-size:var(--cl-font-size-body-lg, 16px)}.cl-text--body-md[data-v-a993d82e]{font-size:var(--cl-font-size-body-md, 14px)}.cl-text--body-sm[data-v-a993d82e]{font-size:var(--cl-font-size-body-sm, 12px)}.cl-accordion[data-v-cdacee19]{display:flex;flex-direction:column;width:100%;font-family:var(--cl-font-family, "Outfit", sans-serif)}.cl-accordion__item[data-v-cdacee19]{border-bottom:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12))}.cl-accordion__item[data-v-cdacee19]:first-child{border-top:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12))}.cl-accordion__trigger[data-v-cdacee19]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--cl-space-5, 20px) 0;background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left;gap:var(--cl-space-4, 16px)}.cl-accordion__title[data-v-cdacee19]{font-size:var(--cl-font-size-h5, 18px);font-weight:var(--cl-font-weight-medium, 500);color:var(--cl-surface-text, #1c1b1e);line-height:var(--cl-line-height-normal, normal);transition:color .15s}.cl-accordion__item--open .cl-accordion__title[data-v-cdacee19]{background:var(--cl-color-primary, linear-gradient(90deg, #6c3aff 0%, #f564ff 77%, #ff9864 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cl-accordion__icon[data-v-cdacee19]{flex-shrink:0;color:var(--cl-color-neutral-3, #6e6e6f);transition:transform .25s ease,color .15s}.cl-accordion__item--open .cl-accordion__icon[data-v-cdacee19]{transform:rotate(180deg);color:var(--cl-color-primary-600, #8b2bff)}.cl-accordion__body[data-v-cdacee19]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.cl-accordion__item--open .cl-accordion__body[data-v-cdacee19]{grid-template-rows:1fr}.cl-accordion__content[data-v-cdacee19]{overflow:hidden;font-size:var(--cl-font-size-body-lg, 16px);font-weight:var(--cl-font-weight-body, 400);color:var(--cl-surface-subtle, #6e6e6f);line-height:1.6;padding-bottom:var(--cl-space-5, 20px)}.cl-input[data-v-914bb790]{display:flex;flex-direction:column;gap:var(--cl-space-2, 8px);font-family:var(--cl-font-family, "Outfit", sans-serif);width:100%}.cl-input__label[data-v-914bb790]{font-family:var(--cl-font-family, "Outfit", sans-serif);font-size:var(--cl-font-size-body-md, 14px);font-weight:var(--cl-font-weight-regular, 400);font-style:normal;line-height:var(--cl-line-height-normal, normal);color:var(--cl-color-neutral-3, #6e6e6f)}.cl-input__wrapper[data-v-914bb790]{display:flex;align-items:center;border-radius:var(--cl-radius-md, 10px);border:1px solid rgba(14,13,15,.16);background:#fff;transition:border-color .15s,background .15s;overflow:hidden}.cl-input__wrapper[data-v-914bb790]:hover{border-color:#8b2bff4d;background:#f7f5ff}.cl-input__wrapper[data-v-914bb790]:focus-within{border-color:var(--cl-color-primary-600, #8b2bff);background:#fff}.cl-input--error .cl-input__wrapper[data-v-914bb790]{border-color:var(--cl-color-error, #ff4144);background:#ff41440a}.cl-input--error .cl-input__wrapper[data-v-914bb790]:hover,.cl-input--error .cl-input__wrapper[data-v-914bb790]:focus-within{border-color:var(--cl-color-error, #ff4144);background:#ff41440a}.cl-input--disabled .cl-input__wrapper[data-v-914bb790]{opacity:.45;cursor:not-allowed;pointer-events:none}.cl-input__field[data-v-914bb790]{flex:1;border:none;outline:none;background:transparent;font-family:var(--cl-font-family, "Outfit", sans-serif);font-size:var(--cl-font-size-body-md, 14px);font-weight:var(--cl-font-weight-regular, 400);font-style:normal;line-height:var(--cl-line-height-normal, normal);color:var(--cl-color-neutral-3, #6e6e6f);width:100%;min-width:0}.cl-input__field[data-v-914bb790]::placeholder{color:var(--cl-color-neutral-3, #6e6e6f)}.cl-input--sm .cl-input__field[data-v-914bb790]{height:36px;padding:0 var(--cl-space-3, 12px);font-size:var(--cl-font-size-body-sm, 12px)}.cl-input--md .cl-input__field[data-v-914bb790]{height:44px;padding:0 var(--cl-space-4, 16px);font-size:var(--cl-font-size-body-md, 14px)}.cl-input--lg .cl-input__field[data-v-914bb790]{height:56px;padding:0 var(--cl-space-5, 20px);font-size:var(--cl-font-size-body-lg, 16px)}.cl-input__slot[data-v-914bb790]{display:flex;align-items:center;gap:4px;color:var(--cl-color-neutral-3, #6e6e6f);flex-shrink:0}.cl-input__slot--prefix[data-v-914bb790]{padding-left:var(--cl-space-3, 12px)}.cl-input__slot--suffix[data-v-914bb790]{padding-right:var(--cl-space-3, 12px)}.cl-input__action[data-v-914bb790]{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;cursor:pointer;color:var(--cl-color-neutral-3, #6e6e6f);border-radius:4px;transition:color .15s,background .15s}.cl-input__action[data-v-914bb790]:hover{color:var(--cl-color-neutral-7, #1c1b1e);background:#0000000f}.cl-input__action--search[data-v-914bb790]:hover{color:var(--cl-color-primary-600, #8b2bff)}.cl-input__spinner[data-v-914bb790]{display:inline-block;width:14px;height:14px;border:2px solid rgba(139,43,255,.2);border-top-color:var(--cl-color-primary-600, #8b2bff);border-radius:50%;animation:cl-input-spin-914bb790 .6s linear infinite;flex-shrink:0}@keyframes cl-input-spin-914bb790{to{transform:rotate(360deg)}}.cl-input__hint[data-v-914bb790]{font-size:var(--cl-font-size-body-sm, 12px);color:var(--cl-color-neutral-3, #6e6e6f);line-height:normal}.cl-input__hint--error[data-v-914bb790]{color:var(--cl-color-error, #ff4144)}.cl-switch[data-v-3fb5090c]{display:inline-flex;align-items:center;gap:var(--cl-space-3, 12px);cursor:pointer;font-family:var(--cl-font-family, "Outfit", sans-serif);-webkit-user-select:none;user-select:none}.cl-switch--disabled[data-v-3fb5090c]{opacity:.45;cursor:not-allowed;pointer-events:none}.cl-switch__input[data-v-3fb5090c]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.cl-switch__track[data-v-3fb5090c]{position:relative;flex-shrink:0;border-radius:var(--cl-radius-pill, 9999px);background:var(--cl-surface-overlay, #ebebeb);transition:background .2s ease}.cl-switch--checked .cl-switch__track[data-v-3fb5090c]{background:var(--cl-color-primary-600, #8b2bff)}.cl-switch__thumb[data-v-3fb5090c]{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:left .2s ease}.cl-switch__label[data-v-3fb5090c]{font-size:var(--cl-font-size-body-md, 14px);font-weight:var(--cl-font-weight-medium, 500);color:var(--cl-surface-text, #1c1b1e);line-height:normal}.cl-switch--sm .cl-switch__track[data-v-3fb5090c]{width:32px;height:18px}.cl-switch--sm .cl-switch__thumb[data-v-3fb5090c]{width:12px;height:12px;left:3px}.cl-switch--sm.cl-switch--checked .cl-switch__thumb[data-v-3fb5090c]{left:17px}.cl-switch--sm .cl-switch__label[data-v-3fb5090c]{font-size:var(--cl-font-size-body-sm, 12px)}.cl-switch--md .cl-switch__track[data-v-3fb5090c]{width:44px;height:24px}.cl-switch--md .cl-switch__thumb[data-v-3fb5090c]{width:16px;height:16px;left:4px}.cl-switch--md.cl-switch--checked .cl-switch__thumb[data-v-3fb5090c]{left:24px}.cl-switch--lg .cl-switch__track[data-v-3fb5090c]{width:56px;height:30px}.cl-switch--lg .cl-switch__thumb[data-v-3fb5090c]{width:22px;height:22px;left:4px}.cl-switch--lg.cl-switch--checked .cl-switch__thumb[data-v-3fb5090c]{left:30px}.cl-switch--lg .cl-switch__label[data-v-3fb5090c]{font-size:var(--cl-font-size-body-lg, 16px)}.cl-textarea[data-v-4d2b35a5]{display:flex;flex-direction:column;gap:var(--cl-space-2, 8px);font-family:var(--cl-font-family, "Outfit", sans-serif);width:100%}.cl-textarea__label[data-v-4d2b35a5]{font-family:var(--cl-font-family, "Outfit", sans-serif);font-size:var(--cl-font-size-body-md, 14px);font-weight:var(--cl-font-weight-regular, 400);font-style:normal;line-height:var(--cl-line-height-normal, normal);color:var(--cl-color-neutral-3, #6e6e6f)}.cl-textarea__field[data-v-4d2b35a5]{width:100%;padding:var(--cl-space-3, 12px) var(--cl-space-4, 16px);border-radius:var(--cl-radius-md, 10px);border:1px solid rgba(14,13,15,.16);background:#fff;font-family:var(--cl-font-family, "Outfit", sans-serif);font-size:var(--cl-font-size-body-md, 14px);font-weight:var(--cl-font-weight-regular, 400);font-style:normal;line-height:1.6;color:var(--cl-color-neutral-3, #6e6e6f);resize:vertical;outline:none;transition:border-color .15s,background .15s;box-sizing:border-box}.cl-textarea__field[data-v-4d2b35a5]::placeholder{color:var(--cl-color-neutral-3, #6e6e6f)}.cl-textarea__field[data-v-4d2b35a5]:hover{border-color:#8b2bff4d;background:#f7f5ff}.cl-textarea__field[data-v-4d2b35a5]:focus{border-color:var(--cl-color-primary-600, #8b2bff);background:#fff}.cl-textarea--error .cl-textarea__field[data-v-4d2b35a5]{border-color:var(--cl-color-error, #ff4144);background:#ff41440a}.cl-textarea--error .cl-textarea__field[data-v-4d2b35a5]:hover,.cl-textarea--error .cl-textarea__field[data-v-4d2b35a5]:focus{border-color:var(--cl-color-error, #ff4144);background:#ff41440a}.cl-textarea--disabled .cl-textarea__field[data-v-4d2b35a5]{opacity:.45;cursor:not-allowed;resize:none}.cl-textarea__footer[data-v-4d2b35a5]{display:flex;justify-content:space-between;align-items:center;min-height:16px}.cl-textarea__hint[data-v-4d2b35a5]{font-size:var(--cl-font-size-body-sm, 12px);color:var(--cl-color-neutral-3, #6e6e6f);line-height:normal}.cl-textarea__hint--error[data-v-4d2b35a5]{color:var(--cl-color-error, #ff4144)}.cl-textarea__count[data-v-4d2b35a5]{font-size:var(--cl-font-size-body-sm, 12px);color:var(--cl-color-neutral-3, #6e6e6f);line-height:normal;margin-left:auto}.cl-textarea__count--over[data-v-4d2b35a5]{color:var(--cl-color-error, #ff4144)}.cl-select[data-v-06f181b3]{position:relative;display:flex;flex-direction:column;gap:var(--cl-space-2, 8px);font-family:var(--cl-font-family, "Outfit", sans-serif);width:100%}.cl-select__label[data-v-06f181b3]{font-family:var(--cl-font-family, "Outfit", sans-serif);font-size:var(--cl-font-size-body-md, 14px);font-weight:var(--cl-font-weight-regular, 400);font-style:normal;line-height:var(--cl-line-height-normal, normal);color:var(--cl-color-neutral-3, #6e6e6f);cursor:pointer}.cl-select__trigger[data-v-06f181b3]{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--cl-radius-md, 10px);border:1px solid rgba(14,13,15,.16);background:#fff;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s;gap:var(--cl-space-2, 8px)}.cl-select__trigger[data-v-06f181b3]:hover{border-color:#8b2bff4d;background:#f7f5ff}.cl-select--open .cl-select__trigger[data-v-06f181b3]{border-color:var(--cl-color-primary-600, #8b2bff);background:#fff}.cl-select--error .cl-select__trigger[data-v-06f181b3],.cl-select--error .cl-select__trigger[data-v-06f181b3]:hover,.cl-select--error.cl-select--open .cl-select__trigger[data-v-06f181b3]{border-color:var(--cl-color-error, #ff4144);background:#ff41440a}.cl-select--disabled .cl-select__trigger[data-v-06f181b3]{opacity:.45;cursor:not-allowed;pointer-events:none}.cl-select--sm .cl-select__trigger[data-v-06f181b3]{height:36px;padding:0 var(--cl-space-3, 12px);font-size:var(--cl-font-size-body-sm, 12px)}.cl-select--md .cl-select__trigger[data-v-06f181b3]{height:44px;padding:0 var(--cl-space-4, 16px);font-size:var(--cl-font-size-body-md, 14px)}.cl-select--lg .cl-select__trigger[data-v-06f181b3]{height:56px;padding:0 var(--cl-space-5, 20px);font-size:var(--cl-font-size-body-lg, 16px)}.cl-select__value[data-v-06f181b3]{flex:1;text-align:left;font-size:inherit;font-weight:var(--cl-font-weight-regular, 400);color:var(--cl-color-neutral-3, #6e6e6f);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-select__value--placeholder[data-v-06f181b3]{color:var(--cl-color-neutral-3, #6e6e6f)}.cl-select__chevron[data-v-06f181b3]{flex-shrink:0;color:var(--cl-color-neutral-3, #6e6e6f);transition:transform .2s ease}.cl-select--open .cl-select__chevron[data-v-06f181b3]{transform:rotate(180deg);color:var(--cl-color-primary-600, #8b2bff)}.cl-select__dropdown[data-v-06f181b3]{position:absolute;top:calc(78% + var(--cl-space-1, 4px));left:0;right:0;z-index:100;list-style:none;margin:0;padding:var(--cl-space-2, 8px);background:#fff;border:1px solid rgba(139,43,255,.3);border-radius:var(--cl-radius-md, 10px);box-shadow:0 8px 24px #0000001f;max-height:240px;overflow-y:auto}.cl-select__option[data-v-06f181b3]{display:flex;align-items:center;justify-content:space-between;padding:var(--cl-space-2, 8px) var(--cl-space-3, 12px);border-radius:var(--cl-radius-sm, 6px);font-size:var(--cl-font-size-body-md, 14px);font-weight:var(--cl-font-weight-regular, 400);color:var(--cl-color-neutral-6, #1c1b1e);cursor:pointer;transition:background .1s}.cl-select__option[data-v-06f181b3]:hover{background:#f7f5ff}.cl-select__option--selected[data-v-06f181b3]{color:var(--cl-color-primary-600, #8b2bff);font-weight:var(--cl-font-weight-medium, 500)}.cl-select__option--selected[data-v-06f181b3]:hover{background:var(--cl-color-primary-50, #f3e3ff)}.cl-select__footer[data-v-06f181b3]{min-height:16px}.cl-select__hint[data-v-06f181b3]{font-size:var(--cl-font-size-body-sm, 12px);color:var(--cl-color-neutral-3, #6e6e6f)}.cl-select__hint--error[data-v-06f181b3]{color:var(--cl-color-error, #ff4144)}.cl-select-dropdown-enter-active[data-v-06f181b3],.cl-select-dropdown-leave-active[data-v-06f181b3]{transition:opacity .15s ease,transform .15s ease}.cl-select-dropdown-enter-from[data-v-06f181b3],.cl-select-dropdown-leave-to[data-v-06f181b3]{opacity:0;transform:translateY(-4px)}.cl-checkbox[data-v-d1ad8f2e]{display:inline-flex;align-items:center;gap:var(--cl-space-3, 12px);cursor:pointer;font-family:var(--cl-font-family, "Outfit", sans-serif);-webkit-user-select:none;user-select:none}.cl-checkbox--disabled[data-v-d1ad8f2e]{opacity:.45;cursor:not-allowed;pointer-events:none}.cl-checkbox__input[data-v-d1ad8f2e]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.cl-checkbox__box[data-v-d1ad8f2e]{width:20px;height:20px;flex-shrink:0;border-radius:var(--cl-radius-sm, 6px);border:1.5px solid rgba(14,13,15,.16);background:#fff;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.cl-checkbox:hover .cl-checkbox__box[data-v-d1ad8f2e]{border-color:#8b2bff4d;background:#f7f5ff}.cl-checkbox--checked .cl-checkbox__box[data-v-d1ad8f2e]{background:var(--cl-color-primary-600, #8b2bff);border-color:var(--cl-color-primary-600, #8b2bff)}.cl-checkbox--checked:hover .cl-checkbox__box[data-v-d1ad8f2e]{filter:brightness(1.1);background:var(--cl-color-primary-600, #8b2bff)}.cl-checkbox__check[data-v-d1ad8f2e]{color:#fff}.cl-checkbox__label[data-v-d1ad8f2e]{font-size:var(--cl-font-size-body-md, 14px);font-weight:var(--cl-font-weight-regular, 400);color:var(--cl-surface-text, #1c1b1e);line-height:normal}.cl-radio[data-v-242eedd7]{display:inline-flex;align-items:center;gap:var(--cl-space-3, 12px);cursor:pointer;font-family:var(--cl-font-family, "Outfit", sans-serif);-webkit-user-select:none;user-select:none}.cl-radio--disabled[data-v-242eedd7]{opacity:.45;cursor:not-allowed;pointer-events:none}.cl-radio__input[data-v-242eedd7]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.cl-radio__circle[data-v-242eedd7]{width:20px;height:20px;flex-shrink:0;border-radius:50%;border:1.5px solid rgba(14,13,15,.16);background:#fff;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.cl-radio:hover .cl-radio__circle[data-v-242eedd7]{border-color:#8b2bff4d;background:#f7f5ff}.cl-radio--checked .cl-radio__circle[data-v-242eedd7]{border-color:var(--cl-color-primary-600, #8b2bff);background:#fff}.cl-radio--checked:hover .cl-radio__circle[data-v-242eedd7]{border-color:var(--cl-color-primary-600, #8b2bff);background:var(--cl-color-primary-50, #f3e3ff)}.cl-radio__dot[data-v-242eedd7]{width:10px;height:10px;border-radius:50%;background:var(--cl-color-primary-600, #8b2bff)}.cl-radio__label[data-v-242eedd7]{font-size:var(--cl-font-size-body-md, 14px);font-weight:var(--cl-font-weight-regular, 400);color:var(--cl-surface-text, #1c1b1e);line-height:normal}.cl-rating[data-v-e6a67dab]{display:inline-flex;align-items:center;gap:var(--cl-space-1, 4px);font-family:var(--cl-font-family, "Outfit", sans-serif);position:relative}.cl-rating--disabled[data-v-e6a67dab]{opacity:.45;pointer-events:none}.cl-rating__star[data-v-e6a67dab]{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--cl-surface-overlay, #ebebeb);transition:transform .1s}.cl-rating--readonly .cl-rating__star[data-v-e6a67dab]{cursor:default}.cl-rating__star[data-v-e6a67dab]:not(:disabled):hover{transform:scale(1.2)}.cl-rating__star--filled[data-v-e6a67dab]{filter:drop-shadow(0 0 6px rgba(139,43,255,.4))}.cl-rating__value[data-v-e6a67dab]{font-size:var(--cl-font-size-body-sm, 12px);font-weight:var(--cl-font-weight-medium, 500);color:var(--cl-color-neutral-3, #6e6e6f);margin-left:var(--cl-space-2, 8px)}.cl-table-wrapper[data-v-7b8da436]{width:100%;border-radius:var(--cl-radius-md, 10px);border:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12));overflow:hidden;font-family:var(--cl-font-family, "Outfit", sans-serif)}.cl-table[data-v-7b8da436]{width:100%;border-collapse:collapse;table-layout:auto}.cl-table__head[data-v-7b8da436]{background:var(--cl-surface-raised, #f5f5f7)}.cl-table__th[data-v-7b8da436]{padding:var(--cl-space-3, 12px) var(--cl-space-4, 16px);text-align:left;font-size:var(--cl-font-size-body-sm, 12px);font-weight:var(--cl-font-weight-medium, 500);color:var(--cl-color-neutral-3, #6e6e6f);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12));-webkit-user-select:none;user-select:none}.cl-table__th--sortable[data-v-7b8da436]{cursor:pointer;transition:color .15s}.cl-table__th--sortable[data-v-7b8da436]:hover{color:var(--cl-color-neutral-1, #fff)}.cl-table__th-inner[data-v-7b8da436]{display:inline-flex;align-items:center;gap:var(--cl-space-1, 4px)}.cl-table__sort-icon[data-v-7b8da436]{display:flex;align-items:center;color:var(--cl-color-neutral-3, #6e6e6f)}.cl-table__body[data-v-7b8da436]{background:var(--cl-surface-bg, #fff)}.cl-table__row[data-v-7b8da436]{border-bottom:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12));transition:background .1s}.cl-table__row[data-v-7b8da436]:last-child{border-bottom:none}.cl-table__row[data-v-7b8da436]:hover{background:var(--cl-surface-raised, #f5f5f7)}.cl-table__row--clickable[data-v-7b8da436]{cursor:pointer}.cl-table__row--clickable[data-v-7b8da436]:hover{background:#8b2bff0f}.cl-table__td[data-v-7b8da436]{padding:var(--cl-space-3, 12px) var(--cl-space-4, 16px);font-size:var(--cl-font-size-body-md, 14px);font-weight:var(--cl-font-weight-regular, 400);color:var(--cl-surface-subtle, #6e6e6f);vertical-align:middle}.cl-table__td--center[data-v-7b8da436]{text-align:center;padding:var(--cl-space-10, 40px)}.cl-table__td--empty[data-v-7b8da436]{color:var(--cl-color-neutral-3, #6e6e6f);font-size:var(--cl-font-size-body-md, 14px)}.cl-table__loading[data-v-7b8da436]{display:flex;align-items:center;justify-content:center;gap:var(--cl-space-3, 12px);color:var(--cl-color-neutral-3, #6e6e6f);font-size:var(--cl-font-size-body-md, 14px)}.cl-table__spinner[data-v-7b8da436]{width:16px;height:16px;border:2px solid var(--cl-surface-overlay, #ebebeb);border-top-color:var(--cl-color-primary-600, #8b2bff);border-radius:50%;animation:cl-spin-7b8da436 .6s linear infinite}@keyframes cl-spin-7b8da436{to{transform:rotate(360deg)}}.cl-table__pagination[data-v-7b8da436]{display:flex;align-items:center;justify-content:space-between;padding:var(--cl-space-3, 12px) var(--cl-space-4, 16px);border-top:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12));background:var(--cl-surface-raised, #f5f5f7)}.cl-table__pagination-info[data-v-7b8da436]{font-size:var(--cl-font-size-body-sm, 12px);color:var(--cl-color-neutral-3, #6e6e6f)}.cl-table__pagination-controls[data-v-7b8da436]{display:flex;align-items:center;gap:var(--cl-space-3, 12px)}.cl-table__page-current[data-v-7b8da436]{font-size:var(--cl-font-size-body-sm, 12px);color:var(--cl-color-neutral-2, #b8b8b8);min-width:48px;text-align:center}.cl-table__page-btn[data-v-7b8da436]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--cl-surface-overlay, #ebebeb);border:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12));border-radius:var(--cl-radius-sm, 6px);color:var(--cl-surface-subtle, #6e6e6f);cursor:pointer;transition:background .15s,color .15s}.cl-table__page-btn[data-v-7b8da436]:hover:not(:disabled){background:var(--cl-color-primary-600, #8b2bff);border-color:var(--cl-color-primary-600, #8b2bff);color:#fff}.cl-table__page-btn[data-v-7b8da436]:disabled{opacity:.35;cursor:not-allowed}.cl-divider[data-v-31f5c2f9]{font-family:var(--cl-font-family, "Outfit", sans-serif)}.cl-divider--horizontal[data-v-31f5c2f9]{display:flex;align-items:center;width:100%;gap:12px}.cl-divider--horizontal[data-v-31f5c2f9]:before,.cl-divider--horizontal[data-v-31f5c2f9]:after{content:"";flex:1;height:1px;background:var(--cl-surface-border, rgba(14, 13, 15, .12))}.cl-divider--horizontal.cl-divider--dashed[data-v-31f5c2f9]:before,.cl-divider--horizontal.cl-divider--dashed[data-v-31f5c2f9]:after{background:none;border-top:1px dashed var(--cl-surface-border, rgba(14, 13, 15, .12))}.cl-divider--horizontal[data-v-31f5c2f9]:not(:has(.cl-divider__label)):after{display:none}.cl-divider--horizontal[data-v-31f5c2f9]:not(:has(.cl-divider__label)):before{flex:1}.cl-divider--label-left[data-v-31f5c2f9]:before{flex:0 0 16px}.cl-divider--label-center[data-v-31f5c2f9]:before{flex:1}.cl-divider--label-right[data-v-31f5c2f9]:after{flex:0 0 16px}.cl-divider--vertical[data-v-31f5c2f9]{display:inline-block;width:1px;height:100%;min-height:16px;background:var(--cl-surface-border, rgba(14, 13, 15, .12));align-self:stretch;flex-shrink:0}.cl-divider--vertical.cl-divider--dashed[data-v-31f5c2f9]{background:none;border-left:1px dashed var(--cl-surface-border, rgba(14, 13, 15, .12))}.cl-divider__label[data-v-31f5c2f9]{font-size:var(--cl-font-size-body-sm, 12px);font-weight:var(--cl-font-weight-medium, 500);color:var(--cl-color-neutral-3, #6e6e6f);white-space:nowrap;flex-shrink:0}.cl-timeline[data-v-f802dc88]{font-family:var(--cl-font-family, "Outfit", sans-serif);position:relative}.cl-timeline--vertical[data-v-f802dc88]{display:flex;flex-direction:column}.cl-timeline--vertical .cl-timeline__item[data-v-f802dc88]{display:grid;grid-template-columns:28px 1fr;gap:0 16px;position:relative}.cl-timeline--left .cl-timeline__item[data-v-f802dc88]{grid-template-columns:28px 1fr}.cl-timeline--right .cl-timeline__item[data-v-f802dc88]{grid-template-columns:1fr 28px}.cl-timeline--right .cl-timeline__dot-wrapper[data-v-f802dc88]{grid-column:2;grid-row:1}.cl-timeline--right .cl-timeline__content[data-v-f802dc88]{grid-column:1;grid-row:1;text-align:right}.cl-timeline--right .cl-timeline__card-header[data-v-f802dc88]{flex-direction:row-reverse}.cl-timeline--alternate .cl-timeline__item[data-v-f802dc88]{grid-template-columns:1fr 28px 1fr}.cl-timeline--alternate .cl-timeline__content--left[data-v-f802dc88]{text-align:right}.cl-timeline--alternate .cl-timeline__content--left .cl-timeline__tag[data-v-f802dc88]{align-self:flex-end}.cl-timeline--alternate .cl-timeline__card-header--reverse[data-v-f802dc88]{flex-direction:row-reverse}.cl-timeline__dot-wrapper[data-v-f802dc88]{display:flex;flex-direction:column;align-items:center}.cl-timeline__line[data-v-f802dc88]{width:2px;flex:1;min-height:12px;background:var(--cl-surface-border, rgba(14, 13, 15, .12))}.cl-timeline__item:first-child .cl-timeline__line--before[data-v-f802dc88]{visibility:hidden}.cl-timeline__item:last-child .cl-timeline__line--after[data-v-f802dc88]{visibility:hidden}.cl-timeline__dot[data-v-f802dc88]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;color:#fff}.cl-timeline__dot--primary[data-v-f802dc88]{background:var(--cl-color-primary, linear-gradient(90deg, #6c3aff 0%, #f564ff 77%, #ff9864 100%))}.cl-timeline__dot--success[data-v-f802dc88]{background:var(--cl-color-success, #2ec13d)}.cl-timeline__dot--warning[data-v-f802dc88]{background:var(--cl-color-warning, #ffa837)}.cl-timeline__dot--error[data-v-f802dc88]{background:var(--cl-color-error, #ff4144)}.cl-timeline__dot--muted[data-v-f802dc88]{background:var(--cl-surface-overlay, #ebebeb);border:2px solid var(--cl-color-neutral-3, #6e6e6f)}.cl-timeline__content[data-v-f802dc88]{padding-bottom:24px}.cl-timeline__item:last-child .cl-timeline__content[data-v-f802dc88]{padding-bottom:0}.cl-timeline__card[data-v-f802dc88]{background:var(--cl-surface-raised, #f5f5f7);border:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12));border-radius:var(--cl-radius-md, 10px);padding:12px 16px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s}.cl-timeline__card[data-v-f802dc88]:hover{border-color:#8b2bff4d}.cl-timeline__card-header[data-v-f802dc88]{display:flex;align-items:center;justify-content:space-between;gap:8px}.cl-timeline__title[data-v-f802dc88]{font-size:var(--cl-font-size-body-md, 14px);font-weight:var(--cl-font-weight-medium, 500);color:var(--cl-surface-text, #1c1b1e);line-height:normal}.cl-timeline__time[data-v-f802dc88]{font-size:var(--cl-font-size-body-sm, 12px);color:var(--cl-color-neutral-3, #6e6e6f);white-space:nowrap;flex-shrink:0}.cl-timeline__desc[data-v-f802dc88]{margin:0;font-size:var(--cl-font-size-body-sm, 12px);color:var(--cl-surface-subtle, #6e6e6f);line-height:1.5}.cl-timeline__tag[data-v-f802dc88]{display:inline-flex;align-self:flex-start;padding:2px 10px;border-radius:var(--cl-radius-pill, 9999px);font-size:11px;font-weight:500;background:#8b2bff26;color:var(--cl-color-primary-300, #e29dff)}.cl-timeline--horizontal[data-v-f802dc88]{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:8px}.cl-timeline--horizontal .cl-timeline__item[data-v-f802dc88]{display:flex;flex-direction:column;align-items:center;flex:1;min-width:120px}.cl-timeline--horizontal .cl-timeline__dot-wrapper[data-v-f802dc88]{flex-direction:row;width:100%}.cl-timeline--horizontal .cl-timeline__line[data-v-f802dc88]{width:auto;height:2px;flex:1;min-height:unset;min-width:16px}.cl-timeline--horizontal .cl-timeline__content[data-v-f802dc88]{padding-bottom:0;padding-top:12px;text-align:center;width:100%}.cl-timeline--horizontal .cl-timeline__card[data-v-f802dc88]{align-items:center;text-align:center;background:transparent;border:none;padding:0 8px}.cl-timeline--horizontal .cl-timeline__card[data-v-f802dc88]:hover{border-color:transparent}.cl-timeline--horizontal .cl-timeline__card-header[data-v-f802dc88]{flex-direction:column;gap:4px}.cl-timeline--horizontal .cl-timeline__tag[data-v-f802dc88]{align-self:center}.cl-badge[data-v-36988d61]{font-family:var(--cl-font-family, "Outfit", sans-serif);display:inline-flex;align-items:center;justify-content:center;gap:5px;height:28px;padding:0 14px;flex-shrink:0;border-radius:var(--cl-radius-pill, 9999px);font-size:12px;font-weight:500;line-height:normal;text-align:center;white-space:nowrap;border:1px solid transparent;box-sizing:border-box}.cl-badge--default[data-v-36988d61]{color:var(--cl-color-primary-400, #6c3aff);background:transparent;border-color:#6c3aff40}.cl-badge--solid[data-v-36988d61]{color:#fff;background:#0e0d0f;border-color:#0e0d0f}.cl-badge--purple[data-v-36988d61]{color:var(--cl-color-primary-400, #6c3aff);background:#6c3aff14;border-color:#6c3aff33}.cl-badge--gradient[data-v-36988d61]{color:#fff;background:var(--cl-color-primary, linear-gradient(90deg, #6c3aff 0%, #f564ff 77%, #ff9864 100%));border-color:transparent}.cl-badge--success[data-v-36988d61]{color:#2ec13d;background:#2ec13d1a;border-color:#2ec13d33}.cl-badge--warning[data-v-36988d61]{color:#e08600;background:#ffa8371f;border-color:#ffa83740}.cl-badge--error[data-v-36988d61]{color:#ff4144;background:#ff41441a;border-color:#ff414433}.cl-badge--info[data-v-36988d61]{color:#7ab4f5;background:#7ab4f51a;border-color:#7ab4f533}.cl-badge__icon[data-v-36988d61]{display:inline-flex;align-items:center;flex-shrink:0}.cl-card[data-v-152c5819]{font-family:var(--cl-font-family, "Outfit", sans-serif);display:inline-flex;flex-direction:column;align-items:flex-start;gap:7px;border-radius:16px;border:1px solid rgba(14,13,15,.08);background:#fff;overflow:hidden;box-sizing:border-box}.cl-card__body[data-v-152c5819]{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:24px 139px 83px 24px;width:100%;flex:1}.cl-card--flush .cl-card__body[data-v-152c5819]{padding:0}.cl-card__label[data-v-152c5819]{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-color-neutral-3, #6e6e6f)}.cl-card__title[data-v-152c5819]{font-size:var(--cl-font-size-body-lg, 16px);font-weight:var(--cl-font-weight-semibold, 600);color:var(--cl-color-neutral-7, #1c1b1e);line-height:1.35}.cl-card__description[data-v-152c5819]{font-size:var(--cl-font-size-body-sm, 12px);color:var(--cl-color-neutral-3, #6e6e6f);line-height:1.6}.cl-card__media[data-v-152c5819]{width:100%;overflow:hidden;flex-shrink:0}.cl-card__media img[data-v-152c5819],.cl-card__media video[data-v-152c5819]{width:100%;height:100%;object-fit:cover;display:block}.cl-card__footer[data-v-152c5819]{width:100%;padding:16px 24px;border-top:1px solid rgba(14,13,15,.08);display:flex;align-items:center;gap:8px;flex-shrink:0}.cl-card--outlined[data-v-152c5819]{background:transparent;border-color:var(--cl-surface-border, rgba(14, 13, 15, .12))}.cl-card--outlined .cl-card__title[data-v-152c5819]{color:var(--cl-surface-text, #1c1b1e)}.cl-card--outlined .cl-card__footer[data-v-152c5819]{border-top-color:var(--cl-surface-border, rgba(14, 13, 15, .12))}.cl-card--filled[data-v-152c5819]{background:var(--cl-surface-raised, #f5f5f7);border-color:var(--cl-surface-border, rgba(14, 13, 15, .12))}.cl-card--filled .cl-card__title[data-v-152c5819]{color:var(--cl-surface-text, #1c1b1e)}.cl-card--filled .cl-card__footer[data-v-152c5819]{border-top-color:var(--cl-surface-border, rgba(14, 13, 15, .12))}.cl-card--hoverable[data-v-152c5819]{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.cl-card--hoverable[data-v-152c5819]:hover{border-color:#8b2bff4d;box-shadow:0 4px 24px #6c3aff1a;transform:translateY(-1px)}.cl-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c}.cl-modal-overlay--blur{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cl-modal{font-family:var(--cl-font-family, "Outfit", sans-serif);position:relative;display:flex;flex-direction:column;background:var(--cl-surface-bg, #fff);border:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12));border-radius:16px;box-shadow:0 24px 64px #00000080;width:100%;max-height:calc(100vh - 48px);overflow:hidden}.cl-modal--sm{max-width:400px}.cl-modal--md{max-width:560px}.cl-modal--lg{max-width:720px}.cl-modal--xl{max-width:960px}.cl-modal--full{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}.cl-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 0;flex-shrink:0}.cl-modal__title{font-size:var(--cl-font-size-body-lg, 16px);font-weight:var(--cl-font-weight-semibold, 600);color:var(--cl-surface-text, #1c1b1e);line-height:1.3}.cl-modal__close{flex-shrink:0;background:none;border:none;padding:6px;border-radius:8px;cursor:pointer;color:var(--cl-surface-subtle, #6e6e6f);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;margin-left:auto}.cl-modal__close:hover{background:var(--cl-surface-raised, #f5f5f7);color:var(--cl-surface-text, #1c1b1e)}.cl-modal__body{padding:20px 24px;flex:1;overflow-y:auto;color:var(--cl-surface-subtle, #6e6e6f);font-size:var(--cl-font-size-body-md, 14px);line-height:1.6}.cl-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 24px 20px;flex-shrink:0}.cl-modal-enter-active,.cl-modal-leave-active{transition:opacity .2s ease}.cl-modal-enter-active .cl-modal,.cl-modal-leave-active .cl-modal{transition:transform .2s ease,opacity .2s ease}.cl-modal-enter-from,.cl-modal-leave-to{opacity:0}.cl-modal-enter-from .cl-modal,.cl-modal-leave-to .cl-modal{transform:scale(.96) translateY(8px);opacity:0}.cl-toaster{font-family:var(--cl-font-family, "Outfit", sans-serif);position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999}.cl-toast-group{position:absolute;display:flex;flex-direction:column;gap:10px;pointer-events:none;width:360px;max-width:calc(100vw - 32px)}.cl-toast-group--top-right{top:20px;right:20px}.cl-toast-group--top-left{top:20px;left:20px}.cl-toast-group--top-center{top:20px;left:50%;transform:translate(-50%)}.cl-toast-group--bottom-right{bottom:20px;right:20px;flex-direction:column-reverse}.cl-toast-group--bottom-left{bottom:20px;left:20px;flex-direction:column-reverse}.cl-toast-group--bottom-center{bottom:20px;left:50%;transform:translate(-50%);flex-direction:column-reverse}.cl-toast{pointer-events:all;position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 14px 18px;border-radius:var(--cl-radius-md, 10px);border:1px solid;overflow:hidden;box-shadow:0 8px 24px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cl-toast--success{background:#2ec13d1f;border-color:#2ec13d40;color:#2ec13d}.cl-toast--error{background:#ff41441f;border-color:#ff414440;color:#ff4144}.cl-toast--warning{background:#ffa8371f;border-color:#ffa83740;color:#ffa837}.cl-toast--info{background:#8b2bff1f;border-color:#8b2bff40;color:var(--cl-color-primary-300, #e29dff)}.cl-toast__icon{flex-shrink:0;margin-top:1px}.cl-toast__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cl-toast__title{font-size:var(--cl-font-size-body-md, 14px);font-weight:var(--cl-font-weight-medium, 500);color:#fff;line-height:1.4}.cl-toast__desc{font-size:var(--cl-font-size-body-sm, 12px);color:var(--cl-surface-subtle, #6e6e6f);line-height:1.5}.cl-toast__close{flex-shrink:0;background:none;border:none;padding:2px;cursor:pointer;color:var(--cl-color-neutral-2, #b8b8b8);border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .15s}.cl-toast__close:hover{opacity:1}.cl-toast__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff14}.cl-toast__progress-bar{height:100%;width:100%;transform-origin:left;animation:cl-toast-progress linear forwards}.cl-toast--success .cl-toast__progress-bar{background:#2ec13d}.cl-toast--error .cl-toast__progress-bar{background:#ff4144}.cl-toast--warning .cl-toast__progress-bar{background:#ffa837}.cl-toast--info .cl-toast__progress-bar{background:var(--cl-color-primary-300, #e29dff)}@keyframes cl-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.cl-toast-enter-active,.cl-toast-leave-active{transition:all .25s ease}.cl-toast-enter-from,.cl-toast-leave-to{opacity:0;transform:translate(24px)}.cl-skeleton[data-v-3b626f1f]{display:block;background:linear-gradient(90deg,var(--cl-surface-raised, #f5f5f7) 25%,var(--cl-surface-overlay, #ebebeb) 50%,var(--cl-surface-raised, #f5f5f7) 75%);background-size:200% 100%;animation:cl-shimmer-3b626f1f 1.6s ease-in-out infinite;flex-shrink:0}.cl-skeleton--no-animation[data-v-3b626f1f]{animation:none}.cl-skeleton--rect[data-v-3b626f1f]{border-radius:var(--cl-radius-sm, 6px)}.cl-skeleton--pill[data-v-3b626f1f]{border-radius:var(--cl-radius-pill, 9999px)}.cl-skeleton--circle[data-v-3b626f1f]{border-radius:50%}.cl-skeleton-text[data-v-3b626f1f]{display:flex;flex-direction:column;gap:8px;width:100%}@keyframes cl-shimmer-3b626f1f{0%{background-position:200% 0}to{background-position:-200% 0}}.cl-skeleton-card[data-v-00fa9654]{border-radius:var(--cl-radius-md, 10px);border:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12));overflow:hidden;background:var(--cl-surface-bg, #fff)}.cl-skeleton-card__body[data-v-00fa9654]{padding:16px;display:flex;flex-direction:column;gap:16px}.cl-skeleton-card__header[data-v-00fa9654]{display:flex;align-items:center;gap:12px}.cl-skeleton-card__meta[data-v-00fa9654]{display:flex;flex-direction:column;gap:6px;flex:1}.cl-skeleton-card__footer[data-v-00fa9654]{display:flex;gap:8px}.cl-skeleton-list[data-v-295ec324]{display:flex;flex-direction:column;width:100%}.cl-skeleton-list__item[data-v-295ec324]{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12))}.cl-skeleton-list__item[data-v-295ec324]:last-child{border-bottom:none}.cl-skeleton-list__content[data-v-295ec324]{flex:1;display:flex;flex-direction:column;gap:8px}.cl-skeleton-simple-list[data-v-f47e1288]{display:flex;flex-direction:column;gap:10px;width:100%}.col-1[data-v-f47e1288]{width:calc(1 / 6 * 100%)}.col-2[data-v-f47e1288]{width:calc(2 / 6 * 100%)}.col-3[data-v-f47e1288]{width:50%}.col-4[data-v-f47e1288]{width:calc(4 / 6 * 100%)}.col-5[data-v-f47e1288]{width:calc(5 / 6 * 100%)}.col-6[data-v-f47e1288]{width:100%}@media (min-width: 576px){.col-sm-1[data-v-f47e1288]{width:calc(1 / 6 * 100%)}.col-sm-2[data-v-f47e1288]{width:calc(2 / 6 * 100%)}.col-sm-3[data-v-f47e1288]{width:50%}.col-sm-4[data-v-f47e1288]{width:calc(4 / 6 * 100%)}.col-sm-5[data-v-f47e1288]{width:calc(5 / 6 * 100%)}.col-sm-6[data-v-f47e1288]{width:100%}}@media (min-width: 768px){.col-md-1[data-v-f47e1288]{width:calc(1 / 6 * 100%)}.col-md-2[data-v-f47e1288]{width:calc(2 / 6 * 100%)}.col-md-3[data-v-f47e1288]{width:50%}.col-md-4[data-v-f47e1288]{width:calc(4 / 6 * 100%)}.col-md-5[data-v-f47e1288]{width:calc(5 / 6 * 100%)}.col-md-6[data-v-f47e1288]{width:100%}}@media (min-width: 1024px){.col-lg-1[data-v-f47e1288]{width:calc(1 / 6 * 100%)}.col-lg-2[data-v-f47e1288]{width:calc(2 / 6 * 100%)}.col-lg-3[data-v-f47e1288]{width:50%}.col-lg-4[data-v-f47e1288]{width:calc(4 / 6 * 100%)}.col-lg-5[data-v-f47e1288]{width:calc(5 / 6 * 100%)}.col-lg-6[data-v-f47e1288]{width:100%}}.cl-skeleton-profile[data-v-a6635fb6]{border-radius:var(--cl-radius-md, 10px);border:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12));overflow:hidden;background:var(--cl-surface-bg, #fff)}.cl-skeleton-profile__body[data-v-a6635fb6]{padding:0 20px 20px;display:flex;flex-direction:column;gap:16px}.cl-skeleton-profile__avatar[data-v-a6635fb6]{margin-top:-40px;border:3px solid var(--cl-surface-bg, #fff)}.cl-skeleton-profile__info[data-v-a6635fb6]{display:flex;flex-direction:column;gap:10px}.cl-skeleton-profile__stats[data-v-a6635fb6]{display:flex;gap:32px;margin-top:4px}.cl-skeleton-profile__stat[data-v-a6635fb6]{display:flex;flex-direction:column;gap:4px}.cl-skeleton-table[data-v-175f116d]{width:100%;border-radius:var(--cl-radius-md, 10px);border:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12));overflow:hidden}.cl-skeleton-table__head[data-v-175f116d]{display:flex;background:var(--cl-surface-raised, #f5f5f7);padding:12px 16px;gap:16px;border-bottom:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12))}.cl-skeleton-table__row[data-v-175f116d]{display:flex;padding:14px 16px;gap:16px;border-bottom:1px solid var(--cl-surface-border, rgba(14, 13, 15, .12));background:var(--cl-surface-bg, #fff)}.cl-skeleton-table__row[data-v-175f116d]:last-child{border-bottom:none}.cl-skeleton-table__cell[data-v-175f116d]{flex:1;display:flex;align-items:center}.cl-row{display:flex;flex-wrap:wrap;margin-left:calc(var(--cl-gutter, 12px) * -1);margin-right:calc(var(--cl-gutter, 12px) * -1)}.cl-row--no-gutter{margin-left:0;margin-right:0}.cl-row--no-gutter>.cl-col{padding-left:0;padding-right:0}.cl-row--align-start{align-items:flex-start}.cl-row--align-center{align-items:center}.cl-row--align-end{align-items:flex-end}.cl-row--align-stretch{align-items:stretch}.cl-row--justify-start{justify-content:flex-start}.cl-row--justify-center{justify-content:center}.cl-row--justify-end{justify-content:flex-end}.cl-row--justify-between{justify-content:space-between}.cl-row--justify-around{justify-content:space-around}.cl-row--justify-evenly{justify-content:space-evenly}.cl-col{box-sizing:border-box;padding-left:var(--cl-gutter, 12px);padding-right:var(--cl-gutter, 12px);width:100%;min-width:0}.c-1{width:calc(1 / 12 * 100%)}.c-2{width:calc(2 / 12 * 100%)}.c-3{width:25%}.c-4{width:calc(4 / 12 * 100%)}.c-5{width:calc(5 / 12 * 100%)}.c-6{width:50%}.c-7{width:calc(7 / 12 * 100%)}.c-8{width:calc(8 / 12 * 100%)}.c-9{width:75%}.c-10{width:calc(10 / 12 * 100%)}.c-11{width:calc(11 / 12 * 100%)}.c-12{width:100%}.c-offset-1{margin-left:calc(1 / 12 * 100%)}.c-offset-2{margin-left:calc(2 / 12 * 100%)}.c-offset-3{margin-left:25%}.c-offset-4{margin-left:calc(4 / 12 * 100%)}.c-offset-5{margin-left:calc(5 / 12 * 100%)}.c-offset-6{margin-left:50%}.c-offset-7{margin-left:calc(7 / 12 * 100%)}.c-offset-8{margin-left:calc(8 / 12 * 100%)}.c-offset-9{margin-left:75%}.c-offset-10{margin-left:calc(10 / 12 * 100%)}.c-offset-11{margin-left:calc(11 / 12 * 100%)}@media (min-width: 576px){.c-sm-1{width:calc(1 / 12 * 100%)}.c-sm-2{width:calc(2 / 12 * 100%)}.c-sm-3{width:25%}.c-sm-4{width:calc(4 / 12 * 100%)}.c-sm-5{width:calc(5 / 12 * 100%)}.c-sm-6{width:50%}.c-sm-7{width:calc(7 / 12 * 100%)}.c-sm-8{width:calc(8 / 12 * 100%)}.c-sm-9{width:75%}.c-sm-10{width:calc(10 / 12 * 100%)}.c-sm-11{width:calc(11 / 12 * 100%)}.c-sm-12{width:100%}.c-sm-offset-1{margin-left:calc(1 / 12 * 100%)}.c-sm-offset-2{margin-left:calc(2 / 12 * 100%)}.c-sm-offset-3{margin-left:25%}.c-sm-offset-4{margin-left:calc(4 / 12 * 100%)}.c-sm-offset-5{margin-left:calc(5 / 12 * 100%)}.c-sm-offset-6{margin-left:50%}.c-sm-offset-7{margin-left:calc(7 / 12 * 100%)}.c-sm-offset-8{margin-left:calc(8 / 12 * 100%)}.c-sm-offset-9{margin-left:75%}.c-sm-offset-10{margin-left:calc(10 / 12 * 100%)}.c-sm-offset-11{margin-left:calc(11 / 12 * 100%)}}@media (min-width: 768px){.c-md-1{width:calc(1 / 12 * 100%)}.c-md-2{width:calc(2 / 12 * 100%)}.c-md-3{width:25%}.c-md-4{width:calc(4 / 12 * 100%)}.c-md-5{width:calc(5 / 12 * 100%)}.c-md-6{width:50%}.c-md-7{width:calc(7 / 12 * 100%)}.c-md-8{width:calc(8 / 12 * 100%)}.c-md-9{width:75%}.c-md-10{width:calc(10 / 12 * 100%)}.c-md-11{width:calc(11 / 12 * 100%)}.c-md-12{width:100%}.c-md-offset-1{margin-left:calc(1 / 12 * 100%)}.c-md-offset-2{margin-left:calc(2 / 12 * 100%)}.c-md-offset-3{margin-left:25%}.c-md-offset-4{margin-left:calc(4 / 12 * 100%)}.c-md-offset-5{margin-left:calc(5 / 12 * 100%)}.c-md-offset-6{margin-left:50%}.c-md-offset-7{margin-left:calc(7 / 12 * 100%)}.c-md-offset-8{margin-left:calc(8 / 12 * 100%)}.c-md-offset-9{margin-left:75%}.c-md-offset-10{margin-left:calc(10 / 12 * 100%)}.c-md-offset-11{margin-left:calc(11 / 12 * 100%)}}@media (min-width: 992px){.c-lg-1{width:calc(1 / 12 * 100%)}.c-lg-2{width:calc(2 / 12 * 100%)}.c-lg-3{width:25%}.c-lg-4{width:calc(4 / 12 * 100%)}.c-lg-5{width:calc(5 / 12 * 100%)}.c-lg-6{width:50%}.c-lg-7{width:calc(7 / 12 * 100%)}.c-lg-8{width:calc(8 / 12 * 100%)}.c-lg-9{width:75%}.c-lg-10{width:calc(10 / 12 * 100%)}.c-lg-11{width:calc(11 / 12 * 100%)}.c-lg-12{width:100%}.c-lg-offset-1{margin-left:calc(1 / 12 * 100%)}.c-lg-offset-2{margin-left:calc(2 / 12 * 100%)}.c-lg-offset-3{margin-left:25%}.c-lg-offset-4{margin-left:calc(4 / 12 * 100%)}.c-lg-offset-5{margin-left:calc(5 / 12 * 100%)}.c-lg-offset-6{margin-left:50%}.c-lg-offset-7{margin-left:calc(7 / 12 * 100%)}.c-lg-offset-8{margin-left:calc(8 / 12 * 100%)}.c-lg-offset-9{margin-left:75%}.c-lg-offset-10{margin-left:calc(10 / 12 * 100%)}.c-lg-offset-11{margin-left:calc(11 / 12 * 100%)}}@media (min-width: 1200px){.c-xl-1{width:calc(1 / 12 * 100%)}.c-xl-2{width:calc(2 / 12 * 100%)}.c-xl-3{width:25%}.c-xl-4{width:calc(4 / 12 * 100%)}.c-xl-5{width:calc(5 / 12 * 100%)}.c-xl-6{width:50%}.c-xl-7{width:calc(7 / 12 * 100%)}.c-xl-8{width:calc(8 / 12 * 100%)}.c-xl-9{width:75%}.c-xl-10{width:calc(10 / 12 * 100%)}.c-xl-11{width:calc(11 / 12 * 100%)}.c-xl-12{width:100%}.c-xl-offset-1{margin-left:calc(1 / 12 * 100%)}.c-xl-offset-2{margin-left:calc(2 / 12 * 100%)}.c-xl-offset-3{margin-left:25%}.c-xl-offset-4{margin-left:calc(4 / 12 * 100%)}.c-xl-offset-5{margin-left:calc(5 / 12 * 100%)}.c-xl-offset-6{margin-left:50%}.c-xl-offset-7{margin-left:calc(7 / 12 * 100%)}.c-xl-offset-8{margin-left:calc(8 / 12 * 100%)}.c-xl-offset-9{margin-left:75%}.c-xl-offset-10{margin-left:calc(10 / 12 * 100%)}.c-xl-offset-11{margin-left:calc(11 / 12 * 100%)}}
|
package/package.json
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "clds-ui",
|
|
3
|
+
"version": "0.3.3",
|
|
4
|
+
"description": "Vue UI component library",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"files": [
|
|
7
|
+
"dist"
|
|
8
|
+
],
|
|
9
|
+
"main": "./dist/creators-lib.umd.js",
|
|
10
|
+
"module": "./dist/creators-lib.es.js",
|
|
11
|
+
"exports": {
|
|
12
|
+
".": {
|
|
13
|
+
"import": "./dist/creators-lib.es.js",
|
|
14
|
+
"require": "./dist/creators-lib.umd.js"
|
|
15
|
+
},
|
|
16
|
+
"./style.css": "./dist/style.css"
|
|
17
|
+
},
|
|
18
|
+
"types": "./dist/index.d.ts",
|
|
19
|
+
"keywords": [],
|
|
20
|
+
"license": "MIT",
|
|
21
|
+
"repository": {
|
|
22
|
+
"type": "git",
|
|
23
|
+
"url": "https://github.com/creators-app/creators-lib"
|
|
24
|
+
},
|
|
25
|
+
"scripts": {
|
|
26
|
+
"build:lib": "vite build",
|
|
27
|
+
"dev": "nuxt dev",
|
|
28
|
+
"build": "nuxt build",
|
|
29
|
+
"generate": "nuxt generate",
|
|
30
|
+
"preview": "nuxt preview",
|
|
31
|
+
"test": "vitest run",
|
|
32
|
+
"test:watch": "vitest",
|
|
33
|
+
"test:ui": "vitest --ui",
|
|
34
|
+
"test:coverage": "vitest run --coverage"
|
|
35
|
+
},
|
|
36
|
+
"peerDependencies": {
|
|
37
|
+
"vue": "^2.7.0 || ^3.0.0"
|
|
38
|
+
},
|
|
39
|
+
"devDependencies": {
|
|
40
|
+
"@nuxt/devtools": "^4.0.0-alpha.4",
|
|
41
|
+
"@typescript/typescript6": "^6.0.1",
|
|
42
|
+
"@vitejs/plugin-vue": "^6.0.6",
|
|
43
|
+
"@vitejs/plugin-vue2": "^2.3.4",
|
|
44
|
+
"@vitest/ui": "^4.1.7",
|
|
45
|
+
"@vue/language-core": "^3.1.8",
|
|
46
|
+
"@vue/test-utils": "^2.4.10",
|
|
47
|
+
"jsdom": "^29.1.1",
|
|
48
|
+
"nuxt": "^4.4.6",
|
|
49
|
+
"vite": "^5.4.21",
|
|
50
|
+
"vite-plugin-dts": "^5.0.0",
|
|
51
|
+
"vitest": "^4.1.7",
|
|
52
|
+
"vue2": "npm:vue@^2.7.16"
|
|
53
|
+
}
|
|
54
|
+
}
|