@nuxt/ui 3.3.4 → 3.3.5
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/.nuxt/ui/progress.ts +3 -3
- package/README.md +10 -10
- package/dist/module.d.mts +6 -6
- package/dist/module.json +3 -3
- package/dist/module.mjs +3 -3
- package/dist/runtime/components/Accordion.d.vue.ts +77 -0
- package/dist/runtime/components/Alert.d.vue.ts +81 -0
- package/dist/runtime/components/App.d.vue.ts +24 -0
- package/dist/runtime/components/Avatar.d.vue.ts +41 -0
- package/dist/runtime/components/AvatarGroup.d.vue.ts +31 -0
- package/dist/runtime/components/Badge.d.vue.ts +43 -0
- package/dist/runtime/components/Breadcrumb.d.vue.ts +66 -0
- package/dist/runtime/components/Button.d.vue.ts +44 -0
- package/dist/runtime/components/ButtonGroup.d.vue.ts +34 -0
- package/dist/runtime/components/Calendar.d.vue.ts +112 -0
- package/dist/runtime/components/Card.d.vue.ts +29 -0
- package/dist/runtime/components/Carousel.d.vue.ts +127 -0
- package/dist/runtime/components/Checkbox.d.vue.ts +73 -0
- package/dist/runtime/components/CheckboxGroup.d.vue.ts +84 -0
- package/dist/runtime/components/Chip.d.vue.ts +57 -0
- package/dist/runtime/components/Collapsible.d.vue.ts +35 -0
- package/dist/runtime/components/ColorPicker.d.vue.ts +48 -0
- package/dist/runtime/components/CommandPalette.d.vue.ts +192 -0
- package/dist/runtime/components/Container.d.vue.ts +18 -0
- package/dist/runtime/components/ContextMenu.d.vue.ts +109 -0
- package/dist/runtime/components/ContextMenuContent.d.vue.ts +49 -0
- package/dist/runtime/components/Drawer.d.vue.ts +83 -0
- package/dist/runtime/components/DropdownMenu.d.vue.ts +119 -0
- package/dist/runtime/components/DropdownMenuContent.d.vue.ts +55 -0
- package/dist/runtime/components/FileUpload.d.vue.ts +166 -0
- package/dist/runtime/components/Form.d.vue.ts +71 -0
- package/dist/runtime/components/FormField.d.vue.ts +61 -0
- package/dist/runtime/components/Icon.d.vue.ts +8 -0
- package/dist/runtime/components/Input.d.vue.ts +77 -0
- package/dist/runtime/components/InputMenu.d.vue.ts +329 -0
- package/dist/runtime/components/InputMenu.vue +1 -1
- package/dist/runtime/components/InputMenu.vue.d.ts +2 -8
- package/dist/runtime/components/InputNumber.d.vue.ts +186 -0
- package/dist/runtime/components/InputTags.d.vue.ts +185 -0
- package/dist/runtime/components/InputTags.vue +2 -2
- package/dist/runtime/components/Kbd.d.vue.ts +38 -0
- package/dist/runtime/components/Link.d.vue.ts +91 -0
- package/dist/runtime/components/LinkBase.d.vue.ts +25 -0
- package/dist/runtime/components/Modal.d.vue.ts +106 -0
- package/dist/runtime/components/NavigationMenu.d.vue.ts +170 -0
- package/dist/runtime/components/OverlayProvider.d.vue.ts +2 -0
- package/dist/runtime/components/Pagination.d.vue.ts +118 -0
- package/dist/runtime/components/PinInput.d.vue.ts +60 -0
- package/dist/runtime/components/Popover.d.vue.ts +70 -0
- package/dist/runtime/components/Progress.d.vue.ts +66 -0
- package/dist/runtime/components/Progress.vue +2 -3
- package/dist/runtime/components/RadioGroup.d.vue.ts +94 -0
- package/dist/runtime/components/Select.d.vue.ts +253 -0
- package/dist/runtime/components/SelectMenu.d.vue.ts +302 -0
- package/dist/runtime/components/Separator.d.vue.ts +54 -0
- package/dist/runtime/components/Skeleton.d.vue.ts +17 -0
- package/dist/runtime/components/Slideover.d.vue.ts +107 -0
- package/dist/runtime/components/Slider.d.vue.ts +57 -0
- package/dist/runtime/components/Stepper.d.vue.ts +85 -0
- package/dist/runtime/components/Switch.d.vue.ts +70 -0
- package/dist/runtime/components/Table.d.vue.ts +201 -0
- package/dist/runtime/components/Tabs.d.vue.ts +98 -0
- package/dist/runtime/components/Tabs.vue +2 -2
- package/dist/runtime/components/Textarea.d.vue.ts +79 -0
- package/dist/runtime/components/Timeline.d.vue.ts +70 -0
- package/dist/runtime/components/Toast.d.vue.ts +164 -0
- package/dist/runtime/components/Toaster.d.vue.ts +44 -0
- package/dist/runtime/components/Tooltip.d.vue.ts +56 -0
- package/dist/runtime/components/Tree.d.vue.ts +114 -0
- package/dist/runtime/inertia/components/Link.d.vue.ts +63 -0
- package/dist/runtime/inertia/components/LinkBase.d.vue.ts +25 -0
- package/dist/runtime/types/tv.d.ts +9 -2
- package/dist/runtime/vue/components/Icon.d.vue.ts +5 -0
- package/dist/runtime/vue/components/Link.d.vue.ts +93 -0
- package/dist/shared/{ui.BTUFJHYJ.mjs → ui.DH9BUZkq.mjs} +12 -8
- package/dist/unplugin.mjs +1 -1
- package/dist/vite.mjs +1 -1
- package/package.json +8 -8
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import type { CalendarRootProps, CalendarRootEmits, RangeCalendarRootProps, RangeCalendarRootEmits, DateRange, CalendarCellTriggerProps } from 'reka-ui';
|
|
2
|
+
import type { DateValue } from '@internationalized/date';
|
|
3
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
4
|
+
import theme from '#build/ui/calendar';
|
|
5
|
+
import type { ButtonProps } from '../types';
|
|
6
|
+
import type { ComponentConfig } from '../types/utils';
|
|
7
|
+
type Calendar = ComponentConfig<typeof theme, AppConfig, 'calendar'>;
|
|
8
|
+
type CalendarDefaultValue<R extends boolean = false, M extends boolean = false> = R extends true ? DateRange : M extends true ? DateValue[] : DateValue;
|
|
9
|
+
type CalendarModelValue<R extends boolean = false, M extends boolean = false> = R extends true ? (DateRange | null) : M extends true ? (DateValue[] | undefined) : (DateValue | undefined);
|
|
10
|
+
type _CalendarRootProps = Omit<CalendarRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale' | 'calendarLabel' | 'multiple'>;
|
|
11
|
+
type _RangeCalendarRootProps = Omit<RangeCalendarRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale' | 'calendarLabel' | 'multiple'>;
|
|
12
|
+
export interface CalendarProps<R extends boolean = false, M extends boolean = false> extends _RangeCalendarRootProps, _CalendarRootProps {
|
|
13
|
+
/**
|
|
14
|
+
* The element or component this component should render as.
|
|
15
|
+
* @defaultValue 'div'
|
|
16
|
+
*/
|
|
17
|
+
as?: any;
|
|
18
|
+
/**
|
|
19
|
+
* The icon to use for the next year control.
|
|
20
|
+
* @defaultValue appConfig.ui.icons.chevronDoubleRight
|
|
21
|
+
* @IconifyIcon
|
|
22
|
+
*/
|
|
23
|
+
nextYearIcon?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Configure the next year button.
|
|
26
|
+
* `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
|
|
27
|
+
*/
|
|
28
|
+
nextYear?: ButtonProps;
|
|
29
|
+
/**
|
|
30
|
+
* The icon to use for the next month control.
|
|
31
|
+
* @defaultValue appConfig.ui.icons.chevronRight
|
|
32
|
+
* @IconifyIcon
|
|
33
|
+
*/
|
|
34
|
+
nextMonthIcon?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Configure the next month button.
|
|
37
|
+
* `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
|
|
38
|
+
*/
|
|
39
|
+
nextMonth?: ButtonProps;
|
|
40
|
+
/**
|
|
41
|
+
* The icon to use for the previous year control.
|
|
42
|
+
* @defaultValue appConfig.ui.icons.chevronDoubleLeft
|
|
43
|
+
* @IconifyIcon
|
|
44
|
+
*/
|
|
45
|
+
prevYearIcon?: string;
|
|
46
|
+
/**
|
|
47
|
+
* Configure the prev year button.
|
|
48
|
+
* `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
|
|
49
|
+
*/
|
|
50
|
+
prevYear?: ButtonProps;
|
|
51
|
+
/**
|
|
52
|
+
* The icon to use for the previous month control.
|
|
53
|
+
* @defaultValue appConfig.ui.icons.chevronLeft
|
|
54
|
+
* @IconifyIcon
|
|
55
|
+
*/
|
|
56
|
+
prevMonthIcon?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Configure the prev month button.
|
|
59
|
+
* `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
|
|
60
|
+
*/
|
|
61
|
+
prevMonth?: ButtonProps;
|
|
62
|
+
/**
|
|
63
|
+
* @defaultValue 'primary'
|
|
64
|
+
*/
|
|
65
|
+
color?: Calendar['variants']['color'];
|
|
66
|
+
/**
|
|
67
|
+
* @defaultValue 'md'
|
|
68
|
+
*/
|
|
69
|
+
size?: Calendar['variants']['size'];
|
|
70
|
+
/** Whether or not a range of dates can be selected */
|
|
71
|
+
range?: R & boolean;
|
|
72
|
+
/** Whether or not multiple dates can be selected */
|
|
73
|
+
multiple?: M & boolean;
|
|
74
|
+
/** Show month controls */
|
|
75
|
+
monthControls?: boolean;
|
|
76
|
+
/** Show year controls */
|
|
77
|
+
yearControls?: boolean;
|
|
78
|
+
defaultValue?: CalendarDefaultValue<R, M>;
|
|
79
|
+
modelValue?: CalendarModelValue<R, M>;
|
|
80
|
+
class?: any;
|
|
81
|
+
ui?: Calendar['slots'];
|
|
82
|
+
}
|
|
83
|
+
export interface CalendarEmits<R extends boolean, M extends boolean> extends Omit<CalendarRootEmits & RangeCalendarRootEmits, 'update:modelValue'> {
|
|
84
|
+
'update:modelValue': [date: CalendarModelValue<R, M>];
|
|
85
|
+
}
|
|
86
|
+
export interface CalendarSlots {
|
|
87
|
+
'heading': (props: {
|
|
88
|
+
value: string;
|
|
89
|
+
}) => any;
|
|
90
|
+
'day': (props: Pick<CalendarCellTriggerProps, 'day'>) => any;
|
|
91
|
+
'week-day': (props: {
|
|
92
|
+
day: string;
|
|
93
|
+
}) => any;
|
|
94
|
+
}
|
|
95
|
+
declare const _default: <R extends boolean, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
96
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
97
|
+
readonly "onUpdate:modelValue"?: ((date: CalendarModelValue<R, M>) => any) | undefined;
|
|
98
|
+
readonly "onUpdate:placeholder"?: ((...args: unknown[]) => any) | undefined;
|
|
99
|
+
readonly "onUpdate:validModelValue"?: ((date: DateRange) => any) | undefined;
|
|
100
|
+
readonly "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
|
|
101
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:placeholder" | "onUpdate:validModelValue" | "onUpdate:startValue"> & CalendarProps<R, M> & {}> & import("vue").PublicProps;
|
|
102
|
+
expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
|
|
103
|
+
attrs: any;
|
|
104
|
+
slots: CalendarSlots;
|
|
105
|
+
emit: ((evt: "update:modelValue", date: CalendarModelValue<R, M>) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void) & ((evt: "update:validModelValue", date: DateRange) => void) & ((evt: "update:startValue", date: DateValue | undefined) => void);
|
|
106
|
+
}>) => import("vue").VNode & {
|
|
107
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
108
|
+
};
|
|
109
|
+
export default _default;
|
|
110
|
+
type __VLS_PrettifyLocal<T> = {
|
|
111
|
+
[K in keyof T as K]: T[K];
|
|
112
|
+
} & {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
2
|
+
import theme from '#build/ui/card';
|
|
3
|
+
import type { ComponentConfig } from '../types/utils';
|
|
4
|
+
type Card = ComponentConfig<typeof theme, AppConfig, 'card'>;
|
|
5
|
+
export interface CardProps {
|
|
6
|
+
/**
|
|
7
|
+
* The element or component this component should render as.
|
|
8
|
+
* @defaultValue 'div'
|
|
9
|
+
*/
|
|
10
|
+
as?: any;
|
|
11
|
+
/**
|
|
12
|
+
* @defaultValue 'outline'
|
|
13
|
+
*/
|
|
14
|
+
variant?: Card['variants']['variant'];
|
|
15
|
+
class?: any;
|
|
16
|
+
ui?: Card['slots'];
|
|
17
|
+
}
|
|
18
|
+
export interface CardSlots {
|
|
19
|
+
header(props?: {}): any;
|
|
20
|
+
default(props?: {}): any;
|
|
21
|
+
footer(props?: {}): any;
|
|
22
|
+
}
|
|
23
|
+
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CardSlots>;
|
|
24
|
+
export default _default;
|
|
25
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
2
|
+
import type { AcceptableValue } from 'reka-ui';
|
|
3
|
+
import type { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel';
|
|
4
|
+
import type { AutoplayOptionsType } from 'embla-carousel-autoplay';
|
|
5
|
+
import type { AutoScrollOptionsType } from 'embla-carousel-auto-scroll';
|
|
6
|
+
import type { AutoHeightOptionsType } from 'embla-carousel-auto-height';
|
|
7
|
+
import type { ClassNamesOptionsType } from 'embla-carousel-class-names';
|
|
8
|
+
import type { FadeOptionsType } from 'embla-carousel-fade';
|
|
9
|
+
import type { WheelGesturesPluginOptions } from 'embla-carousel-wheel-gestures';
|
|
10
|
+
import theme from '#build/ui/carousel';
|
|
11
|
+
import type { ButtonProps } from '../types';
|
|
12
|
+
import type { ComponentConfig } from '../types/utils';
|
|
13
|
+
type Carousel = ComponentConfig<typeof theme, AppConfig, 'carousel'>;
|
|
14
|
+
interface _CarouselItem {
|
|
15
|
+
class?: any;
|
|
16
|
+
ui?: Pick<Carousel['slots'], 'item'>;
|
|
17
|
+
[key: string]: any;
|
|
18
|
+
}
|
|
19
|
+
export type CarouselItem = _CarouselItem | AcceptableValue;
|
|
20
|
+
export interface CarouselProps<T extends CarouselItem = CarouselItem> extends Omit<EmblaOptionsType, 'axis' | 'container' | 'slides' | 'direction'> {
|
|
21
|
+
/**
|
|
22
|
+
* The element or component this component should render as.
|
|
23
|
+
* @defaultValue 'div'
|
|
24
|
+
*/
|
|
25
|
+
as?: any;
|
|
26
|
+
/**
|
|
27
|
+
* Configure the prev button when arrows are enabled.
|
|
28
|
+
* @defaultValue { size: 'md', color: 'neutral', variant: 'link' }
|
|
29
|
+
*/
|
|
30
|
+
prev?: ButtonProps;
|
|
31
|
+
/**
|
|
32
|
+
* The icon displayed in the prev button.
|
|
33
|
+
* @defaultValue appConfig.ui.icons.arrowLeft
|
|
34
|
+
* @IconifyIcon
|
|
35
|
+
*/
|
|
36
|
+
prevIcon?: string;
|
|
37
|
+
/**
|
|
38
|
+
* Configure the next button when arrows are enabled.
|
|
39
|
+
* @defaultValue { size: 'md', color: 'neutral', variant: 'link' }
|
|
40
|
+
*/
|
|
41
|
+
next?: ButtonProps;
|
|
42
|
+
/**
|
|
43
|
+
* The icon displayed in the next button.
|
|
44
|
+
* @defaultValue appConfig.ui.icons.arrowRight
|
|
45
|
+
* @IconifyIcon
|
|
46
|
+
*/
|
|
47
|
+
nextIcon?: string;
|
|
48
|
+
/**
|
|
49
|
+
* Display prev and next buttons to scroll the carousel.
|
|
50
|
+
* @defaultValue false
|
|
51
|
+
*/
|
|
52
|
+
arrows?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Display dots to scroll to a specific slide.
|
|
55
|
+
* @defaultValue false
|
|
56
|
+
*/
|
|
57
|
+
dots?: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* The orientation of the carousel.
|
|
60
|
+
* @defaultValue 'horizontal'
|
|
61
|
+
*/
|
|
62
|
+
orientation?: Carousel['variants']['orientation'];
|
|
63
|
+
items?: T[];
|
|
64
|
+
/**
|
|
65
|
+
* Enable Autoplay plugin
|
|
66
|
+
* @link https://www.embla-carousel.com/plugins/autoplay/
|
|
67
|
+
*/
|
|
68
|
+
autoplay?: boolean | AutoplayOptionsType;
|
|
69
|
+
/**
|
|
70
|
+
* Enable Auto Scroll plugin
|
|
71
|
+
* @link https://www.embla-carousel.com/plugins/auto-scroll/
|
|
72
|
+
*/
|
|
73
|
+
autoScroll?: boolean | AutoScrollOptionsType;
|
|
74
|
+
/**
|
|
75
|
+
* Enable Auto Height plugin
|
|
76
|
+
* @link https://www.embla-carousel.com/plugins/auto-height/
|
|
77
|
+
*/
|
|
78
|
+
autoHeight?: boolean | AutoHeightOptionsType;
|
|
79
|
+
/**
|
|
80
|
+
* Enable Class Names plugin
|
|
81
|
+
* @link https://www.embla-carousel.com/plugins/class-names/
|
|
82
|
+
*/
|
|
83
|
+
classNames?: boolean | ClassNamesOptionsType;
|
|
84
|
+
/**
|
|
85
|
+
* Enable Fade plugin
|
|
86
|
+
* @link https://www.embla-carousel.com/plugins/fade/
|
|
87
|
+
*/
|
|
88
|
+
fade?: boolean | FadeOptionsType;
|
|
89
|
+
/**
|
|
90
|
+
* Enable Wheel Gestures plugin
|
|
91
|
+
* @link https://www.embla-carousel.com/plugins/wheel-gestures/
|
|
92
|
+
*/
|
|
93
|
+
wheelGestures?: boolean | WheelGesturesPluginOptions;
|
|
94
|
+
class?: any;
|
|
95
|
+
ui?: Carousel['slots'];
|
|
96
|
+
}
|
|
97
|
+
export type CarouselSlots<T extends CarouselItem = CarouselItem> = {
|
|
98
|
+
default(props: {
|
|
99
|
+
item: T;
|
|
100
|
+
index: number;
|
|
101
|
+
}): any;
|
|
102
|
+
};
|
|
103
|
+
export interface CarouselEmits {
|
|
104
|
+
/**
|
|
105
|
+
* Emitted when the selected slide changes
|
|
106
|
+
* @param selectedIndex The index of the selected slide
|
|
107
|
+
*/
|
|
108
|
+
select: [selectedIndex: number];
|
|
109
|
+
}
|
|
110
|
+
declare const _default: <T extends CarouselItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
111
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
112
|
+
readonly onSelect?: ((selectedIndex: number) => any) | undefined;
|
|
113
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onSelect"> & CarouselProps<T> & {}> & import("vue").PublicProps;
|
|
114
|
+
expose(exposed: import("vue").ShallowUnwrapRef<{
|
|
115
|
+
emblaRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
116
|
+
emblaApi: import("vue").Ref<EmblaCarouselType | undefined, EmblaCarouselType | undefined>;
|
|
117
|
+
}>): void;
|
|
118
|
+
attrs: any;
|
|
119
|
+
slots: CarouselSlots<T>;
|
|
120
|
+
emit: (evt: "select", selectedIndex: number) => void;
|
|
121
|
+
}>) => import("vue").VNode & {
|
|
122
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
123
|
+
};
|
|
124
|
+
export default _default;
|
|
125
|
+
type __VLS_PrettifyLocal<T> = {
|
|
126
|
+
[K in keyof T as K]: T[K];
|
|
127
|
+
} & {};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import type { CheckboxRootProps } from 'reka-ui';
|
|
2
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
3
|
+
import theme from '#build/ui/checkbox';
|
|
4
|
+
import type { ComponentConfig } from '../types/utils';
|
|
5
|
+
type Checkbox = ComponentConfig<typeof theme, AppConfig, 'checkbox'>;
|
|
6
|
+
export interface CheckboxProps extends Pick<CheckboxRootProps, 'disabled' | 'required' | 'name' | 'value' | 'id' | 'defaultValue'> {
|
|
7
|
+
/**
|
|
8
|
+
* The element or component this component should render as.
|
|
9
|
+
* @defaultValue 'div'
|
|
10
|
+
*/
|
|
11
|
+
as?: any;
|
|
12
|
+
label?: string;
|
|
13
|
+
description?: string;
|
|
14
|
+
/**
|
|
15
|
+
* @defaultValue 'primary'
|
|
16
|
+
*/
|
|
17
|
+
color?: Checkbox['variants']['color'];
|
|
18
|
+
/**
|
|
19
|
+
* @defaultValue 'list'
|
|
20
|
+
*/
|
|
21
|
+
variant?: Checkbox['variants']['variant'];
|
|
22
|
+
/**
|
|
23
|
+
* @defaultValue 'md'
|
|
24
|
+
*/
|
|
25
|
+
size?: Checkbox['variants']['size'];
|
|
26
|
+
/**
|
|
27
|
+
* Position of the indicator.
|
|
28
|
+
* @defaultValue 'start'
|
|
29
|
+
*/
|
|
30
|
+
indicator?: Checkbox['variants']['indicator'];
|
|
31
|
+
/**
|
|
32
|
+
* The icon displayed when checked.
|
|
33
|
+
* @defaultValue appConfig.ui.icons.check
|
|
34
|
+
* @IconifyIcon
|
|
35
|
+
*/
|
|
36
|
+
icon?: string;
|
|
37
|
+
/**
|
|
38
|
+
* The icon displayed when the checkbox is indeterminate.
|
|
39
|
+
* @defaultValue appConfig.ui.icons.minus
|
|
40
|
+
* @IconifyIcon
|
|
41
|
+
*/
|
|
42
|
+
indeterminateIcon?: string;
|
|
43
|
+
class?: any;
|
|
44
|
+
ui?: Checkbox['slots'];
|
|
45
|
+
}
|
|
46
|
+
export type CheckboxEmits = {
|
|
47
|
+
change: [event: Event];
|
|
48
|
+
};
|
|
49
|
+
export interface CheckboxSlots {
|
|
50
|
+
label(props: {
|
|
51
|
+
label?: string;
|
|
52
|
+
}): any;
|
|
53
|
+
description(props: {
|
|
54
|
+
description?: string;
|
|
55
|
+
}): any;
|
|
56
|
+
}
|
|
57
|
+
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CheckboxProps & {
|
|
58
|
+
modelValue?: boolean | "indeterminate";
|
|
59
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
60
|
+
change: (event: Event) => any;
|
|
61
|
+
"update:modelValue": (value: boolean | "indeterminate") => any;
|
|
62
|
+
}, string, import("vue").PublicProps, Readonly<CheckboxProps & {
|
|
63
|
+
modelValue?: boolean | "indeterminate";
|
|
64
|
+
}> & Readonly<{
|
|
65
|
+
onChange?: ((event: Event) => any) | undefined;
|
|
66
|
+
"onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
|
|
67
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CheckboxSlots>;
|
|
68
|
+
export default _default;
|
|
69
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
70
|
+
new (): {
|
|
71
|
+
$slots: S;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import type { CheckboxGroupRootProps, CheckboxGroupRootEmits } from 'reka-ui';
|
|
2
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
3
|
+
import theme from '#build/ui/checkbox-group';
|
|
4
|
+
import type { CheckboxProps } from '../types';
|
|
5
|
+
import type { AcceptableValue, ComponentConfig } from '../types/utils';
|
|
6
|
+
type CheckboxGroup = ComponentConfig<typeof theme, AppConfig, 'checkboxGroup'>;
|
|
7
|
+
export type CheckboxGroupValue = AcceptableValue;
|
|
8
|
+
export type CheckboxGroupItem = {
|
|
9
|
+
label?: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
value?: string;
|
|
13
|
+
class?: any;
|
|
14
|
+
ui?: Pick<CheckboxGroup['slots'], 'item'> & Omit<Required<CheckboxProps>['ui'], 'root'>;
|
|
15
|
+
[key: string]: any;
|
|
16
|
+
} | CheckboxGroupValue;
|
|
17
|
+
export interface CheckboxGroupProps<T extends CheckboxGroupItem = CheckboxGroupItem> extends Pick<CheckboxGroupRootProps, 'defaultValue' | 'disabled' | 'loop' | 'modelValue' | 'name' | 'required'>, Pick<CheckboxProps, 'color' | 'indicator' | 'icon'> {
|
|
18
|
+
/**
|
|
19
|
+
* The element or component this component should render as.
|
|
20
|
+
* @defaultValue 'div'
|
|
21
|
+
*/
|
|
22
|
+
as?: any;
|
|
23
|
+
legend?: string;
|
|
24
|
+
/**
|
|
25
|
+
* When `items` is an array of objects, select the field to use as the value.
|
|
26
|
+
* @defaultValue 'value'
|
|
27
|
+
*/
|
|
28
|
+
valueKey?: string;
|
|
29
|
+
/**
|
|
30
|
+
* When `items` is an array of objects, select the field to use as the label.
|
|
31
|
+
* @defaultValue 'label'
|
|
32
|
+
*/
|
|
33
|
+
labelKey?: string;
|
|
34
|
+
/**
|
|
35
|
+
* When `items` is an array of objects, select the field to use as the description.
|
|
36
|
+
* @defaultValue 'description'
|
|
37
|
+
*/
|
|
38
|
+
descriptionKey?: string;
|
|
39
|
+
items?: T[];
|
|
40
|
+
/**
|
|
41
|
+
* @defaultValue 'md'
|
|
42
|
+
*/
|
|
43
|
+
size?: CheckboxGroup['variants']['size'];
|
|
44
|
+
/**
|
|
45
|
+
* @defaultValue 'list'
|
|
46
|
+
*/
|
|
47
|
+
variant?: CheckboxGroup['variants']['variant'];
|
|
48
|
+
/**
|
|
49
|
+
* The orientation the checkbox buttons are laid out.
|
|
50
|
+
* @defaultValue 'vertical'
|
|
51
|
+
*/
|
|
52
|
+
orientation?: CheckboxGroupRootProps['orientation'];
|
|
53
|
+
class?: any;
|
|
54
|
+
ui?: CheckboxGroup['slots'] & CheckboxProps['ui'];
|
|
55
|
+
}
|
|
56
|
+
export type CheckboxGroupEmits = CheckboxGroupRootEmits & {
|
|
57
|
+
change: [event: Event];
|
|
58
|
+
};
|
|
59
|
+
type SlotProps<T extends CheckboxGroupItem> = (props: {
|
|
60
|
+
item: T & {
|
|
61
|
+
id: string;
|
|
62
|
+
};
|
|
63
|
+
}) => any;
|
|
64
|
+
export interface CheckboxGroupSlots<T extends CheckboxGroupItem = CheckboxGroupItem> {
|
|
65
|
+
legend(props?: {}): any;
|
|
66
|
+
label: SlotProps<T>;
|
|
67
|
+
description: SlotProps<T>;
|
|
68
|
+
}
|
|
69
|
+
declare const _default: <T extends CheckboxGroupItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
70
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
71
|
+
readonly onChange?: ((event: Event) => any) | undefined;
|
|
72
|
+
readonly "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue[]) => any) | undefined;
|
|
73
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onChange" | "onUpdate:modelValue"> & CheckboxGroupProps<T> & {}> & import("vue").PublicProps;
|
|
74
|
+
expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
|
|
75
|
+
attrs: any;
|
|
76
|
+
slots: CheckboxGroupSlots<T>;
|
|
77
|
+
emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("reka-ui").AcceptableValue[]) => void);
|
|
78
|
+
}>) => import("vue").VNode & {
|
|
79
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
80
|
+
};
|
|
81
|
+
export default _default;
|
|
82
|
+
type __VLS_PrettifyLocal<T> = {
|
|
83
|
+
[K in keyof T as K]: T[K];
|
|
84
|
+
} & {};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
2
|
+
import theme from '#build/ui/chip';
|
|
3
|
+
import type { ComponentConfig } from '../types/utils';
|
|
4
|
+
type Chip = ComponentConfig<typeof theme, AppConfig, 'chip'>;
|
|
5
|
+
export interface ChipProps {
|
|
6
|
+
/**
|
|
7
|
+
* The element or component this component should render as.
|
|
8
|
+
* @defaultValue 'div'
|
|
9
|
+
*/
|
|
10
|
+
as?: any;
|
|
11
|
+
/** Display some text inside the chip. */
|
|
12
|
+
text?: string | number;
|
|
13
|
+
/**
|
|
14
|
+
* @defaultValue 'primary'
|
|
15
|
+
*/
|
|
16
|
+
color?: Chip['variants']['color'];
|
|
17
|
+
/**
|
|
18
|
+
* @defaultValue 'md'
|
|
19
|
+
*/
|
|
20
|
+
size?: Chip['variants']['size'];
|
|
21
|
+
/**
|
|
22
|
+
* The position of the chip.
|
|
23
|
+
* @defaultValue 'top-right'
|
|
24
|
+
*/
|
|
25
|
+
position?: Chip['variants']['position'];
|
|
26
|
+
/** When `true`, keep the chip inside the component for rounded elements. */
|
|
27
|
+
inset?: boolean;
|
|
28
|
+
/** When `true`, render the chip relatively to the parent. */
|
|
29
|
+
standalone?: boolean;
|
|
30
|
+
class?: any;
|
|
31
|
+
ui?: Chip['slots'];
|
|
32
|
+
}
|
|
33
|
+
export interface ChipEmits {
|
|
34
|
+
'update:show': [value: boolean];
|
|
35
|
+
}
|
|
36
|
+
export interface ChipSlots {
|
|
37
|
+
default(props?: {}): any;
|
|
38
|
+
content(props?: {}): any;
|
|
39
|
+
}
|
|
40
|
+
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ChipProps & {
|
|
41
|
+
show?: boolean;
|
|
42
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
43
|
+
"update:show": (value: boolean) => any;
|
|
44
|
+
}, string, import("vue").PublicProps, Readonly<ChipProps & {
|
|
45
|
+
show?: boolean;
|
|
46
|
+
}> & Readonly<{
|
|
47
|
+
"onUpdate:show"?: ((value: boolean) => any) | undefined;
|
|
48
|
+
}>, {
|
|
49
|
+
inset: boolean;
|
|
50
|
+
standalone: boolean;
|
|
51
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChipSlots>;
|
|
52
|
+
export default _default;
|
|
53
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
54
|
+
new (): {
|
|
55
|
+
$slots: S;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { CollapsibleRootProps, CollapsibleRootEmits } from 'reka-ui';
|
|
2
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
3
|
+
import theme from '#build/ui/collapsible';
|
|
4
|
+
import type { ComponentConfig } from '../types/utils';
|
|
5
|
+
type Collapsible = ComponentConfig<typeof theme, AppConfig, 'collapsible'>;
|
|
6
|
+
export interface CollapsibleProps extends Pick<CollapsibleRootProps, 'defaultOpen' | 'open' | 'disabled' | 'unmountOnHide'> {
|
|
7
|
+
/**
|
|
8
|
+
* The element or component this component should render as.
|
|
9
|
+
* @defaultValue 'div'
|
|
10
|
+
*/
|
|
11
|
+
as?: any;
|
|
12
|
+
class?: any;
|
|
13
|
+
ui?: Collapsible['slots'];
|
|
14
|
+
}
|
|
15
|
+
export interface CollapsibleEmits extends CollapsibleRootEmits {
|
|
16
|
+
}
|
|
17
|
+
export interface CollapsibleSlots {
|
|
18
|
+
default(props: {
|
|
19
|
+
open: boolean;
|
|
20
|
+
}): any;
|
|
21
|
+
content(props?: {}): any;
|
|
22
|
+
}
|
|
23
|
+
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CollapsibleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
24
|
+
"update:open": (value: boolean) => any;
|
|
25
|
+
}, string, import("vue").PublicProps, Readonly<CollapsibleProps> & Readonly<{
|
|
26
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
27
|
+
}>, {
|
|
28
|
+
unmountOnHide: boolean;
|
|
29
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CollapsibleSlots>;
|
|
30
|
+
export default _default;
|
|
31
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
32
|
+
new (): {
|
|
33
|
+
$slots: S;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
2
|
+
import theme from '#build/ui/color-picker';
|
|
3
|
+
import type { ComponentConfig } from '../types/utils';
|
|
4
|
+
type ColorPicker = ComponentConfig<typeof theme, AppConfig, 'colorPicker'>;
|
|
5
|
+
export type ColorPickerProps = {
|
|
6
|
+
/**
|
|
7
|
+
* The element or component this component should render as.
|
|
8
|
+
* @defaultValue 'div'
|
|
9
|
+
*/
|
|
10
|
+
as?: any;
|
|
11
|
+
/**
|
|
12
|
+
* Throttle time in ms for the color picker
|
|
13
|
+
*/
|
|
14
|
+
throttle?: number;
|
|
15
|
+
/**
|
|
16
|
+
* Disable the color picker
|
|
17
|
+
*/
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* The default value of the color picker
|
|
21
|
+
*/
|
|
22
|
+
defaultValue?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Format of the color
|
|
25
|
+
* @defaultValue 'hex'
|
|
26
|
+
*/
|
|
27
|
+
format?: 'hex' | 'rgb' | 'hsl' | 'cmyk' | 'lab';
|
|
28
|
+
/**
|
|
29
|
+
* @defaultValue 'md'
|
|
30
|
+
*/
|
|
31
|
+
size?: ColorPicker['variants']['size'];
|
|
32
|
+
class?: any;
|
|
33
|
+
ui?: ColorPicker['slots'];
|
|
34
|
+
};
|
|
35
|
+
declare const _default: import("vue").DefineComponent<ColorPickerProps & {
|
|
36
|
+
modelValue?: string;
|
|
37
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
38
|
+
"update:modelValue": (value: string | undefined) => any;
|
|
39
|
+
}, string, import("vue").PublicProps, Readonly<ColorPickerProps & {
|
|
40
|
+
modelValue?: string;
|
|
41
|
+
}> & Readonly<{
|
|
42
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
43
|
+
}>, {
|
|
44
|
+
format: "hex" | "rgb" | "hsl" | "cmyk" | "lab";
|
|
45
|
+
defaultValue: string;
|
|
46
|
+
throttle: number;
|
|
47
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
48
|
+
export default _default;
|