@witchcraft/ui 0.2.1 → 0.2.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.
Files changed (37) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +20 -4
  3. package/dist/runtime/components/Aria/Aria.d.vue.ts +5 -0
  4. package/dist/runtime/components/Icon/Icon.d.vue.ts +21 -0
  5. package/dist/runtime/components/LibButton/LibButton.d.vue.ts +36 -0
  6. package/dist/runtime/components/LibCheckbox/LibCheckbox.d.vue.ts +42 -0
  7. package/dist/runtime/components/LibColorInput/LibColorInput.d.vue.ts +63 -0
  8. package/dist/runtime/components/LibColorPicker/LibColorPicker.d.vue.ts +61 -0
  9. package/dist/runtime/components/LibDarkModeSwitcher/LibDarkModeSwitcher.d.vue.ts +22 -0
  10. package/dist/runtime/components/LibDatePicker/LibDatePicker.d.vue.ts +40 -0
  11. package/dist/runtime/components/LibDatePicker/LibRangeDatePicker.d.vue.ts +34 -0
  12. package/dist/runtime/components/LibDatePicker/LibSingleDatePicker.d.vue.ts +34 -0
  13. package/dist/runtime/components/LibDatePicker/LibTimeZonePicker.d.vue.ts +22 -0
  14. package/dist/runtime/components/LibDebug/LibDebug.d.vue.ts +32 -0
  15. package/dist/runtime/components/LibDevOnly/LibDevOnly.d.vue.ts +25 -0
  16. package/dist/runtime/components/LibFileInput/LibFileInput.d.vue.ts +43 -0
  17. package/dist/runtime/components/LibInputDeprecated/LibInputDeprecated.d.vue.ts +165 -0
  18. package/dist/runtime/components/LibLabel/LibLabel.d.vue.ts +26 -0
  19. package/dist/runtime/components/LibMultiValues/LibMultiValues.d.vue.ts +29 -0
  20. package/dist/runtime/components/LibNotifications/LibNotification.d.vue.ts +17 -0
  21. package/dist/runtime/components/LibNotifications/LibNotifications.d.vue.ts +13 -0
  22. package/dist/runtime/components/LibPagination/LibPagination.d.vue.ts +104 -0
  23. package/dist/runtime/components/LibPalette/LibPalette.d.vue.ts +14 -0
  24. package/dist/runtime/components/LibPopup/LibPopup.d.vue.ts +46 -0
  25. package/dist/runtime/components/LibProgressBar/LibProgressBar.d.vue.ts +41 -0
  26. package/dist/runtime/components/LibRecorder/LibRecorder.d.vue.ts +77 -0
  27. package/dist/runtime/components/LibRoot/LibRoot.d.vue.ts +41 -0
  28. package/dist/runtime/components/LibSimpleInput/LibSimpleInput.d.vue.ts +35 -0
  29. package/dist/runtime/components/LibSuggestions/LibSuggestions.d.vue.ts +94 -0
  30. package/dist/runtime/components/LibSuggestions/LibSuggestions.vue +1 -1
  31. package/dist/runtime/components/LibTable/LibTable.d.vue.ts +45 -0
  32. package/dist/runtime/components/Template/NAME.d.vue.ts +17 -0
  33. package/dist/runtime/components/TestControls/TestControls.d.vue.ts +5 -0
  34. package/package.json +7 -6
  35. package/src/module.ts +17 -6
  36. package/src/runtime/components/LibInputDeprecated/LibInputDeprecated.stories.ts +18 -17
  37. package/src/runtime/components/LibSuggestions/LibSuggestions.vue +1 -0
