@kazee-ds/vue 0.8.0 → 0.10.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 +4 -2
- package/dist/index.js +607 -96
- package/dist/index.js.map +1 -1
- package/dist/types/Combobox.vue.d.ts +27 -1
- package/dist/types/ComboboxAnchor.vue.d.ts +14 -0
- package/dist/types/ComboboxClearButton.vue.d.ts +14 -0
- package/dist/types/ComboboxContent.vue.d.ts +17 -0
- package/dist/types/ComboboxInput.vue.d.ts +18 -0
- package/dist/types/ComboboxRoot.vue.d.ts +42 -0
- package/dist/types/Dialog.vue.d.ts +2 -0
- package/dist/types/DialogFooter.vue.d.ts +20 -0
- package/dist/types/DialogHeader.vue.d.ts +20 -0
- package/dist/types/Select.vue.d.ts +1 -0
- package/dist/types/SelectPopover.vue.d.ts +6 -3
- package/dist/types/SelectionPopoverContent.vue.d.ts +17 -0
- package/dist/types/Tabs.vue.d.ts +1 -1
- package/dist/types/combobox-policy-context.d.ts +14 -0
- package/dist/types/composition.d.ts +7 -11
- package/package.json +1 -1
|
@@ -1,7 +1,16 @@
|
|
|
1
1
|
import { type StylingProps } from './styling.js';
|
|
2
|
+
import type { SelectSize, SelectVariant } from './types.js';
|
|
2
3
|
import { type SelectOption } from './selection-options.js';
|
|
3
4
|
type __VLS_Props = StylingProps<'check' | 'clear' | 'closeIcon' | 'control' | 'description' | 'empty' | 'error' | 'icon' | 'input' | 'item' | 'itemLabel' | 'label' | 'leading' | 'list' | 'popover' | 'required' | 'root' | 'toggle'> & {
|
|
4
5
|
label: string;
|
|
6
|
+
size?: SelectSize;
|
|
7
|
+
variant?: SelectVariant;
|
|
8
|
+
hideLabel?: boolean;
|
|
9
|
+
fullWidth?: boolean;
|
|
10
|
+
maxHeight?: number;
|
|
11
|
+
menuTrigger?: 'input' | 'focus' | 'manual';
|
|
12
|
+
selectOnFocus?: boolean;
|
|
13
|
+
disallowEmptySelection?: boolean;
|
|
5
14
|
options: SelectOption[];
|
|
6
15
|
modelValue?: string;
|
|
7
16
|
defaultValue?: string;
|
|
@@ -29,7 +38,24 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
|
|
|
29
38
|
"update:modelValue": (value: string | undefined) => any;
|
|
30
39
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
31
40
|
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
32
|
-
}>, {
|
|
41
|
+
}>, {
|
|
42
|
+
description: string;
|
|
43
|
+
size: SelectSize;
|
|
44
|
+
variant: SelectVariant;
|
|
45
|
+
dir: "ltr" | "rtl";
|
|
46
|
+
placeholder: string;
|
|
47
|
+
name: string;
|
|
48
|
+
fullWidth: boolean;
|
|
49
|
+
modelValue: string;
|
|
50
|
+
defaultValue: string;
|
|
51
|
+
emptyMessage: string;
|
|
52
|
+
errorMessage: string;
|
|
53
|
+
maxHeight: number;
|
|
54
|
+
menuTrigger: "input" | "focus" | "manual";
|
|
55
|
+
requiredMessage: string;
|
|
56
|
+
clearLabel: string;
|
|
57
|
+
toggleLabel: string;
|
|
58
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
33
59
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
34
60
|
declare const _default: typeof __VLS_export;
|
|
35
61
|
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type ComboboxAnchorProps } from 'reka-ui';
|
|
2
|
+
declare var __VLS_7: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_7) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import("vue").DefineComponent<ComboboxAnchorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxAnchorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
10
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
11
|
+
new (): {
|
|
12
|
+
$slots: S;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type ComboboxCancelProps } from 'reka-ui';
|
|
2
|
+
declare var __VLS_7: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_7) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import("vue").DefineComponent<ComboboxCancelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxCancelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
10
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
11
|
+
new (): {
|
|
12
|
+
$slots: S;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type ComboboxContentProps } from 'reka-ui';
|
|
2
|
+
type __VLS_Props = ComboboxContentProps & {
|
|
3
|
+
maxHeight?: number;
|
|
4
|
+
};
|
|
5
|
+
declare var __VLS_9: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_9) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
|
+
declare const _default: typeof __VLS_export;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ComboboxInputProps } from 'reka-ui';
|
|
2
|
+
declare var __VLS_13: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_13) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import("vue").DefineComponent<ComboboxInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (value: string) => any;
|
|
8
|
+
}, string, import("vue").PublicProps, Readonly<ComboboxInputProps> & Readonly<{
|
|
9
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
10
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { type ComboboxRootProps } from 'reka-ui';
|
|
2
|
+
import type { SelectSize, SelectVariant } from './types.js';
|
|
3
|
+
type __VLS_Props = ComboboxRootProps & {
|
|
4
|
+
size?: SelectSize;
|
|
5
|
+
variant?: SelectVariant;
|
|
6
|
+
hideLabel?: boolean;
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
menuTrigger?: 'input' | 'focus' | 'manual';
|
|
9
|
+
selectOnFocus?: boolean;
|
|
10
|
+
disallowEmptySelection?: boolean;
|
|
11
|
+
maxHeight?: number;
|
|
12
|
+
};
|
|
13
|
+
declare var __VLS_14: {
|
|
14
|
+
open: boolean;
|
|
15
|
+
modelValue: string | number | bigint | Record<string, any> | (string | number | bigint | Record<string, any> | null)[] | null;
|
|
16
|
+
};
|
|
17
|
+
type __VLS_Slots = {} & {
|
|
18
|
+
default?: (props: typeof __VLS_14) => any;
|
|
19
|
+
};
|
|
20
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
21
|
+
"update:modelValue": (value: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[] | undefined) => any;
|
|
22
|
+
"update:open": (value: boolean) => any;
|
|
23
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
24
|
+
"onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[] | undefined) => any) | undefined;
|
|
25
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
26
|
+
}>, {
|
|
27
|
+
size: SelectSize;
|
|
28
|
+
variant: SelectVariant;
|
|
29
|
+
fullWidth: boolean;
|
|
30
|
+
modelValue: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[];
|
|
31
|
+
maxHeight: number;
|
|
32
|
+
menuTrigger: "input" | "focus" | "manual";
|
|
33
|
+
open: boolean;
|
|
34
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
35
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
36
|
+
declare const _default: typeof __VLS_export;
|
|
37
|
+
export default _default;
|
|
38
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
39
|
+
new (): {
|
|
40
|
+
$slots: S;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
@@ -21,6 +21,8 @@ type __VLS_Props = StylingProps<'backdrop' | 'body' | 'close' | 'content' | 'des
|
|
|
21
21
|
showCloseButton?: boolean;
|
|
22
22
|
showFooterClose?: boolean;
|
|
23
23
|
closeIconLabel?: string;
|
|
24
|
+
dividedHeader?: boolean;
|
|
25
|
+
dividedFooter?: boolean;
|
|
24
26
|
};
|
|
25
27
|
type __VLS_Slots = {
|
|
26
28
|
default?: () => unknown;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'vue';
|
|
2
|
+
interface DialogFooterProps extends /* @vue-ignore */ HTMLAttributes {
|
|
3
|
+
as?: string;
|
|
4
|
+
divided?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare var __VLS_7: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_7) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<DialogFooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogFooterProps> & Readonly<{}>, {
|
|
11
|
+
as: string;
|
|
12
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'vue';
|
|
2
|
+
interface DialogHeaderProps extends /* @vue-ignore */ HTMLAttributes {
|
|
3
|
+
as?: string;
|
|
4
|
+
divided?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare var __VLS_7: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_7) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<DialogHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogHeaderProps> & Readonly<{}>, {
|
|
11
|
+
as: string;
|
|
12
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -5,6 +5,7 @@ declare const __VLS_export: <M extends "single" | "multiple" = "single">(__VLS_p
|
|
|
5
5
|
props: import("vue").PublicProps & __VLS_PrettifyLocal<(StylingProps<"root" | "error" | "description" | "label" | "required" | "list" | "value" | "clear" | "item" | "check" | "control" | "closeIcon" | "icon" | "itemLabel" | "leading" | "popover" | "trigger"> & {
|
|
6
6
|
label: string;
|
|
7
7
|
options: SelectOption[];
|
|
8
|
+
maxHeight?: number;
|
|
8
9
|
size?: SelectSize;
|
|
9
10
|
variant?: SelectVariant;
|
|
10
11
|
hideLabel?: boolean;
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
maxHeight?: number;
|
|
3
|
+
};
|
|
4
|
+
declare var __VLS_15: {};
|
|
2
5
|
type __VLS_Slots = {} & {
|
|
3
|
-
default?: (props: typeof
|
|
6
|
+
default?: (props: typeof __VLS_15) => any;
|
|
4
7
|
};
|
|
5
|
-
declare const __VLS_base: import("vue").DefineComponent<
|
|
8
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
6
9
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
7
10
|
declare const _default: typeof __VLS_export;
|
|
8
11
|
export default _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
declare var __VLS_10: {};
|
|
2
|
+
type __VLS_Slots = {} & {
|
|
3
|
+
default?: (props: typeof __VLS_10) => any;
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
6
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
7
|
+
}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
|
|
8
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
9
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
10
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
|
+
declare const _default: typeof __VLS_export;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
package/dist/types/Tabs.vue.d.ts
CHANGED
|
@@ -49,7 +49,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
|
|
|
49
49
|
showSeparators: boolean;
|
|
50
50
|
indicatorShadow: boolean;
|
|
51
51
|
inset: "default" | "none";
|
|
52
|
-
activationMode: "
|
|
52
|
+
activationMode: "manual" | "automatic";
|
|
53
53
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
54
54
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
55
55
|
declare const _default: typeof __VLS_export;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ComputedRef, InjectionKey, Ref } from 'vue';
|
|
2
|
+
import type { ComboboxRootProps } from 'reka-ui';
|
|
3
|
+
export declare const comboboxAnchorKey: InjectionKey<boolean>;
|
|
4
|
+
export declare const comboboxPolicyKey: InjectionKey<{
|
|
5
|
+
disabled: ComputedRef<boolean>;
|
|
6
|
+
selectOnFocus: ComputedRef<boolean>;
|
|
7
|
+
disallowEmptySelection: ComputedRef<boolean>;
|
|
8
|
+
maxHeight: ComputedRef<number | undefined>;
|
|
9
|
+
input: Ref<HTMLInputElement | undefined>;
|
|
10
|
+
value: ComputedRef<ComboboxRootProps['modelValue']>;
|
|
11
|
+
open: ComputedRef<boolean>;
|
|
12
|
+
resetRevision: Ref<number>;
|
|
13
|
+
close: Ref<() => void>;
|
|
14
|
+
}>;
|
|
@@ -34,16 +34,16 @@ export declare const NumberFieldRoot: typeof Reka.NumberFieldRoot;
|
|
|
34
34
|
export declare const NumberFieldInput: typeof Reka.NumberFieldInput;
|
|
35
35
|
export declare const NumberFieldIncrementButton: typeof Reka.NumberFieldIncrement;
|
|
36
36
|
export declare const NumberFieldDecrementButton: typeof Reka.NumberFieldDecrement;
|
|
37
|
-
export
|
|
38
|
-
export
|
|
37
|
+
export { default as ComboboxRoot } from './ComboboxRoot.vue.js';
|
|
38
|
+
export { default as ComboboxInput } from './ComboboxInput.vue.js';
|
|
39
39
|
export declare const ComboboxTrigger: typeof Reka.ComboboxTrigger;
|
|
40
|
-
export
|
|
40
|
+
export { default as ComboboxContent } from './ComboboxContent.vue.js';
|
|
41
41
|
export declare const ComboboxItem: typeof Reka.ComboboxItem;
|
|
42
42
|
export declare const ComboboxItemIndicator: typeof Reka.ComboboxItemIndicator;
|
|
43
43
|
export declare const ComboboxSection: typeof Reka.ComboboxGroup;
|
|
44
44
|
export declare const ComboboxSectionLabel: typeof Reka.ComboboxLabel;
|
|
45
|
-
export
|
|
46
|
-
export
|
|
45
|
+
export { default as ComboboxAnchor } from './ComboboxAnchor.vue.js';
|
|
46
|
+
export { default as ComboboxClearButton } from './ComboboxClearButton.vue.js';
|
|
47
47
|
export declare const DialogTrigger: typeof Reka.DialogTrigger;
|
|
48
48
|
export declare const DialogBackdrop: typeof Reka.DialogOverlay;
|
|
49
49
|
export declare const DialogContent: typeof Reka.DialogContent;
|
|
@@ -195,15 +195,11 @@ export declare const TableCell: import("./composition-factory.js").ContentPart<i
|
|
|
195
195
|
} & Pick<import("vue").TdHTMLAttributes, "colspan" | "rowspan" | "headers"> & {
|
|
196
196
|
scope?: "row" | "col" | "rowgroup" | "colgroup";
|
|
197
197
|
}>;
|
|
198
|
-
export
|
|
199
|
-
as?: string;
|
|
200
|
-
}>;
|
|
198
|
+
export { default as DialogHeader } from './DialogHeader.vue.js';
|
|
201
199
|
export declare const DialogBody: import("./composition-factory.js").ContentPart<import("vue").HTMLAttributes & {
|
|
202
200
|
as?: string;
|
|
203
201
|
}>;
|
|
204
|
-
export
|
|
205
|
-
as?: string;
|
|
206
|
-
}>;
|
|
202
|
+
export { default as DialogFooter } from './DialogFooter.vue.js';
|
|
207
203
|
export declare const PopoverHeading: import("./composition-factory.js").ContentPart<import("vue").HTMLAttributes & {
|
|
208
204
|
as?: string;
|
|
209
205
|
}>;
|