@nuxt/ui 3.3.3 → 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.
Files changed (81) hide show
  1. package/.nuxt/ui/progress.ts +3 -3
  2. package/README.md +11 -11
  3. package/dist/module.d.mts +6 -6
  4. package/dist/module.json +3 -3
  5. package/dist/module.mjs +3 -3
  6. package/dist/runtime/components/Accordion.d.vue.ts +77 -0
  7. package/dist/runtime/components/Alert.d.vue.ts +81 -0
  8. package/dist/runtime/components/App.d.vue.ts +24 -0
  9. package/dist/runtime/components/Avatar.d.vue.ts +41 -0
  10. package/dist/runtime/components/AvatarGroup.d.vue.ts +31 -0
  11. package/dist/runtime/components/Badge.d.vue.ts +43 -0
  12. package/dist/runtime/components/Breadcrumb.d.vue.ts +66 -0
  13. package/dist/runtime/components/Button.d.vue.ts +44 -0
  14. package/dist/runtime/components/ButtonGroup.d.vue.ts +34 -0
  15. package/dist/runtime/components/Calendar.d.vue.ts +112 -0
  16. package/dist/runtime/components/Card.d.vue.ts +29 -0
  17. package/dist/runtime/components/Carousel.d.vue.ts +127 -0
  18. package/dist/runtime/components/Checkbox.d.vue.ts +73 -0
  19. package/dist/runtime/components/CheckboxGroup.d.vue.ts +84 -0
  20. package/dist/runtime/components/Chip.d.vue.ts +57 -0
  21. package/dist/runtime/components/Collapsible.d.vue.ts +35 -0
  22. package/dist/runtime/components/ColorPicker.d.vue.ts +48 -0
  23. package/dist/runtime/components/CommandPalette.d.vue.ts +192 -0
  24. package/dist/runtime/components/Container.d.vue.ts +18 -0
  25. package/dist/runtime/components/ContextMenu.d.vue.ts +109 -0
  26. package/dist/runtime/components/ContextMenuContent.d.vue.ts +49 -0
  27. package/dist/runtime/components/Drawer.d.vue.ts +83 -0
  28. package/dist/runtime/components/DropdownMenu.d.vue.ts +119 -0
  29. package/dist/runtime/components/DropdownMenuContent.d.vue.ts +55 -0
  30. package/dist/runtime/components/FileUpload.d.vue.ts +166 -0
  31. package/dist/runtime/components/FileUpload.vue +1 -0
  32. package/dist/runtime/components/Form.d.vue.ts +71 -0
  33. package/dist/runtime/components/Form.vue +10 -8
  34. package/dist/runtime/components/FormField.d.vue.ts +61 -0
  35. package/dist/runtime/components/Icon.d.vue.ts +8 -0
  36. package/dist/runtime/components/Input.d.vue.ts +77 -0
  37. package/dist/runtime/components/InputMenu.d.vue.ts +329 -0
  38. package/dist/runtime/components/InputMenu.vue +1 -1
  39. package/dist/runtime/components/InputNumber.d.vue.ts +186 -0
  40. package/dist/runtime/components/InputTags.d.vue.ts +185 -0
  41. package/dist/runtime/components/InputTags.vue +2 -2
  42. package/dist/runtime/components/Kbd.d.vue.ts +38 -0
  43. package/dist/runtime/components/Link.d.vue.ts +91 -0
  44. package/dist/runtime/components/LinkBase.d.vue.ts +25 -0
  45. package/dist/runtime/components/Modal.d.vue.ts +106 -0
  46. package/dist/runtime/components/NavigationMenu.d.vue.ts +170 -0
  47. package/dist/runtime/components/OverlayProvider.d.vue.ts +2 -0
  48. package/dist/runtime/components/Pagination.d.vue.ts +118 -0
  49. package/dist/runtime/components/PinInput.d.vue.ts +60 -0
  50. package/dist/runtime/components/Popover.d.vue.ts +70 -0
  51. package/dist/runtime/components/Progress.d.vue.ts +66 -0
  52. package/dist/runtime/components/Progress.vue +2 -3
  53. package/dist/runtime/components/RadioGroup.d.vue.ts +94 -0
  54. package/dist/runtime/components/Select.d.vue.ts +253 -0
  55. package/dist/runtime/components/SelectMenu.d.vue.ts +302 -0
  56. package/dist/runtime/components/Separator.d.vue.ts +54 -0
  57. package/dist/runtime/components/Skeleton.d.vue.ts +17 -0
  58. package/dist/runtime/components/Slideover.d.vue.ts +107 -0
  59. package/dist/runtime/components/Slider.d.vue.ts +57 -0
  60. package/dist/runtime/components/Stepper.d.vue.ts +85 -0
  61. package/dist/runtime/components/Switch.d.vue.ts +70 -0
  62. package/dist/runtime/components/Table.d.vue.ts +201 -0
  63. package/dist/runtime/components/Tabs.d.vue.ts +98 -0
  64. package/dist/runtime/components/Tabs.vue +2 -2
  65. package/dist/runtime/components/Textarea.d.vue.ts +79 -0
  66. package/dist/runtime/components/Timeline.d.vue.ts +70 -0
  67. package/dist/runtime/components/Toast.d.vue.ts +164 -0
  68. package/dist/runtime/components/Toaster.d.vue.ts +44 -0
  69. package/dist/runtime/components/Tooltip.d.vue.ts +56 -0
  70. package/dist/runtime/components/Tree.d.vue.ts +114 -0
  71. package/dist/runtime/inertia/components/Link.d.vue.ts +63 -0
  72. package/dist/runtime/inertia/components/LinkBase.d.vue.ts +25 -0
  73. package/dist/runtime/locale/id.js +1 -1
  74. package/dist/runtime/types/tv.d.ts +9 -2
  75. package/dist/runtime/utils/index.js +6 -3
  76. package/dist/runtime/vue/components/Icon.d.vue.ts +5 -0
  77. package/dist/runtime/vue/components/Link.d.vue.ts +93 -0
  78. package/dist/shared/{ui.BTUFJHYJ.mjs → ui.DH9BUZkq.mjs} +12 -8
  79. package/dist/unplugin.mjs +1 -1
  80. package/dist/vite.mjs +1 -1
  81. package/package.json +21 -33
@@ -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;