@soybeanjs/ui 0.12.3 → 0.12.4
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/dist/components/command/command.vue.d.ts +2 -2
- package/dist/components/context-menu/context-menu-checkbox.vue.d.ts +2 -2
- package/dist/components/context-menu/context-menu-radio.vue.d.ts +2 -2
- package/dist/components/context-menu/context-menu-wrapper.vue.d.ts +2 -2
- package/dist/components/context-menu/context-menu.vue.d.ts +2 -2
- package/dist/components/dialog/dialog-pure.vue.d.ts +1 -1
- package/dist/components/dialog/dialog.vue.d.ts +1 -1
- package/dist/components/drawer/drawer.vue.d.ts +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-checkbox.vue.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu-radio.vue.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu-wrapper.vue.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu.vue.d.ts +2 -2
- package/dist/components/layout/variants.js +1 -1
- package/dist/components/menu/menu-option.vue.d.ts +2 -2
- package/dist/components/menu/menu-options.vue.d.ts +2 -2
- package/dist/styles.css +1 -1
- package/package.json +2 -2
|
@@ -8,8 +8,8 @@ declare const __VLS_export: <T extends CommandBaseOptionData = CommandBaseOption
|
|
|
8
8
|
props: vue.PublicProps & __VLS_PrettifyLocal<CommandProps<T> & {
|
|
9
9
|
onSelect?: ((event: _soybeanjs_headless0.SelectEvent<string>) => any) | undefined;
|
|
10
10
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
11
|
-
onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => any) | undefined;
|
|
12
11
|
onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
|
|
12
|
+
onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => any) | undefined;
|
|
13
13
|
onLeave?: ((event: Event) => any) | undefined;
|
|
14
14
|
"onUpdate:searchTerm"?: ((value: string) => any) | undefined;
|
|
15
15
|
}> & (typeof globalThis extends {
|
|
@@ -38,7 +38,7 @@ declare const __VLS_export: <T extends CommandBaseOptionData = CommandBaseOption
|
|
|
38
38
|
} & {
|
|
39
39
|
bottom?: (props: {}) => any;
|
|
40
40
|
};
|
|
41
|
-
emit: ((evt: "select", event: _soybeanjs_headless0.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "
|
|
41
|
+
emit: ((evt: "select", event: _soybeanjs_headless0.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
|
|
42
42
|
}>) => vue.VNode & {
|
|
43
43
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
44
44
|
};
|
|
@@ -10,13 +10,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
10
10
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
|
|
12
12
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
13
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
14
15
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
15
16
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
17
18
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
19
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
}> & (typeof globalThis extends {
|
|
21
21
|
__VLS_PROPS_FALLBACK: infer P;
|
|
22
22
|
} ? P : {});
|
|
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
29
29
|
'item-trailing': (props: S) => any;
|
|
30
30
|
'item-indicator-icon': (props: S) => any;
|
|
31
31
|
};
|
|
32
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
32
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
33
33
|
}>) => vue.VNode & {
|
|
34
34
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
35
35
|
};
|
|
@@ -10,13 +10,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
10
10
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
|
|
12
12
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
13
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
14
15
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
15
16
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
17
18
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
19
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
}> & (typeof globalThis extends {
|
|
21
21
|
__VLS_PROPS_FALLBACK: infer P;
|
|
22
22
|
} ? P : {});
|
|
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
29
29
|
'item-trailing': (props: S) => any;
|
|
30
30
|
'item-indicator-icon': (props: S) => any;
|
|
31
31
|
};
|
|
32
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
32
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
33
33
|
}>) => vue.VNode & {
|
|
34
34
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
35
35
|
};
|
|
@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
|
|
|
11
11
|
};
|
|
12
12
|
declare const __VLS_base: vue.DefineComponent<ContextMenuWrapperProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
13
13
|
"update:open": (value: boolean) => any;
|
|
14
|
+
entryFocus: (event: Event) => any;
|
|
14
15
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
15
16
|
pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
|
|
16
17
|
focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
|
|
17
18
|
interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
|
|
18
19
|
openAutoFocus: (event: Event) => any;
|
|
19
20
|
closeAutoFocus: (event: Event) => any;
|
|
20
|
-
entryFocus: (event: Event) => any;
|
|
21
21
|
}, string, vue.PublicProps, Readonly<ContextMenuWrapperProps> & Readonly<{
|
|
22
22
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
23
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
23
24
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
24
25
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
25
26
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
26
27
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
27
28
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
28
29
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
30
30
|
}>, {
|
|
31
31
|
modal: boolean;
|
|
32
32
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
@@ -9,13 +9,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
9
9
|
props: vue.PublicProps & __VLS_PrettifyLocal<ContextMenuProps<T, S> & {
|
|
10
10
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
12
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
12
13
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
13
14
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
14
15
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
15
16
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
17
18
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
19
19
|
}> & (typeof globalThis extends {
|
|
20
20
|
__VLS_PROPS_FALLBACK: infer P;
|
|
21
21
|
} ? P : {});
|
|
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
29
29
|
'item-trigger': (props: MenuOptionData<T>) => any;
|
|
30
30
|
'item-trigger-icon': (props: MenuOptionData<T>) => any;
|
|
31
31
|
};
|
|
32
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
32
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
33
33
|
}>) => vue.VNode & {
|
|
34
34
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
35
35
|
};
|
|
@@ -33,8 +33,8 @@ declare const __VLS_base: vue.DefineComponent<DialogPureProps, {}, {}, {}, {}, v
|
|
|
33
33
|
}>, {
|
|
34
34
|
open: boolean;
|
|
35
35
|
defaultOpen: boolean;
|
|
36
|
-
modal: boolean;
|
|
37
36
|
closable: boolean;
|
|
37
|
+
modal: boolean;
|
|
38
38
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
39
39
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
40
40
|
declare const _default: typeof __VLS_export;
|
|
@@ -48,8 +48,8 @@ declare const __VLS_base: vue.DefineComponent<DialogProps, {}, {}, {}, {}, vue.C
|
|
|
48
48
|
}>, {
|
|
49
49
|
open: boolean;
|
|
50
50
|
defaultOpen: boolean;
|
|
51
|
-
modal: boolean;
|
|
52
51
|
closable: boolean;
|
|
52
|
+
modal: boolean;
|
|
53
53
|
}, {}, {}, {}, string, 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;
|
|
@@ -48,8 +48,8 @@ declare const __VLS_base: vue.DefineComponent<DrawerProps, {}, {}, {}, {}, vue.C
|
|
|
48
48
|
}>, {
|
|
49
49
|
open: boolean;
|
|
50
50
|
defaultOpen: boolean;
|
|
51
|
-
modal: boolean;
|
|
52
51
|
closable: boolean;
|
|
52
|
+
modal: boolean;
|
|
53
53
|
}, {}, {}, {}, string, 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;
|
|
@@ -10,13 +10,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
10
10
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
|
|
12
12
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
13
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
14
15
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
15
16
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
17
18
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
19
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
}> & (typeof globalThis extends {
|
|
21
21
|
__VLS_PROPS_FALLBACK: infer P;
|
|
22
22
|
} ? P : {});
|
|
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
29
29
|
'item-trailing': (props: S) => any;
|
|
30
30
|
'item-indicator-icon': (props: S) => any;
|
|
31
31
|
};
|
|
32
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
32
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
33
33
|
}>) => vue.VNode & {
|
|
34
34
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
35
35
|
};
|
|
@@ -10,13 +10,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
10
10
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
|
|
12
12
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
13
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
14
15
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
15
16
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
17
18
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
19
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
19
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
20
20
|
}> & (typeof globalThis extends {
|
|
21
21
|
__VLS_PROPS_FALLBACK: infer P;
|
|
22
22
|
} ? P : {});
|
|
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
29
29
|
'item-trailing': (props: S) => any;
|
|
30
30
|
'item-indicator-icon': (props: S) => any;
|
|
31
31
|
};
|
|
32
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
32
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
33
33
|
}>) => vue.VNode & {
|
|
34
34
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
35
35
|
};
|
|
@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
|
|
|
11
11
|
};
|
|
12
12
|
declare const __VLS_base: vue.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
13
13
|
"update:open": (value: boolean) => any;
|
|
14
|
+
entryFocus: (event: Event) => any;
|
|
14
15
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
15
16
|
pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
|
|
16
17
|
focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
|
|
17
18
|
interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
|
|
18
19
|
openAutoFocus: (event: Event) => any;
|
|
19
20
|
closeAutoFocus: (event: Event) => any;
|
|
20
|
-
entryFocus: (event: Event) => any;
|
|
21
21
|
}, string, vue.PublicProps, Readonly<DropdownMenuWrapperProps> & Readonly<{
|
|
22
22
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
23
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
23
24
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
24
25
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
25
26
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
26
27
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
27
28
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
28
29
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
30
30
|
}>, {
|
|
31
31
|
open: boolean;
|
|
32
32
|
modal: boolean;
|
|
@@ -9,13 +9,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
9
9
|
props: vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuProps<T, S> & {
|
|
10
10
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
11
11
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
12
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
12
13
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
13
14
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
14
15
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
15
16
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
16
17
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
17
18
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
18
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
19
19
|
}> & (typeof globalThis extends {
|
|
20
20
|
__VLS_PROPS_FALLBACK: infer P;
|
|
21
21
|
} ? P : {});
|
|
@@ -29,7 +29,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
29
29
|
'item-trigger': (props: MenuOptionData<T>) => any;
|
|
30
30
|
'item-trigger-icon': (props: MenuOptionData<T>) => any;
|
|
31
31
|
};
|
|
32
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
32
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
33
33
|
}>) => vue.VNode & {
|
|
34
34
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
35
35
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative flex w-full h-full data-[side=right]:flex-row-reverse`,sidebarRoot:`h-full hidden md:block`,sidebarWrapper:`absolute inset-y-0 z-10 hidden h-full w-[--soybean-sidebar-width] transition-[left,right,width,opacity] duration-200 ease-linear md:flex`,sidebar:[`flex flex-col w-full h-full bg-sidebar`,`group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:border-solid group-data-[variant=floating]:shadow`],sidebarGapHandler:[`relative h-full w-[--soybean-sidebar-width] bg-transparent transition-width duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`],mobileDrawer:`w-[--soybean-sidebar-width] bg-sidebar p-0`,mobileOverlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],mobile:`flex flex-col w-full h-full`,rail:[`absolute inset-y-0 z-20 hidden w-[--soybean-layout-spacing] -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:content-empty after:w-[calc(var(--soybean-layout-spacing)/8)] hover:after:bg-sidebar-border`],trigger:``,main:`relative flex flex-1 flex-col items-stretch bg-background overflow-hidden`,header:`relative flex items-center shrink-0 h-[--soybean-layout-header-height]`,tab:`shrink-0 h-[--soybean-layout-tab-height] bg-background`,content:`grow overflow-auto bg-background`,footer:`shrink-0 h-[--soybean-layout-footer-height]`},variants:{size:{xs:{root:`text-2xs [--soybean-layout-spacing:0.75rem]`},sm:{root:`text-xs [--soybean-layout-spacing:0.875rem]`},md:{root:`text-sm [--soybean-layout-spacing:1rem]`},lg:{root:`text-base [--soybean-layout-spacing:1.25rem]`},xl:{root:`text-lg [--soybean-layout-spacing:1.5rem]`},"2xl":{root:`text-xl [--soybean-layout-spacing:1.75rem]`}},variant:{sidebar:{sidebarGapHandler:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width]`,sidebarWrapper:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width] group-data-[side=left]:border-r group-data-[side=right]:border-l`},floating:{sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`},inset:{root:`bg-sidebar`,sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,main:`md:m-[calc(var(--soybean-layout-spacing)/2)] md:ml-0 md:rounded-xl md:shadow`}},side:{left:{sidebarWrapper:`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-w-resize group-data-[state=collapsed]:cursor-e-resize -right-[var(--soybean-layout-spacing)]`},right:{sidebarWrapper:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-e-resize group-data-[state=collapsed]:cursor-w-resize left-0`}},collapsible:{offcanvas:{sidebarWrapper:`group-data-[state=collapsed]:opacity-0`,rail:`translate-x-0 after:left-full hover:bg-sidebar`},icon:{}},fullContent:{true:{tab:`fixed left-0 top-0 z-
|
|
1
|
+
import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative flex w-full h-full data-[side=right]:flex-row-reverse`,sidebarRoot:`h-full hidden md:block`,sidebarWrapper:`absolute inset-y-0 z-10 hidden h-full w-[--soybean-sidebar-width] transition-[left,right,width,opacity] duration-200 ease-linear md:flex`,sidebar:[`flex flex-col w-full h-full bg-sidebar`,`group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:border-solid group-data-[variant=floating]:shadow`],sidebarGapHandler:[`relative h-full w-[--soybean-sidebar-width] bg-transparent transition-width duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`],mobileDrawer:`w-[--soybean-sidebar-width] bg-sidebar p-0`,mobileOverlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],mobile:`flex flex-col w-full h-full`,rail:[`absolute inset-y-0 z-20 hidden w-[--soybean-layout-spacing] -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:content-empty after:w-[calc(var(--soybean-layout-spacing)/8)] hover:after:bg-sidebar-border`],trigger:``,main:`relative flex flex-1 flex-col items-stretch bg-background overflow-hidden`,header:`relative flex items-center shrink-0 h-[--soybean-layout-header-height]`,tab:`shrink-0 h-[--soybean-layout-tab-height] bg-background`,content:`grow overflow-auto bg-background`,footer:`shrink-0 h-[--soybean-layout-footer-height]`},variants:{size:{xs:{root:`text-2xs [--soybean-layout-spacing:0.75rem]`},sm:{root:`text-xs [--soybean-layout-spacing:0.875rem]`},md:{root:`text-sm [--soybean-layout-spacing:1rem]`},lg:{root:`text-base [--soybean-layout-spacing:1.25rem]`},xl:{root:`text-lg [--soybean-layout-spacing:1.5rem]`},"2xl":{root:`text-xl [--soybean-layout-spacing:1.75rem]`}},variant:{sidebar:{sidebarGapHandler:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width]`,sidebarWrapper:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width] group-data-[side=left]:border-r group-data-[side=right]:border-l`},floating:{sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`},inset:{root:`bg-sidebar`,sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,main:`md:m-[calc(var(--soybean-layout-spacing)/2)] md:ml-0 md:rounded-xl md:shadow`}},side:{left:{sidebarWrapper:`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-w-resize group-data-[state=collapsed]:cursor-e-resize -right-[var(--soybean-layout-spacing)]`},right:{sidebarWrapper:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-e-resize group-data-[state=collapsed]:cursor-w-resize left-0`}},collapsible:{offcanvas:{sidebarWrapper:`group-data-[state=collapsed]:opacity-0`,rail:`translate-x-0 after:left-full hover:bg-sidebar`},icon:{}},fullContent:{true:{tab:`fixed left-0 top-0 z-49 w-full`,content:`fixed inset-0 z-49 group-data-[tab-visible=true]:mt-[--soybean-layout-tab-height]`},false:{content:`relative`}}},compoundVariants:[{side:`left`,collapsible:`offcanvas`,class:{rail:`-right-[var(--soybean-layout-spacing)/2]`}},{side:`right`,collapsible:`offcanvas`,class:{rail:`-left-[var(--soybean-layout-spacing)/2]`}},{side:`left`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:right-0`}},{side:`right`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:left-0`}},{side:`left`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:right-[calc(var(--soybean-layout-spacing)/2)]`}},{side:`right`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:left-[calc(var(--soybean-layout-spacing)/2)]`}},{variant:`inset`,collapsible:`offcanvas`,class:{main:`md:group-data-[state=collapsed]:ml-[calc(var(--soybean-layout-spacing)/2)]`}}],defaultVariants:{variant:`sidebar`,side:`left`,collapsible:`icon`}});export{t as layoutVariants};
|
|
@@ -8,13 +8,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
|
|
|
8
8
|
props: vue.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
|
|
9
9
|
onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
|
|
10
10
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
11
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
11
12
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
12
13
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
13
14
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
14
15
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
15
16
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
16
17
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
17
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
18
18
|
}> & (typeof globalThis extends {
|
|
19
19
|
__VLS_PROPS_FALLBACK: infer P;
|
|
20
20
|
} ? P : {});
|
|
@@ -38,7 +38,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
|
|
|
38
38
|
item: MenuOptionData<T>;
|
|
39
39
|
}) => any;
|
|
40
40
|
};
|
|
41
|
-
emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
41
|
+
emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
42
42
|
}>) => vue.VNode & {
|
|
43
43
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
44
44
|
};
|
|
@@ -8,13 +8,13 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
8
8
|
props: vue.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
|
|
9
9
|
onSelect?: ((item: S, event: Event) => any) | undefined;
|
|
10
10
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
11
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
11
12
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
12
13
|
onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
|
|
13
14
|
onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
14
15
|
onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
|
|
15
16
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
16
17
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
17
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
18
18
|
}> & (typeof globalThis extends {
|
|
19
19
|
__VLS_PROPS_FALLBACK: infer P;
|
|
20
20
|
} ? P : {});
|
|
@@ -38,7 +38,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
|
|
|
38
38
|
item: MenuOptionData<T>;
|
|
39
39
|
}) => any;
|
|
40
40
|
};
|
|
41
|
-
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "
|
|
41
|
+
emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
42
42
|
}>) => vue.VNode & {
|
|
43
43
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
44
44
|
};
|
package/dist/styles.css
CHANGED
|
@@ -137,8 +137,8 @@
|
|
|
137
137
|
.z-100{z-index:100;}
|
|
138
138
|
.z-20{z-index:20;}
|
|
139
139
|
.z-3{z-index:3;}
|
|
140
|
+
.z-49{z-index:49;}
|
|
140
141
|
.z-50{z-index:50;}
|
|
141
|
-
.z-9999{z-index:9999;}
|
|
142
142
|
.focus-visible\:\[\&\>\*\]\:z-2>*:focus-visible{z-index:2;}
|
|
143
143
|
.-order-1{order:-1;}
|
|
144
144
|
.order-1{order:1;}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@soybeanjs/ui",
|
|
3
|
-
"version": "0.12.
|
|
3
|
+
"version": "0.12.4",
|
|
4
4
|
"description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
|
|
5
5
|
"homepage": "https://github.com/soybeanjs/soybean-ui",
|
|
6
6
|
"bugs": {
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"tailwind-variants": "^3.2.2",
|
|
55
55
|
"valibot": "^1.2.0",
|
|
56
56
|
"zod": "^4.3.6",
|
|
57
|
-
"@soybeanjs/headless": "^0.12.
|
|
57
|
+
"@soybeanjs/headless": "^0.12.4"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
60
|
"@soybeanjs/cli": "^1.6.1",
|