@equal-experts/kuat-vue 0.4.2 → 0.6.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 +60 -142
- package/dist/FieldSet.vue_vue_type_script_setup_true_lang-D9i4ciy0.js +119 -0
- package/dist/FieldTitle.vue_vue_type_script_setup_true_lang-Bu8UIwRT.js +108 -0
- package/dist/KuatSelect.vue_vue_type_script_setup_true_lang-DP66U_wg.js +493 -0
- package/dist/Toggle.vue_vue_type_script_setup_true_lang-CZM1GrLQ.js +38 -0
- package/dist/accordion.js +7 -6
- package/dist/alert-dialog.js +13 -12
- package/dist/badge.js +4 -3
- package/dist/button-group.js +7 -6
- package/dist/button.js +4 -3
- package/dist/checkbox.d.ts +3 -0
- package/dist/checkbox.js +10 -0
- package/dist/components/ui/carousel/Carousel.vue.d.ts +52 -0
- package/dist/components/ui/carousel/CarouselContent.vue.d.ts +25 -0
- package/dist/components/ui/carousel/CarouselItem.vue.d.ts +27 -0
- package/dist/components/ui/carousel/CarouselNext.vue.d.ts +16 -0
- package/dist/components/ui/carousel/CarouselPrevious.vue.d.ts +16 -0
- package/dist/components/ui/carousel/context.d.ts +18 -0
- package/dist/components/ui/carousel/index.d.ts +7 -0
- package/dist/components/ui/checkbox/Checkbox.vue.d.ts +13 -0
- package/dist/components/ui/checkbox/CheckboxField.vue.d.ts +68 -0
- package/dist/components/ui/checkbox/constants.d.ts +4 -0
- package/dist/components/ui/checkbox/index.d.ts +4 -0
- package/dist/components/ui/field/Field.vue.d.ts +48 -0
- package/dist/components/ui/field/FieldContent.vue.d.ts +26 -0
- package/dist/components/ui/field/FieldDescription.vue.d.ts +26 -0
- package/dist/components/ui/field/FieldError.vue.d.ts +33 -0
- package/dist/components/ui/field/FieldGroup.vue.d.ts +26 -0
- package/dist/components/ui/field/FieldLabel.vue.d.ts +26 -0
- package/dist/components/ui/field/FieldLegend.vue.d.ts +43 -0
- package/dist/components/ui/field/FieldSeparator.vue.d.ts +26 -0
- package/dist/components/ui/field/FieldSet.vue.d.ts +26 -0
- package/dist/components/ui/field/FieldTitle.vue.d.ts +26 -0
- package/dist/components/ui/field/constants.d.ts +4 -0
- package/dist/components/ui/field/index.d.ts +12 -0
- package/dist/components/ui/input/Input.vue.d.ts +34 -0
- package/dist/components/ui/input/constants.d.ts +2 -0
- package/dist/components/ui/input/index.d.ts +3 -0
- package/dist/components/ui/kuat-carousel/KuatCarousel.vue.d.ts +7 -3
- package/dist/components/ui/kuat-carousel/KuatCarouselItem.vue.d.ts +2 -0
- package/dist/components/ui/radio/RadioField.vue.d.ts +58 -0
- package/dist/components/ui/radio/RadioGroup.vue.d.ts +31 -0
- package/dist/components/ui/radio/RadioGroupItem.vue.d.ts +22 -0
- package/dist/components/ui/radio/constants.d.ts +4 -0
- package/dist/components/ui/radio/index.d.ts +5 -0
- package/dist/components/ui/select/KuatSelect.vue.d.ts +104 -0
- package/dist/components/ui/select/Select.vue.d.ts +28 -0
- package/dist/components/ui/select/SelectContent.vue.d.ts +52 -0
- package/dist/components/ui/select/SelectGroup.vue.d.ts +22 -0
- package/dist/components/ui/select/SelectItem.vue.d.ts +40 -0
- package/dist/components/ui/select/SelectLabel.vue.d.ts +27 -0
- package/dist/components/ui/select/SelectScrollDownButton.vue.d.ts +18 -0
- package/dist/components/ui/select/SelectScrollUpButton.vue.d.ts +18 -0
- package/dist/components/ui/select/SelectSeparator.vue.d.ts +18 -0
- package/dist/components/ui/select/SelectTrigger.vue.d.ts +72 -0
- package/dist/components/ui/select/SelectValue.vue.d.ts +18 -0
- package/dist/components/ui/select/constants.d.ts +18 -0
- package/dist/components/ui/select/index.d.ts +13 -0
- package/dist/components/ui/sonner/KuatSonner.vue.d.ts +54 -0
- package/dist/components/ui/sonner/KuatSonnerContent.vue.d.ts +53 -0
- package/dist/components/ui/sonner/constants.d.ts +2 -0
- package/dist/components/ui/sonner/index.d.ts +7 -0
- package/dist/components/ui/sonner/toast.d.ts +17 -0
- package/dist/components/ui/switch/Switch.vue.d.ts +13 -0
- package/dist/components/ui/switch/SwitchField.vue.d.ts +68 -0
- package/dist/components/ui/switch/constants.d.ts +4 -0
- package/dist/components/ui/switch/index.d.ts +4 -0
- package/dist/components/ui/textarea/Textarea.vue.d.ts +24 -0
- package/dist/components/ui/textarea/constants.d.ts +2 -0
- package/dist/components/ui/textarea/index.d.ts +3 -0
- package/dist/components/ui/toggle/Toggle.vue.d.ts +42 -0
- package/dist/components/ui/toggle/constants.d.ts +4 -0
- package/dist/components/ui/toggle/index.d.ts +3 -0
- package/dist/components/ui/toggle-group/ToggleGroup.vue.d.ts +45 -0
- package/dist/components/ui/toggle-group/ToggleGroupItem.vue.d.ts +49 -0
- package/dist/components/ui/toggle-group/constants.d.ts +2 -0
- package/dist/components/ui/toggle-group/index.d.ts +4 -0
- package/dist/constants-4SN0MW4f.js +61 -0
- package/dist/constants-BpzIL1jq.js +141 -0
- package/dist/constants-CXAkjttx.js +5 -0
- package/dist/constants-CpIWAssv.js +32 -0
- package/dist/constants-D_fYMnOg.js +154 -0
- package/dist/constants-Ils7NSfg.js +131 -0
- package/dist/field.d.ts +3 -0
- package/dist/field.js +19 -0
- package/dist/index.d.ts +22 -0
- package/dist/index.js +1291 -1119
- package/dist/input.d.ts +3 -0
- package/dist/input.js +8 -0
- package/dist/radio.d.ts +3 -0
- package/dist/radio.js +11 -0
- package/dist/select.d.ts +3 -0
- package/dist/select.js +19 -0
- package/dist/sonner.d.ts +1 -0
- package/dist/sonner.js +7 -0
- package/dist/style.css +1 -1
- package/dist/switch.d.ts +1 -0
- package/dist/switch.js +7 -0
- package/dist/textarea.d.ts +3 -0
- package/dist/textarea.js +8 -0
- package/dist/toast-LJYTMaV_.js +113 -0
- package/dist/toggle-group.d.ts +5 -0
- package/dist/toggle-group.js +71 -0
- package/dist/toggle.d.ts +3 -0
- package/dist/toggle.js +10 -0
- package/package.json +53 -12
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
|
|
3
|
+
export type SonnerContentAction = {
|
|
4
|
+
label: string;
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
ariaLabel?: string;
|
|
7
|
+
};
|
|
8
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
9
|
+
action?: SonnerContentAction;
|
|
10
|
+
description?: string;
|
|
11
|
+
leftIcon?: Component | null;
|
|
12
|
+
showLeftIcon?: boolean;
|
|
13
|
+
title: string;
|
|
14
|
+
}>, {
|
|
15
|
+
action: undefined;
|
|
16
|
+
description: undefined;
|
|
17
|
+
leftIcon: null;
|
|
18
|
+
showLeftIcon: boolean;
|
|
19
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
20
|
+
action?: SonnerContentAction;
|
|
21
|
+
description?: string;
|
|
22
|
+
leftIcon?: Component | null;
|
|
23
|
+
showLeftIcon?: boolean;
|
|
24
|
+
title: string;
|
|
25
|
+
}>, {
|
|
26
|
+
action: undefined;
|
|
27
|
+
description: undefined;
|
|
28
|
+
leftIcon: null;
|
|
29
|
+
showLeftIcon: boolean;
|
|
30
|
+
}>>> & Readonly<{}>, {
|
|
31
|
+
description: string;
|
|
32
|
+
action: SonnerContentAction;
|
|
33
|
+
leftIcon: Component | null;
|
|
34
|
+
showLeftIcon: boolean;
|
|
35
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
36
|
+
export default _default;
|
|
37
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
38
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
39
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
40
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
41
|
+
} : {
|
|
42
|
+
type: import('vue').PropType<T[K]>;
|
|
43
|
+
required: true;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
type __VLS_WithDefaults<P, D> = {
|
|
47
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
48
|
+
default: D[K];
|
|
49
|
+
}> : P[K];
|
|
50
|
+
};
|
|
51
|
+
type __VLS_Prettify<T> = {
|
|
52
|
+
[K in keyof T]: T[K];
|
|
53
|
+
} & {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { default as Sonner } from './KuatSonner.vue';
|
|
2
|
+
export { default as SonnerContent } from './KuatSonnerContent.vue';
|
|
3
|
+
export { SONNER_POSITIONS } from './constants';
|
|
4
|
+
export { toast } from './toast';
|
|
5
|
+
export type { SonnerPosition } from './constants';
|
|
6
|
+
export type { SonnerContentAction } from './KuatSonnerContent.vue';
|
|
7
|
+
export type { SonnerAnnouncement, SonnerToastOptions } from './toast';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { toast as primitiveToast, ExternalToast } from 'vue-sonner';
|
|
2
|
+
|
|
3
|
+
export type SonnerAnnouncement = "polite" | "assertive";
|
|
4
|
+
export type SonnerToastOptions = Omit<ExternalToast, "important"> & {
|
|
5
|
+
announcement?: SonnerAnnouncement;
|
|
6
|
+
};
|
|
7
|
+
type SonnerMessage = Parameters<typeof primitiveToast>[0];
|
|
8
|
+
type ToastHandler = ((message: SonnerMessage, options?: SonnerToastOptions) => string | number) & {
|
|
9
|
+
success: (message: SonnerMessage, options?: SonnerToastOptions) => string | number;
|
|
10
|
+
info: (message: SonnerMessage, options?: SonnerToastOptions) => string | number;
|
|
11
|
+
warning: (message: SonnerMessage, options?: SonnerToastOptions) => string | number;
|
|
12
|
+
error: (message: SonnerMessage, options?: SonnerToastOptions) => string | number;
|
|
13
|
+
loading: (message: SonnerMessage, options?: SonnerToastOptions) => string | number;
|
|
14
|
+
dismiss: typeof primitiveToast.dismiss;
|
|
15
|
+
};
|
|
16
|
+
export declare const toast: ToastHandler;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
|
|
2
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
3
|
+
modelValue: import('vue').PropType<boolean>;
|
|
4
|
+
class: {
|
|
5
|
+
type: import('vue').PropType<any>;
|
|
6
|
+
};
|
|
7
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
8
|
+
modelValue: import('vue').PropType<boolean>;
|
|
9
|
+
class: {
|
|
10
|
+
type: import('vue').PropType<any>;
|
|
11
|
+
};
|
|
12
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
13
|
+
export default _default;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { SwitchFieldAppearance, SwitchFieldLayout } from './constants';
|
|
2
|
+
|
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
|
+
modelValue: import('vue').PropType<boolean>;
|
|
5
|
+
disabled: {
|
|
6
|
+
type: import('vue').PropType<boolean>;
|
|
7
|
+
};
|
|
8
|
+
label: {
|
|
9
|
+
type: import('vue').PropType<string>;
|
|
10
|
+
required: true;
|
|
11
|
+
};
|
|
12
|
+
class: {
|
|
13
|
+
type: import('vue').PropType<any>;
|
|
14
|
+
};
|
|
15
|
+
id: {
|
|
16
|
+
type: import('vue').PropType<string>;
|
|
17
|
+
};
|
|
18
|
+
secondaryText: {
|
|
19
|
+
type: import('vue').PropType<string>;
|
|
20
|
+
};
|
|
21
|
+
appearance: {
|
|
22
|
+
type: import('vue').PropType<"plain" | "card">;
|
|
23
|
+
default: string;
|
|
24
|
+
};
|
|
25
|
+
layout: {
|
|
26
|
+
type: import('vue').PropType<"inline" | "block">;
|
|
27
|
+
default: string;
|
|
28
|
+
};
|
|
29
|
+
flipped: {
|
|
30
|
+
type: import('vue').PropType<boolean>;
|
|
31
|
+
default: boolean;
|
|
32
|
+
};
|
|
33
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
34
|
+
modelValue: import('vue').PropType<boolean>;
|
|
35
|
+
disabled: {
|
|
36
|
+
type: import('vue').PropType<boolean>;
|
|
37
|
+
};
|
|
38
|
+
label: {
|
|
39
|
+
type: import('vue').PropType<string>;
|
|
40
|
+
required: true;
|
|
41
|
+
};
|
|
42
|
+
class: {
|
|
43
|
+
type: import('vue').PropType<any>;
|
|
44
|
+
};
|
|
45
|
+
id: {
|
|
46
|
+
type: import('vue').PropType<string>;
|
|
47
|
+
};
|
|
48
|
+
secondaryText: {
|
|
49
|
+
type: import('vue').PropType<string>;
|
|
50
|
+
};
|
|
51
|
+
appearance: {
|
|
52
|
+
type: import('vue').PropType<"plain" | "card">;
|
|
53
|
+
default: string;
|
|
54
|
+
};
|
|
55
|
+
layout: {
|
|
56
|
+
type: import('vue').PropType<"inline" | "block">;
|
|
57
|
+
default: string;
|
|
58
|
+
};
|
|
59
|
+
flipped: {
|
|
60
|
+
type: import('vue').PropType<boolean>;
|
|
61
|
+
default: boolean;
|
|
62
|
+
};
|
|
63
|
+
}>> & Readonly<{}>, {
|
|
64
|
+
appearance: SwitchFieldAppearance;
|
|
65
|
+
layout: SwitchFieldLayout;
|
|
66
|
+
flipped: boolean;
|
|
67
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
68
|
+
export default _default;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const SWITCH_FIELD_APPEARANCES: readonly ["plain", "card"];
|
|
2
|
+
export type SwitchFieldAppearance = (typeof SWITCH_FIELD_APPEARANCES)[number];
|
|
3
|
+
export declare const SWITCH_FIELD_LAYOUTS: readonly ["inline", "block"];
|
|
4
|
+
export type SwitchFieldLayout = (typeof SWITCH_FIELD_LAYOUTS)[number];
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { TextareaResize } from './constants';
|
|
2
|
+
|
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
|
+
modelValue: import('vue').PropType<string>;
|
|
5
|
+
class: {
|
|
6
|
+
type: import('vue').PropType<any>;
|
|
7
|
+
};
|
|
8
|
+
resize: {
|
|
9
|
+
type: import('vue').PropType<"vertical" | "horizontal" | "none" | "both">;
|
|
10
|
+
default: string;
|
|
11
|
+
};
|
|
12
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
13
|
+
modelValue: import('vue').PropType<string>;
|
|
14
|
+
class: {
|
|
15
|
+
type: import('vue').PropType<any>;
|
|
16
|
+
};
|
|
17
|
+
resize: {
|
|
18
|
+
type: import('vue').PropType<"vertical" | "horizontal" | "none" | "both">;
|
|
19
|
+
default: string;
|
|
20
|
+
};
|
|
21
|
+
}>> & Readonly<{}>, {
|
|
22
|
+
resize: TextareaResize;
|
|
23
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
24
|
+
export default _default;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { ToggleSize, ToggleSkin } from './constants';
|
|
2
|
+
|
|
3
|
+
declare function __VLS_template(): {
|
|
4
|
+
default?(_: {}): any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
7
|
+
modelValue: import('vue').PropType<boolean>;
|
|
8
|
+
size: {
|
|
9
|
+
type: import('vue').PropType<"small" | "mini" | "large" | "regular">;
|
|
10
|
+
default: string;
|
|
11
|
+
};
|
|
12
|
+
class: {
|
|
13
|
+
type: import('vue').PropType<any>;
|
|
14
|
+
};
|
|
15
|
+
skin: {
|
|
16
|
+
type: import('vue').PropType<"ghost" | "outlined">;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
20
|
+
modelValue: import('vue').PropType<boolean>;
|
|
21
|
+
size: {
|
|
22
|
+
type: import('vue').PropType<"small" | "mini" | "large" | "regular">;
|
|
23
|
+
default: string;
|
|
24
|
+
};
|
|
25
|
+
class: {
|
|
26
|
+
type: import('vue').PropType<any>;
|
|
27
|
+
};
|
|
28
|
+
skin: {
|
|
29
|
+
type: import('vue').PropType<"ghost" | "outlined">;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
}>> & Readonly<{}>, {
|
|
33
|
+
size: ToggleSize;
|
|
34
|
+
skin: ToggleSkin;
|
|
35
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
36
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
37
|
+
export default _default;
|
|
38
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
39
|
+
new (): {
|
|
40
|
+
$slots: S;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { ToggleGroupRootProps } from 'reka-ui';
|
|
3
|
+
|
|
4
|
+
declare function __VLS_template(): {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToggleGroupRootProps<import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[]> & {
|
|
8
|
+
class?: HTMLAttributes["class"];
|
|
9
|
+
}>, {
|
|
10
|
+
orientation: string;
|
|
11
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
+
"update:modelValue": (payload: import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[]) => void;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToggleGroupRootProps<import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[]> & {
|
|
14
|
+
class?: HTMLAttributes["class"];
|
|
15
|
+
}>, {
|
|
16
|
+
orientation: string;
|
|
17
|
+
}>>> & Readonly<{
|
|
18
|
+
"onUpdate:modelValue"?: ((payload: import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[]) => any) | undefined;
|
|
19
|
+
}>, {
|
|
20
|
+
orientation: "vertical" | "horizontal";
|
|
21
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
25
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
26
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
27
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
28
|
+
} : {
|
|
29
|
+
type: import('vue').PropType<T[K]>;
|
|
30
|
+
required: true;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
type __VLS_WithDefaults<P, D> = {
|
|
34
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
35
|
+
default: D[K];
|
|
36
|
+
}> : P[K];
|
|
37
|
+
};
|
|
38
|
+
type __VLS_Prettify<T> = {
|
|
39
|
+
[K in keyof T]: T[K];
|
|
40
|
+
} & {};
|
|
41
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
42
|
+
new (): {
|
|
43
|
+
$slots: S;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { ToggleGroupItemProps } from 'reka-ui';
|
|
3
|
+
import { ToggleSize, ToggleSkin } from '../toggle/constants';
|
|
4
|
+
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToggleGroupItemProps & {
|
|
9
|
+
class?: HTMLAttributes["class"];
|
|
10
|
+
size?: ToggleSize;
|
|
11
|
+
skin?: ToggleSkin;
|
|
12
|
+
}>, {
|
|
13
|
+
size: string;
|
|
14
|
+
skin: string;
|
|
15
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToggleGroupItemProps & {
|
|
16
|
+
class?: HTMLAttributes["class"];
|
|
17
|
+
size?: ToggleSize;
|
|
18
|
+
skin?: ToggleSkin;
|
|
19
|
+
}>, {
|
|
20
|
+
size: string;
|
|
21
|
+
skin: string;
|
|
22
|
+
}>>> & Readonly<{}>, {
|
|
23
|
+
size: ToggleSize;
|
|
24
|
+
skin: ToggleSkin;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
26
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
29
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
30
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
31
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
32
|
+
} : {
|
|
33
|
+
type: import('vue').PropType<T[K]>;
|
|
34
|
+
required: true;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
type __VLS_WithDefaults<P, D> = {
|
|
38
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
39
|
+
default: D[K];
|
|
40
|
+
}> : P[K];
|
|
41
|
+
};
|
|
42
|
+
type __VLS_Prettify<T> = {
|
|
43
|
+
[K in keyof T]: T[K];
|
|
44
|
+
} & {};
|
|
45
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
46
|
+
new (): {
|
|
47
|
+
$slots: S;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { defineComponent as _, mergeModels as v, useModel as g, useAttrs as y, computed as u, createElementBlock as t, openBlock as s, normalizeClass as h, unref as k, createCommentVNode as d, withDirectives as D, renderSlot as c, mergeProps as p, vModelDynamic as I } from "vue";
|
|
2
|
+
import { c as V } from "./utils-DLUjLwnh.js";
|
|
3
|
+
const $ = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "input__decoration input__decoration--left"
|
|
6
|
+
}, z = {
|
|
7
|
+
key: 3,
|
|
8
|
+
class: "input__decoration input__decoration--right"
|
|
9
|
+
}, C = /* @__PURE__ */ _({
|
|
10
|
+
inheritAttrs: !1,
|
|
11
|
+
__name: "Input",
|
|
12
|
+
props: /* @__PURE__ */ v({
|
|
13
|
+
class: {},
|
|
14
|
+
size: { default: "regular" }
|
|
15
|
+
}, {
|
|
16
|
+
modelValue: { required: !1 },
|
|
17
|
+
modelModifiers: {}
|
|
18
|
+
}),
|
|
19
|
+
emits: ["update:modelValue"],
|
|
20
|
+
setup(n) {
|
|
21
|
+
const i = n, a = g(n, "modelValue"), m = y(), o = u(() => {
|
|
22
|
+
const { class: e, ...l } = m;
|
|
23
|
+
return l;
|
|
24
|
+
}), r = u(() => o.value.type === "file");
|
|
25
|
+
return (e, l) => (s(), t("div", {
|
|
26
|
+
"data-slot": "input",
|
|
27
|
+
class: h(
|
|
28
|
+
k(V)(
|
|
29
|
+
"input",
|
|
30
|
+
`input--size-${i.size}`,
|
|
31
|
+
r.value && "input--type-file",
|
|
32
|
+
i.class
|
|
33
|
+
)
|
|
34
|
+
)
|
|
35
|
+
}, [
|
|
36
|
+
e.$slots.leftDecoration ? (s(), t("span", $, [
|
|
37
|
+
c(e.$slots, "leftDecoration")
|
|
38
|
+
])) : d("", !0),
|
|
39
|
+
r.value ? (s(), t("input", p({
|
|
40
|
+
key: 2,
|
|
41
|
+
"data-slot": "input-field",
|
|
42
|
+
class: "input__field"
|
|
43
|
+
}, o.value), null, 16)) : D((s(), t("input", p({
|
|
44
|
+
key: 1,
|
|
45
|
+
"data-slot": "input-field",
|
|
46
|
+
class: "input__field"
|
|
47
|
+
}, o.value, {
|
|
48
|
+
"onUpdate:modelValue": l[0] || (l[0] = (f) => a.value = f)
|
|
49
|
+
}), null, 16)), [
|
|
50
|
+
[I, a.value]
|
|
51
|
+
]),
|
|
52
|
+
e.$slots.rightDecoration ? (s(), t("span", z, [
|
|
53
|
+
c(e.$slots, "rightDecoration")
|
|
54
|
+
])) : d("", !0)
|
|
55
|
+
], 2));
|
|
56
|
+
}
|
|
57
|
+
}), S = ["regular", "large", "small", "mini"];
|
|
58
|
+
export {
|
|
59
|
+
S as I,
|
|
60
|
+
C as _
|
|
61
|
+
};
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { defineComponent as k, mergeModels as y, useModel as v, useAttrs as V, computed as d, createBlock as b, openBlock as x, unref as a, mergeProps as C, withCtx as c, createVNode as o, useId as g, normalizeClass as E, createElementVNode as I, createCommentVNode as S, createTextVNode as h, toDisplayString as p } from "vue";
|
|
2
|
+
import { c as A } from "./utils-DLUjLwnh.js";
|
|
3
|
+
import { _ as T, c as M, a as N, d as O, b as P } from "./FieldTitle.vue_vue_type_script_setup_true_lang-Bu8UIwRT.js";
|
|
4
|
+
import { CheckboxRoot as D, CheckboxIndicator as F } from "reka-ui";
|
|
5
|
+
import { Check as L, Minus as U } from "lucide-vue-next";
|
|
6
|
+
import { r as q } from "./index-A7umpmtg.js";
|
|
7
|
+
const w = /* @__PURE__ */ k({
|
|
8
|
+
inheritAttrs: !1,
|
|
9
|
+
__name: "Checkbox",
|
|
10
|
+
props: /* @__PURE__ */ y({
|
|
11
|
+
class: {}
|
|
12
|
+
}, {
|
|
13
|
+
modelValue: { type: [Boolean, String], required: !1 },
|
|
14
|
+
modelModifiers: {}
|
|
15
|
+
}),
|
|
16
|
+
emits: ["update:modelValue"],
|
|
17
|
+
setup(e) {
|
|
18
|
+
const s = e, t = v(e, "modelValue"), u = V(), f = d(() => {
|
|
19
|
+
const { class: i, ...l } = u;
|
|
20
|
+
return l;
|
|
21
|
+
});
|
|
22
|
+
return (i, l) => (x(), b(a(D), C({
|
|
23
|
+
modelValue: t.value,
|
|
24
|
+
"onUpdate:modelValue": l[0] || (l[0] = (m) => t.value = m),
|
|
25
|
+
"data-slot": "checkbox",
|
|
26
|
+
class: a(A)("checkbox", s.class)
|
|
27
|
+
}, f.value), {
|
|
28
|
+
default: c(() => [
|
|
29
|
+
o(a(F), { class: "checkbox__indicator" }, {
|
|
30
|
+
default: c(() => [
|
|
31
|
+
o(a(L), {
|
|
32
|
+
class: "checkbox__icon checkbox__icon--check",
|
|
33
|
+
"aria-hidden": "true"
|
|
34
|
+
}),
|
|
35
|
+
o(a(U), {
|
|
36
|
+
class: "checkbox__icon checkbox__icon--indeterminate",
|
|
37
|
+
"aria-hidden": "true"
|
|
38
|
+
})
|
|
39
|
+
]),
|
|
40
|
+
_: 1
|
|
41
|
+
})
|
|
42
|
+
]),
|
|
43
|
+
_: 1
|
|
44
|
+
}, 16, ["modelValue", "class"]));
|
|
45
|
+
}
|
|
46
|
+
}), H = { class: "checkbox-field__checkbox-wrap" }, G = /* @__PURE__ */ k({
|
|
47
|
+
inheritAttrs: !1,
|
|
48
|
+
__name: "CheckboxField",
|
|
49
|
+
props: /* @__PURE__ */ y({
|
|
50
|
+
class: {},
|
|
51
|
+
label: {},
|
|
52
|
+
secondaryText: {},
|
|
53
|
+
appearance: { default: "plain" },
|
|
54
|
+
layout: { default: "inline" },
|
|
55
|
+
flipped: { type: Boolean, default: !1 },
|
|
56
|
+
id: {},
|
|
57
|
+
disabled: { type: Boolean }
|
|
58
|
+
}, {
|
|
59
|
+
modelValue: { type: [Boolean, String], required: !1 },
|
|
60
|
+
modelModifiers: {}
|
|
61
|
+
}),
|
|
62
|
+
emits: ["update:modelValue"],
|
|
63
|
+
setup(e) {
|
|
64
|
+
const s = e, t = v(e, "modelValue"), u = V(), f = g(), i = d(() => s.id ?? f), l = d(() => s.secondaryText != null), m = q(s, [
|
|
65
|
+
"label",
|
|
66
|
+
"secondaryText",
|
|
67
|
+
"appearance",
|
|
68
|
+
"layout",
|
|
69
|
+
"flipped",
|
|
70
|
+
"id",
|
|
71
|
+
"class",
|
|
72
|
+
"disabled"
|
|
73
|
+
]), _ = d(() => {
|
|
74
|
+
const { class: n, ...r } = u;
|
|
75
|
+
return { ...m, ...r };
|
|
76
|
+
}), B = d(() => {
|
|
77
|
+
const n = _.value["aria-invalid"];
|
|
78
|
+
return n === !0 || n === "true";
|
|
79
|
+
});
|
|
80
|
+
return (n, r) => (x(), b(a(T), {
|
|
81
|
+
"data-slot": "checkbox-field",
|
|
82
|
+
class: E(
|
|
83
|
+
a(A)(
|
|
84
|
+
"checkbox-field",
|
|
85
|
+
`checkbox-field--appearance-${e.appearance}`,
|
|
86
|
+
`checkbox-field--layout-${e.layout}`,
|
|
87
|
+
l.value && "checkbox-field--has-secondary",
|
|
88
|
+
e.flipped && "checkbox-field--flipped",
|
|
89
|
+
e.disabled && "checkbox-field--disabled",
|
|
90
|
+
B.value && "checkbox-field--invalid",
|
|
91
|
+
s.class
|
|
92
|
+
)
|
|
93
|
+
)
|
|
94
|
+
}, {
|
|
95
|
+
default: c(() => [
|
|
96
|
+
o(a(M), {
|
|
97
|
+
class: "checkbox-field__label",
|
|
98
|
+
for: i.value
|
|
99
|
+
}, {
|
|
100
|
+
default: c(() => [
|
|
101
|
+
I("span", H, [
|
|
102
|
+
o(w, C({
|
|
103
|
+
id: i.value,
|
|
104
|
+
modelValue: t.value,
|
|
105
|
+
"onUpdate:modelValue": r[0] || (r[0] = ($) => t.value = $)
|
|
106
|
+
}, _.value, { disabled: e.disabled }), null, 16, ["id", "modelValue", "disabled"])
|
|
107
|
+
]),
|
|
108
|
+
o(a(N), { class: "checkbox-field__text" }, {
|
|
109
|
+
default: c(() => [
|
|
110
|
+
o(a(O), { class: "checkbox-field__primary" }, {
|
|
111
|
+
default: c(() => [
|
|
112
|
+
h(p(e.label), 1)
|
|
113
|
+
]),
|
|
114
|
+
_: 1
|
|
115
|
+
}),
|
|
116
|
+
l.value ? (x(), b(a(P), {
|
|
117
|
+
key: 0,
|
|
118
|
+
class: "checkbox-field__secondary"
|
|
119
|
+
}, {
|
|
120
|
+
default: c(() => [
|
|
121
|
+
h(p(e.secondaryText), 1)
|
|
122
|
+
]),
|
|
123
|
+
_: 1
|
|
124
|
+
})) : S("", !0)
|
|
125
|
+
]),
|
|
126
|
+
_: 1
|
|
127
|
+
})
|
|
128
|
+
]),
|
|
129
|
+
_: 1
|
|
130
|
+
}, 8, ["for"])
|
|
131
|
+
]),
|
|
132
|
+
_: 1
|
|
133
|
+
}, 8, ["class"]));
|
|
134
|
+
}
|
|
135
|
+
}), J = ["plain", "card"], Q = ["inline", "block"];
|
|
136
|
+
export {
|
|
137
|
+
J as C,
|
|
138
|
+
w as _,
|
|
139
|
+
G as a,
|
|
140
|
+
Q as b
|
|
141
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { defineComponent as c, mergeModels as d, useModel as i, useAttrs as u, computed as m, withDirectives as p, createElementBlock as f, openBlock as x, mergeProps as v, unref as A, vModelText as E } from "vue";
|
|
2
|
+
import { c as T } from "./utils-DLUjLwnh.js";
|
|
3
|
+
const M = /* @__PURE__ */ c({
|
|
4
|
+
inheritAttrs: !1,
|
|
5
|
+
__name: "Textarea",
|
|
6
|
+
props: /* @__PURE__ */ d({
|
|
7
|
+
class: {},
|
|
8
|
+
resize: { default: "vertical" }
|
|
9
|
+
}, {
|
|
10
|
+
modelValue: { required: !1 },
|
|
11
|
+
modelModifiers: {}
|
|
12
|
+
}),
|
|
13
|
+
emits: ["update:modelValue"],
|
|
14
|
+
setup(t) {
|
|
15
|
+
const s = t, a = i(t, "modelValue"), r = u(), o = m(() => {
|
|
16
|
+
const { class: l, ...e } = r;
|
|
17
|
+
return e;
|
|
18
|
+
});
|
|
19
|
+
return (l, e) => p((x(), f("textarea", v({
|
|
20
|
+
"data-slot": "textarea",
|
|
21
|
+
class: A(T)("textarea", `textarea--resize-${s.resize}`, s.class)
|
|
22
|
+
}, o.value, {
|
|
23
|
+
"onUpdate:modelValue": e[0] || (e[0] = (n) => a.value = n)
|
|
24
|
+
}), null, 16)), [
|
|
25
|
+
[E, a.value]
|
|
26
|
+
]);
|
|
27
|
+
}
|
|
28
|
+
}), V = ["none", "vertical", "horizontal", "both"];
|
|
29
|
+
export {
|
|
30
|
+
V as T,
|
|
31
|
+
M as _
|
|
32
|
+
};
|