@@ -0,0 +1,165 @@
1
+ import { type HTMLAttributes, type InputHTMLAttributes } from "vue";
2
+ import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type SuggestionsProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js.js";
3
+ type WrapperTypes = WrapperProps<"suggestions", HTMLAttributes> & WrapperProps<"wrapper", HTMLAttributes> & WrapperProps<"inner-wrapper", HTMLAttributes>;
4
+ type RealProps = SuggestionsProps & LinkableByIdProps & LabelProps & BaseInteractiveProps & {
5
+ suggestions?: SuggestionsProps["suggestions"];
6
+ valid?: boolean;
7
+ };
8
+ interface Props extends
9
+ /** @vue-ignore */
10
+ Partial<Omit<InputHTMLAttributes, "class" | "readonly" | "disabled" | "onSubmit"> & TailwindClassProp>,
11
+ /** @vue-ignore */
12
+ Partial<WrapperTypes>, RealProps {
13
+ }
14
+ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
15
+ values?: string[] | undefined;
16
+ modelValue: string;
17
+ inputValue?: string;
18
+ }, {
19
+ suggestionsComponent: import("vue").Ref<{
20
+ suggestions: {
21
+ list: any[] | undefined;
22
+ filtered: any[] | undefined;
23
+ active: number;
24
+ available: boolean;
25
+ moreThanOneAvailable: boolean;
26
+ hasExactlyMatching: string | object | undefined;
27
+ hasValidSuggestion: boolean;
28
+ openable: boolean | undefined;
29
+ getLabel: (item: any) => string;
30
+ $open: boolean;
31
+ open: () => void;
32
+ close: () => void;
33
+ enterSelected: (doClose?: boolean) => void;
34
+ enterIndex: (num: number, doClose?: boolean) => void;
35
+ toggle: () => void;
36
+ cancel: () => void;
37
+ select: (num: number) => void;
38
+ prev: () => void;
39
+ next: () => void;
40
+ first: () => void;
41
+ last: () => void;
42
+ };
43
+ el: HTMLElement | null;
44
+ inputKeydownHandler: (e: KeyboardEvent) => void;
45
+ inputBlurHandler: (e: MouseEvent) => void;
46
+ inputFocusHandler: (e: FocusEvent) => void;
47
+ } | null, import("vue").ShallowUnwrapRef<{
48
+ suggestions: {
49
+ list: any[] | undefined;
50
+ filtered: any[] | undefined;
51
+ active: number;
52
+ available: boolean;
53
+ moreThanOneAvailable: boolean;
54
+ hasExactlyMatching: string | object | undefined;
55
+ hasValidSuggestion: boolean;
56
+ openable: boolean | undefined;
57
+ getLabel: (item: any) => string;
58
+ $open: boolean;
59
+ open: () => void;
60
+ close: () => void;
61
+ enterSelected: (doClose?: boolean) => void;
62
+ enterIndex: (num: number, doClose?: boolean) => void;
63
+ toggle: () => void;
64
+ cancel: () => void;
65
+ select: (num: number) => void;
66
+ prev: () => void;
67
+ next: () => void;
68
+ first: () => void;
69
+ last: () => void;
70
+ };
71
+ el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
72
+ inputKeydownHandler: (e: KeyboardEvent) => void;
73
+ inputBlurHandler: (e: MouseEvent) => void;
74
+ inputFocusHandler: (e: FocusEvent) => void;
75
+ }> | {
76
+ suggestions: {
77
+ list: any[] | undefined;
78
+ filtered: any[] | undefined;
79
+ active: number;
80
+ available: boolean;
81
+ moreThanOneAvailable: boolean;
82
+ hasExactlyMatching: string | object | undefined;
83
+ hasValidSuggestion: boolean;
84
+ openable: boolean | undefined;
85
+ getLabel: (item: any) => string;
86
+ $open: boolean;
87
+ open: () => void;
88
+ close: () => void;
89
+ enterSelected: (doClose?: boolean) => void;
90
+ enterIndex: (num: number, doClose?: boolean) => void;
91
+ toggle: () => void;
92
+ cancel: () => void;
93
+ select: (num: number) => void;
94
+ prev: () => void;
95
+ next: () => void;
96
+ first: () => void;
97
+ last: () => void;
98
+ };
99
+ el: HTMLElement | null;
100
+ inputKeydownHandler: (e: KeyboardEvent) => void;
101
+ inputBlurHandler: (e: MouseEvent) => void;
102
+ inputFocusHandler: (e: FocusEvent) => void;
103
+ } | null>;
104
+ el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
105
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
106
+ "update:modelValue": (value: string) => any;
107
+ "update:inputValue": (value: string) => any;
108
+ "update:values": (value: string[] | undefined) => any;
109
+ } & {
110
+ blur: (val: FocusEvent) => any;
111
+ input: (val: InputEvent) => any;
112
+ submit: (val: string, suggestion?: any) => any;
113
+ keydown: (val: KeyboardEvent) => any;
114
+ focus: (val: FocusEvent) => any;
115
+ indicatorClick: (val: MouseEvent) => any;
116
+ }, string, import("vue").PublicProps, Readonly<Props & {
117
+ values?: string[] | undefined;
118
+ modelValue: string;
119
+ inputValue?: string;
120
+ }> & Readonly<{
121
+ onBlur?: ((val: FocusEvent) => any) | undefined;
122
+ onInput?: ((val: InputEvent) => any) | undefined;
123
+ onSubmit?: ((val: string, suggestion?: any) => any) | undefined;
124
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
125
+ "onUpdate:inputValue"?: ((value: string) => any) | undefined;
126
+ "onUpdate:values"?: ((value: string[] | undefined) => any) | undefined;
127
+ onKeydown?: ((val: KeyboardEvent) => any) | undefined;
128
+ onFocus?: ((val: FocusEvent) => any) | undefined;
129
+ onIndicatorClick?: ((val: MouseEvent) => any) | undefined;
130
+ }>, {
131
+ disabled: boolean;
132
+ readonly: boolean;
133
+ border: boolean;
134
+ unstyle: boolean;
135
+ valid: boolean;
136
+ suggestions: any[];
137
+ updateOnlyOnSubmit: boolean;
138
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
139
+ label?: (props: any) => any;
140
+ } & {
141
+ default?: (props: any) => any;
142
+ } & {
143
+ left?: (props: any) => any;
144
+ } & {
145
+ input?: (props: any) => any;
146
+ } & {
147
+ indicator?: (props: {
148
+ isOpen: any;
149
+ suggestionsIndicatorClickHandler: any;
150
+ }) => any;
151
+ } & {
152
+ values?: (props: any) => any;
153
+ } & {
154
+ right?: (props: any) => any;
155
+ } & {
156
+ suggestions?: (props: any) => any;
157
+ } & {
158
+ 'suggestion-item'?: (props: any) => any;
159
+ }>;
160
+ export default _default;
161
+ type __VLS_WithSlots<T, S> = T & {
162
+ new (): {
163
+ $slots: S;
164
+ };
165
+ };
@@ -0,0 +1,26 @@
1
+ import type { LabelHTMLAttributes } from "vue";
2
+ import type { BaseInteractiveProps, LabelProps, LinkableByIdProps, TailwindClassProp } from "../shared/props.js.js";
3
+ type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
4
+ unstyled?: boolean;
5
+ valid?: boolean;
6
+ };
7
+ interface Props extends
8
+ /** @vue-ignore */
9
+ Partial<Omit<LabelHTMLAttributes, "class"> & TailwindClassProp>, RealProps {
10
+ }
11
+ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
12
+ id: string;
13
+ disabled: boolean;
14
+ readonly: boolean;
15
+ border: boolean;
16
+ unstyle: boolean;
17
+ valid: boolean;
18
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
19
+ default?: (props: {}) => any;
20
+ }>;
21
+ export default _default;
22
+ type __VLS_WithSlots<T, S> = T & {
23
+ new (): {
24
+ $slots: S;
25
+ };
26
+ };
@@ -0,0 +1,29 @@
1
+ import { type HTMLAttributes } from "vue";
2
+ import type { BaseInteractiveProps, LabelProps, TailwindClassProp, WrapperProps } from "../shared/props.js.js";
3
+ type WrapperTypes = Partial<WrapperProps<"item", HTMLAttributes>>;
4
+ type RealProps = LabelProps & BaseInteractiveProps & {
5
+ border?: boolean;
6
+ };
7
+ interface Props extends
8
+ /** @vue-ignore */
9
+ Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>,
10
+ /** @vue-ignore */
11
+ WrapperTypes, RealProps {
12
+ }
13
+ declare const _default: <T extends string | number>(__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<{
14
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
15
+ readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
16
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & (Props & {
17
+ modelValue?: T[];
18
+ }) & {}> & import("vue").PublicProps;
19
+ expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
20
+ attrs: any;
21
+ slots: {};
22
+ emit: (evt: "update:modelValue", value: T[]) => void;
23
+ }>) => import("vue").VNode & {
24
+ __ctx?: Awaited<typeof __VLS_setup>;
25
+ };
26
+ export default _default;
27
+ type __VLS_PrettifyLocal<T> = {
28
+ [K in keyof T as K]: T[K];
29
+ } & {};
@@ -0,0 +1,17 @@
1
+ import { type HTMLAttributes } from "vue";
2
+ import { type NotificationEntry, NotificationHandler } from "../../helpers/NotificationHandler.js.js";
3
+ import type { TailwindClassProp } from "../shared/props.js.js";
4
+ type RealProps = {
5
+ notification: NotificationEntry;
6
+ handler?: NotificationHandler;
7
+ };
8
+ interface Props extends
9
+ /** @vue-ignore */
10
+ Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
11
+ }
12
+ declare const _default: import("vue").DefineComponent<Props, {
13
+ focus: () => void;
14
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
15
+ handler: NotificationHandler;
16
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
17
+ export default _default;
@@ -0,0 +1,13 @@
1
+ import { NotificationHandler } from "../../helpers/NotificationHandler.js.js";
2
+ import type { LinkableByIdProps, TailwindClassProp } from "../shared/props.js.js";
3
+ import type { HTMLAttributes } from "vue";
4
+ type RealProps = LinkableByIdProps & {
5
+ /** If not provided, uses the global handler (this requires useNotificationHandler be called and configured). */
6
+ handler?: NotificationHandler;
7
+ };
8
+ interface Props extends
9
+ /** @vue-ignore */
10
+ Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
11
+ }
12
+ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
13
+ export default _default;
@@ -0,0 +1,104 @@
1
+ import { type HTMLAttributes } from "vue";
2
+ import type { TailwindClassProp } from "../shared/props.js.js";
3
+ /**
4
+ * Pagination component.
5
+ *
6
+ * Can be passed a slot like so to use a custom link element (like NuxtLink):
7
+ * ```vue
8
+ * <template #link="{ href, i, text, ariaLabel, ariaCurrent}">
9
+ * <NuxtLink :to="href" :aria-label="ariaLabel" :aria-current="ariaCurrent ?? false">{{ text ?? i }}</NuxtLink>
10
+ * </template>
11
+ * ```
12
+ */
13
+ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
14
+ customRoute: (route: string, i: number) => {
15
+ i: number;
16
+ href: string;
17
+ };
18
+ extraPages: number;
19
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
20
+ link?: (props: {
21
+ class: string;
22
+ i: any;
23
+ href: any;
24
+ text: any;
25
+ ariaLabel: any;
26
+ }) => any;
27
+ } & {
28
+ link?: (props: {
29
+ class: string;
30
+ i: number;
31
+ href: any;
32
+ text: any;
33
+ ariaLabel: any;
34
+ }) => any;
35
+ } & {
36
+ link?: (props: {
37
+ i: any;
38
+ href: any;
39
+ ariaLabel: any;
40
+ class: string;
41
+ }) => any;
42
+ } & {
43
+ current?: (props: {
44
+ tabindex: string;
45
+ i: any;
46
+ ariaLabel: any;
47
+ aria_current: boolean;
48
+ class: string;
49
+ }) => any;
50
+ } & {
51
+ link?: (props: {
52
+ i: any;
53
+ href: any;
54
+ ariaLabel: any;
55
+ class: string;
56
+ }) => any;
57
+ } & {
58
+ link?: (props: {
59
+ i: any;
60
+ href: any;
61
+ text: any;
62
+ ariaLabel: any;
63
+ class: string;
64
+ }) => any;
65
+ } & {
66
+ link?: (props: {
67
+ i: any;
68
+ href: any;
69
+ text: any;
70
+ ariaLabel: any;
71
+ class: string;
72
+ }) => any;
73
+ }>;
74
+ export default _default;
75
+ type RealProps = {
76
+ /** The total number of pages. */
77
+ total: number;
78
+ /** The number of the current page. It must be valid, between 0 - total or the component will throw an error. */
79
+ current: number;
80
+ /** The base route/link path for the page. Should end with a forward slash `/`. */
81
+ route: string;
82
+ /**
83
+ * A function to customize the output href and page link number. By default, page 0 is page 1, page 1 is 1, then everything else is normal.
84
+ *
85
+ * This is because usually we have routes like: `/page/1`, `/page/2`, not `/page/0`.
86
+ *
87
+ * You can use this function to customize things further. For example, make `/page/1` just `/`
88
+ */
89
+ customRoute?: (route: string, i: number) => {
90
+ i: number;
91
+ href: string;
92
+ };
93
+ /** How many extra pages to show to each side of the current page. */
94
+ extraPages?: number;
95
+ };
96
+ interface Props extends
97
+ /** @vue-ignore */
98
+ Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
99
+ }
100
+ type __VLS_WithSlots<T, S> = T & {
101
+ new (): {
102
+ $slots: S;
103
+ };
104
+ };
@@ -0,0 +1,14 @@
1
+ import type { Theme } from "metamorphosis";
2
+ import type { BaseInteractiveProps, LinkableByIdProps } from "../shared/props.js.js";
3
+ declare const _default: import("vue").DefineComponent<LinkableByIdProps & BaseInteractiveProps & {
4
+ theme?: Theme;
5
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkableByIdProps & BaseInteractiveProps & {
6
+ theme?: Theme;
7
+ }> & Readonly<{}>, {
8
+ theme: Theme;
9
+ disabled: boolean;
10
+ readonly: boolean;
11
+ border: boolean;
12
+ unstyle: boolean;
13
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
14
+ export default _default;
@@ -0,0 +1,46 @@
1
+ import { type HTMLAttributes } from "vue";
2
+ import { type LinkableByIdProps, type TailwindClassProp, type PopupProps } from "../shared/props.js.js";
3
+ import type { IPopupReference } from "../../types/index.js.js";
4
+ type RealProps = LinkableByIdProps & PopupProps;
5
+ interface Props extends
6
+ /** @vue-ignore */
7
+ Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
8
+ }
9
+ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
10
+ modelValue?: boolean;
11
+ }, {
12
+ recompute: (force?: boolean) => void;
13
+ setReference: (el: IPopupReference | null) => void;
14
+ setBackground: (el: IPopupReference | null) => void;
15
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
16
+ "update:modelValue": (value: boolean) => any;
17
+ } & {
18
+ close: () => any;
19
+ }, string, import("vue").PublicProps, Readonly<Props & {
20
+ modelValue?: boolean;
21
+ }> & Readonly<{
22
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
23
+ onClose?: (() => any) | undefined;
24
+ }>, {
25
+ canClose: boolean;
26
+ useDialogForBackdrop: false;
27
+ useBackdrop: boolean;
28
+ preferredHorizontal: ("center" | "right" | "left" | "either" | "center-screen" | "right-most" | "left-most" | "center-most")[] | import("../../main.lib.js.js").PopupPositioner;
29
+ preferredVertical: ("top" | "bottom" | "center" | "either" | "center-screen" | "top-most" | "bottom-most" | "center-most")[] | import("../../main.lib.js.js").PopupPositioner;
30
+ avoidRepositioning: boolean;
31
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
32
+ button?: (props: {
33
+ extractEl: (_: any) => any;
34
+ }) => any;
35
+ } & {
36
+ popup?: (props: {
37
+ position: any;
38
+ extractEl: (_: any) => any;
39
+ }) => any;
40
+ }>;
41
+ export default _default;
42
+ type __VLS_WithSlots<T, S> = T & {
43
+ new (): {
44
+ $slots: S;
45
+ };
46
+ };
@@ -0,0 +1,41 @@
1
+ import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js.js";
2
+ import type { HTMLAttributes } from "vue";
3
+ type RealProps = LinkableByIdProps & BaseInteractiveProps & LabelProps & {
4
+ progress: number;
5
+ /** Will auto hide after this given time if progress is 100% or more or less than 0% until progress is set to something else. Disabled (-1) by default. */
6
+ autohideOnComplete?: number;
7
+ /**
8
+ * Do not actually hide the element, just leave an unstyled div,
9
+ * so the whole layout doesn't change on completion when autohideOnComplete is set.
10
+ */
11
+ keepSpaceWhenHidden?: boolean;
12
+ /**
13
+ * By default the progress bar is visually clamped to 0-100, even if the value might be something else.
14
+ * You can change what it's clamped to here, to for example,
15
+ * show at least a small sliver of the progress bar when it's still 0.
16
+ */
17
+ clamp?: [start: number, end: number];
18
+ };
19
+ interface Props extends
20
+ /** @vue-ignore */
21
+ Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
22
+ }
23
+ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
24
+ disabled: boolean;
25
+ readonly: boolean;
26
+ border: boolean;
27
+ unstyle: boolean;
28
+ autohideOnComplete: number;
29
+ keepSpaceWhenHidden: boolean;
30
+ clamp: [start: number, end: number];
31
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
32
+ default?: (props: {}) => any;
33
+ } & {
34
+ default?: (props: {}) => any;
35
+ }>;
36
+ export default _default;
37
+ type __VLS_WithSlots<T, S> = T & {
38
+ new (): {
39
+ $slots: S;
40
+ };
41
+ };
@@ -0,0 +1,77 @@
1
+ import { type HTMLAttributes } from "vue";
2
+ import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js.js";
3
+ type RealProps = LinkableByIdProps & BaseInteractiveProps & LabelProps & {
4
+ border?: boolean;
5
+ /** A value to display while recording, if none given the i18n `recorder.recording` key is used. */
6
+ recordingValue?: string;
7
+ /** A title to display on the input div while recording. Is also used as the aria-description. */
8
+ recordingTitle?: string;
9
+ /**
10
+ * The recorder object is a series of event listeners to attach to the input div while recording is started. If you need to bind directly to the element, see the `binders` prop.
11
+ *
12
+ * The listeners are then unbound when recording is set to false again.
13
+ *
14
+ * Note that the component does not handle the setting of `recording` (unless the component is disabled), `modelValue`, or `recordingValue` at all and has no mechanism for cancelling a recording. It is left to the recorder listeners and any `recorder:*` handlers to determine what to do.
15
+ */
16
+ recorder?: undefined | Record<string, any>;
17
+ /** This provides a way to manually attach/remove event listeners to/from the element. It is an alternative to the `recorder` prop, see it for more details. Both cannot be specified at the same time. */
18
+ binders?: undefined | {
19
+ bind: (el: HTMLElement) => void;
20
+ unbind: (el: HTMLElement) => void;
21
+ };
22
+ /** The id of the element. If not provided, the id will be generated automatically. */
23
+ id?: string;
24
+ };
25
+ interface Props extends
26
+ /** @vue-ignore */
27
+ Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
28
+ }
29
+ declare const _default: import("vue").DefineComponent<Props & {
30
+ /**
31
+ * Puts the element into recording mode if true. See {@link props.recorder}.
32
+ */
33
+ recording?: boolean;
34
+ /** The final value of the recorder. For intermediate values while recording, pass a recorder and set an appropriate recording value. */
35
+ modelValue: string;
36
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
37
+ "update:modelValue": (value: string) => any;
38
+ "update:recording": (value: boolean) => any;
39
+ } & {
40
+ "recorder:blur": ($event: FocusEvent) => any;
41
+ "recorder:click": (args_0: {
42
+ event: MouseEvent | KeyboardEvent;
43
+ indicator: HTMLElement;
44
+ input: HTMLInputElement;
45
+ }) => any;
46
+ "focus:parent": () => any;
47
+ }, string, import("vue").PublicProps, Readonly<Props & {
48
+ /**
49
+ * Puts the element into recording mode if true. See {@link props.recorder}.
50
+ */
51
+ recording?: boolean;
52
+ /** The final value of the recorder. For intermediate values while recording, pass a recorder and set an appropriate recording value. */
53
+ modelValue: string;
54
+ }> & Readonly<{
55
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
56
+ "onUpdate:recording"?: ((value: boolean) => any) | undefined;
57
+ "onRecorder:blur"?: (($event: FocusEvent) => any) | undefined;
58
+ "onRecorder:click"?: ((args_0: {
59
+ event: MouseEvent | KeyboardEvent;
60
+ indicator: HTMLElement;
61
+ input: HTMLInputElement;
62
+ }) => any) | undefined;
63
+ "onFocus:parent"?: (() => any) | undefined;
64
+ }>, {
65
+ id: string;
66
+ disabled: boolean;
67
+ readonly: boolean;
68
+ border: boolean;
69
+ unstyle: boolean;
70
+ recordingTitle: string;
71
+ recorder: Record<string, any>;
72
+ binders: {
73
+ bind: (el: HTMLElement) => void;
74
+ unbind: (el: HTMLElement) => void;
75
+ };
76
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
77
+ export default _default;
@@ -0,0 +1,41 @@
1
+ import type { Theme } from "metamorphosis";
2
+ import { NotificationHandler } from "../../helpers/NotificationHandler.js.js";
3
+ type __VLS_Props = {
4
+ theme?: Theme;
5
+ outline?: boolean;
6
+ forceOutline?: boolean;
7
+ testWrapperMode?: boolean;
8
+ id?: string;
9
+ /** You can set a ref to the root element by passing :getRef="_ => el = _" */
10
+ getRef?: (el: HTMLElement | null) => void;
11
+ /** True by default, should be passed import.meta.client if using nuxt, or false when running server side. */
12
+ isClientSide?: boolean;
13
+ useBuiltinTranslations?: boolean;
14
+ useNotifications?: boolean;
15
+ notificationHandler?: NotificationHandler;
16
+ };
17
+ declare var __VLS_9: {};
18
+ type __VLS_Slots = {} & {
19
+ default?: (props: typeof __VLS_9) => any;
20
+ };
21
+ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
22
+ darkMode: import("../../composables/useDarkMode.js.js").DarkModeState & import("../../composables/useDarkMode.js.js").DarkModeCommands;
23
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
24
+ theme: Theme;
25
+ id: string;
26
+ useBuiltinTranslations: boolean;
27
+ isClientSide: boolean;
28
+ outline: boolean;
29
+ forceOutline: boolean;
30
+ testWrapperMode: boolean;
31
+ getRef: (el: HTMLElement | null) => void;
32
+ useNotifications: boolean;
33
+ notificationHandler: NotificationHandler;
34
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
35
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
36
+ export default _default;
37
+ type __VLS_WithSlots<T, S> = T & {
38
+ new (): {
39
+ $slots: S;
40
+ };
41
+ };
@@ -0,0 +1,35 @@
1
+ import { type InputHTMLAttributes } from "vue";
2
+ import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js.js";
3
+ type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
4
+ placeholder?: InputHTMLAttributes["placeholder"];
5
+ disabled?: InputHTMLAttributes["disabled"];
6
+ id?: InputHTMLAttributes["id"];
7
+ type?: InputHTMLAttributes["type"];
8
+ valid?: boolean;
9
+ };
10
+ interface Props extends
11
+ /** @vue-ignore */
12
+ Partial<Omit<InputHTMLAttributes, "class" | "readonly" | "disabled" | "onSubmit" | "onInput"> & TailwindClassProp>, RealProps {
13
+ }
14
+ declare const _default: <T>(__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<{
15
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
16
+ readonly onInput?: ((val: InputEvent) => any) | undefined;
17
+ readonly onSubmit?: ((val: T) => any) | undefined;
18
+ readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
19
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onInput" | "onSubmit" | "onUpdate:modelValue"> & (Props & {
20
+ modelValue: T;
21
+ }) & {}> & import("vue").PublicProps;
22
+ expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
23
+ attrs: any;
24
+ slots: {};
25
+ emit: {
26
+ (e: "submit", val: T): void;
27
+ (e: "input", val: InputEvent): void;
28
+ } & ((evt: "update:modelValue", value: T) => void);
29
+ }>) => import("vue").VNode & {
30
+ __ctx?: Awaited<typeof __VLS_setup>;
31
+ };
32
+ export default _default;
33
+ type __VLS_PrettifyLocal<T> = {
34
+ [K in keyof T as K]: T[K];
35
+ } & {};