@ark-ui/vue 5.29.0 → 5.30.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/dist/components/anatomy.cjs +5 -0
- package/dist/components/anatomy.d.cts +1 -0
- package/dist/components/anatomy.d.ts +1 -0
- package/dist/components/anatomy.js +1 -0
- package/dist/components/checkbox/use-checkbox-group.cjs +10 -5
- package/dist/components/checkbox/use-checkbox-group.d.cts +2 -2
- package/dist/components/checkbox/use-checkbox-group.d.ts +2 -2
- package/dist/components/checkbox/use-checkbox-group.js +10 -5
- package/dist/components/color-picker/color-picker-root.vue.d.cts +1 -1
- package/dist/components/color-picker/color-picker-root.vue.d.ts +1 -1
- package/dist/components/combobox/combobox-root.vue.d.cts +1 -1
- package/dist/components/combobox/combobox-root.vue.d.ts +1 -1
- package/dist/components/date-picker/date-picker-root.vue.cjs +6 -2
- package/dist/components/date-picker/date-picker-root.vue.d.cts +3 -2
- package/dist/components/date-picker/date-picker-root.vue.d.ts +3 -2
- package/dist/components/date-picker/date-picker-root.vue.js +6 -2
- package/dist/components/date-picker/date-picker.types.d.cts +8 -0
- package/dist/components/date-picker/date-picker.types.d.ts +8 -0
- package/dist/components/dialog/dialog-root.vue.d.cts +1 -1
- package/dist/components/dialog/dialog-root.vue.d.ts +1 -1
- package/dist/components/editable/editable-root.vue.d.cts +1 -1
- package/dist/components/editable/editable-root.vue.d.ts +1 -1
- package/dist/components/fieldset/fieldset-root.vue.cjs +4 -1
- package/dist/components/fieldset/fieldset-root.vue.js +4 -1
- package/dist/components/fieldset/use-fieldset.cjs +16 -9
- package/dist/components/fieldset/use-fieldset.d.cts +5 -0
- package/dist/components/fieldset/use-fieldset.d.ts +5 -0
- package/dist/components/fieldset/use-fieldset.js +16 -9
- package/dist/components/floating-panel/floating-panel-root.vue.d.cts +1 -2
- package/dist/components/floating-panel/floating-panel-root.vue.d.ts +1 -2
- package/dist/components/hover-card/hover-card-root.vue.d.cts +1 -1
- package/dist/components/hover-card/hover-card-root.vue.d.ts +1 -1
- package/dist/components/index.cjs +4 -0
- package/dist/components/index.js +2 -0
- package/dist/components/menu/menu-root.vue.d.cts +1 -1
- package/dist/components/menu/menu-root.vue.d.ts +1 -1
- package/dist/components/navigation-menu/index.cjs +44 -0
- package/dist/components/navigation-menu/index.d.cts +18 -0
- package/dist/components/navigation-menu/index.d.ts +18 -0
- package/dist/components/navigation-menu/index.js +18 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.vue.cjs +29 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.vue.d.cts +19 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.vue.d.ts +19 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.vue.js +25 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-content.vue.cjs +57 -0
- package/dist/components/navigation-menu/navigation-menu-content.vue.d.cts +21 -0
- package/dist/components/navigation-menu/navigation-menu-content.vue.d.ts +21 -0
- package/dist/components/navigation-menu/navigation-menu-content.vue.js +53 -0
- package/dist/components/navigation-menu/navigation-menu-content.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-content.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-context.vue.cjs +18 -0
- package/dist/components/navigation-menu/navigation-menu-context.vue.d.cts +17 -0
- package/dist/components/navigation-menu/navigation-menu-context.vue.d.ts +17 -0
- package/dist/components/navigation-menu/navigation-menu-context.vue.js +14 -0
- package/dist/components/navigation-menu/navigation-menu-context.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-context.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.vue.cjs +35 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.vue.d.cts +19 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.vue.d.ts +19 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.vue.js +31 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.vue.cjs +34 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.vue.d.cts +19 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.vue.d.ts +19 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.vue.js +30 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-item.vue.cjs +35 -0
- package/dist/components/navigation-menu/navigation-menu-item.vue.d.cts +20 -0
- package/dist/components/navigation-menu/navigation-menu-item.vue.d.ts +20 -0
- package/dist/components/navigation-menu/navigation-menu-item.vue.js +31 -0
- package/dist/components/navigation-menu/navigation-menu-item.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-item.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-link.vue.cjs +38 -0
- package/dist/components/navigation-menu/navigation-menu-link.vue.d.cts +20 -0
- package/dist/components/navigation-menu/navigation-menu-link.vue.d.ts +20 -0
- package/dist/components/navigation-menu/navigation-menu-link.vue.js +34 -0
- package/dist/components/navigation-menu/navigation-menu-link.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-link.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-list.vue.cjs +29 -0
- package/dist/components/navigation-menu/navigation-menu-list.vue.d.cts +19 -0
- package/dist/components/navigation-menu/navigation-menu-list.vue.d.ts +19 -0
- package/dist/components/navigation-menu/navigation-menu-list.vue.js +25 -0
- package/dist/components/navigation-menu/navigation-menu-list.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-list.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.vue.cjs +35 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.vue.d.cts +19 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.vue.d.ts +19 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.vue.js +31 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-root.vue.cjs +51 -0
- package/dist/components/navigation-menu/navigation-menu-root.vue.d.cts +29 -0
- package/dist/components/navigation-menu/navigation-menu-root.vue.d.ts +29 -0
- package/dist/components/navigation-menu/navigation-menu-root.vue.js +47 -0
- package/dist/components/navigation-menu/navigation-menu-root.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-root.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.vue.cjs +40 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.vue.d.cts +20 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.vue.d.ts +20 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.vue.js +36 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue.cjs +31 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue.d.cts +20 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue.d.ts +20 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue.js +27 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.vue.cjs +39 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.vue.d.cts +20 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.vue.d.ts +20 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.vue.js +35 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu.anatomy.d.cts +1 -0
- package/dist/components/navigation-menu/navigation-menu.anatomy.d.ts +1 -0
- package/dist/components/navigation-menu/navigation-menu.cjs +33 -0
- package/dist/components/navigation-menu/navigation-menu.d.cts +14 -0
- package/dist/components/navigation-menu/navigation-menu.d.ts +14 -0
- package/dist/components/navigation-menu/navigation-menu.js +13 -0
- package/dist/components/navigation-menu/navigation-menu.types.d.cts +64 -0
- package/dist/components/navigation-menu/navigation-menu.types.d.ts +64 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.cjs +10 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.d.cts +4 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.d.ts +4 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.js +5 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.cjs +10 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.d.cts +3 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.d.ts +3 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.js +5 -0
- package/dist/components/navigation-menu/use-navigation-menu.cjs +53 -0
- package/dist/components/navigation-menu/use-navigation-menu.d.cts +10 -0
- package/dist/components/navigation-menu/use-navigation-menu.d.ts +10 -0
- package/dist/components/navigation-menu/use-navigation-menu.js +30 -0
- package/dist/components/pagination/index.cjs +4 -0
- package/dist/components/pagination/index.d.cts +2 -0
- package/dist/components/pagination/index.d.ts +2 -0
- package/dist/components/pagination/index.js +2 -0
- package/dist/components/pagination/pagination-first-trigger.vue.cjs +29 -0
- package/dist/components/pagination/pagination-first-trigger.vue.d.cts +19 -0
- package/dist/components/pagination/pagination-first-trigger.vue.d.ts +19 -0
- package/dist/components/pagination/pagination-first-trigger.vue.js +25 -0
- package/dist/components/pagination/pagination-first-trigger.vue2.cjs +9 -0
- package/dist/components/pagination/pagination-first-trigger.vue2.js +5 -0
- package/dist/components/pagination/pagination-last-trigger.vue.cjs +29 -0
- package/dist/components/pagination/pagination-last-trigger.vue.d.cts +19 -0
- package/dist/components/pagination/pagination-last-trigger.vue.d.ts +19 -0
- package/dist/components/pagination/pagination-last-trigger.vue.js +25 -0
- package/dist/components/pagination/pagination-last-trigger.vue2.cjs +9 -0
- package/dist/components/pagination/pagination-last-trigger.vue2.js +5 -0
- package/dist/components/pagination/pagination.cjs +4 -0
- package/dist/components/pagination/pagination.d.cts +2 -0
- package/dist/components/pagination/pagination.d.ts +2 -0
- package/dist/components/pagination/pagination.js +2 -0
- package/dist/components/popover/popover-root.vue.d.cts +1 -1
- package/dist/components/popover/popover-root.vue.d.ts +1 -1
- package/dist/components/radio-group/radio-group-root.vue.cjs +5 -1
- package/dist/components/radio-group/radio-group-root.vue.d.cts +2 -0
- package/dist/components/radio-group/radio-group-root.vue.d.ts +2 -0
- package/dist/components/radio-group/radio-group-root.vue.js +5 -1
- package/dist/components/radio-group/radio-group.types.d.cts +8 -0
- package/dist/components/radio-group/radio-group.types.d.ts +8 -0
- package/dist/components/radio-group/use-radio-group.cjs +9 -0
- package/dist/components/radio-group/use-radio-group.js +9 -0
- package/dist/components/select/select-root.vue.d.cts +1 -1
- package/dist/components/select/select-root.vue.d.ts +1 -1
- package/dist/components/tags-input/tags-input-root.vue.d.cts +1 -1
- package/dist/components/tags-input/tags-input-root.vue.d.ts +1 -1
- package/dist/index.cjs +4 -0
- package/dist/index.js +2 -0
- package/dist/utils/boolean.cjs +9 -0
- package/dist/utils/boolean.d.cts +2 -0
- package/dist/utils/boolean.d.ts +2 -0
- package/dist/utils/boolean.js +5 -0
- package/package.json +72 -71
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails, PageUrlDetails } from '@zag-js/pagination';
|
|
2
2
|
export { default as Context, type PaginationContextProps as ContextProps } from './pagination-context.vue';
|
|
3
3
|
export { default as Ellipsis, type PaginationEllipsisProps as EllipsisProps, type PaginationEllipsisBaseProps as EllipsisBaseProps, } from './pagination-ellipsis.vue';
|
|
4
|
+
export { default as FirstTrigger, type PaginationFirstTriggerProps as FirstTriggerProps, type PaginationFirstTriggerBaseProps as FirstTriggerBaseProps, } from './pagination-first-trigger.vue';
|
|
4
5
|
export { default as Item, type PaginationItemProps as ItemProps, type PaginationItemBaseProps as ItemBaseProps, } from './pagination-item.vue';
|
|
6
|
+
export { default as LastTrigger, type PaginationLastTriggerProps as LastTriggerProps, type PaginationLastTriggerBaseProps as LastTriggerBaseProps, } from './pagination-last-trigger.vue';
|
|
5
7
|
export { default as NextTrigger, type PaginationNextTriggerProps as NextTriggerProps, type PaginationNextTriggerBaseProps as NextTriggerBaseProps, } from './pagination-next-trigger.vue';
|
|
6
8
|
export { default as PrevTrigger, type PaginationPrevTriggerProps as PrevTriggerProps, type PaginationPrevTriggerBaseProps as PrevTriggerBaseProps, } from './pagination-prev-trigger.vue';
|
|
7
9
|
export { default as RootProvider, type PaginationRootProviderProps as RootProviderProps, type PaginationRootProviderBaseProps as RootProviderBaseProps, } from './pagination-root-provider.vue';
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails, PageUrlDetails } from '@zag-js/pagination';
|
|
2
2
|
export { default as Context, type PaginationContextProps as ContextProps } from './pagination-context.vue';
|
|
3
3
|
export { default as Ellipsis, type PaginationEllipsisProps as EllipsisProps, type PaginationEllipsisBaseProps as EllipsisBaseProps, } from './pagination-ellipsis.vue';
|
|
4
|
+
export { default as FirstTrigger, type PaginationFirstTriggerProps as FirstTriggerProps, type PaginationFirstTriggerBaseProps as FirstTriggerBaseProps, } from './pagination-first-trigger.vue';
|
|
4
5
|
export { default as Item, type PaginationItemProps as ItemProps, type PaginationItemBaseProps as ItemBaseProps, } from './pagination-item.vue';
|
|
6
|
+
export { default as LastTrigger, type PaginationLastTriggerProps as LastTriggerProps, type PaginationLastTriggerBaseProps as LastTriggerBaseProps, } from './pagination-last-trigger.vue';
|
|
5
7
|
export { default as NextTrigger, type PaginationNextTriggerProps as NextTriggerProps, type PaginationNextTriggerBaseProps as NextTriggerBaseProps, } from './pagination-next-trigger.vue';
|
|
6
8
|
export { default as PrevTrigger, type PaginationPrevTriggerProps as PrevTriggerProps, type PaginationPrevTriggerBaseProps as PrevTriggerBaseProps, } from './pagination-prev-trigger.vue';
|
|
7
9
|
export { default as RootProvider, type PaginationRootProviderProps as RootProviderProps, type PaginationRootProviderBaseProps as RootProviderBaseProps, } from './pagination-root-provider.vue';
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export { default as Context } from './pagination-context.vue.js';
|
|
2
2
|
export { default as Ellipsis } from './pagination-ellipsis.vue.js';
|
|
3
|
+
export { default as FirstTrigger } from './pagination-first-trigger.vue.js';
|
|
3
4
|
export { default as Item } from './pagination-item.vue.js';
|
|
5
|
+
export { default as LastTrigger } from './pagination-last-trigger.vue.js';
|
|
4
6
|
export { default as NextTrigger } from './pagination-next-trigger.vue.js';
|
|
5
7
|
export { default as PrevTrigger } from './pagination-prev-trigger.vue.js';
|
|
6
8
|
export { default as RootProvider } from './pagination-root-provider.vue.js';
|
|
@@ -2,7 +2,7 @@ import { RenderStrategyProps } from '../../utils/use-render-strategy';
|
|
|
2
2
|
import { RootEmits, RootProps } from './popover.types';
|
|
3
3
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
4
4
|
import { OpenChangeDetails } from '@zag-js/popover';
|
|
5
|
-
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/
|
|
5
|
+
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
|
|
6
6
|
export interface PopoverRootBaseProps extends RootProps, RenderStrategyProps {
|
|
7
7
|
}
|
|
8
8
|
export interface PopoverRootProps extends PopoverRootBaseProps {
|
|
@@ -2,7 +2,7 @@ import { RenderStrategyProps } from '../../utils/use-render-strategy';
|
|
|
2
2
|
import { RootEmits, RootProps } from './popover.types';
|
|
3
3
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
4
4
|
import { OpenChangeDetails } from '@zag-js/popover';
|
|
5
|
-
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/
|
|
5
|
+
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
|
|
6
6
|
export interface PopoverRootBaseProps extends RootProps, RenderStrategyProps {
|
|
7
7
|
}
|
|
8
8
|
export interface PopoverRootProps extends PopoverRootBaseProps {
|
|
@@ -16,14 +16,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
16
16
|
form: {},
|
|
17
17
|
id: {},
|
|
18
18
|
ids: {},
|
|
19
|
+
invalid: { type: Boolean },
|
|
19
20
|
modelValue: {},
|
|
20
21
|
name: {},
|
|
21
22
|
orientation: {},
|
|
22
23
|
readOnly: { type: Boolean },
|
|
24
|
+
required: { type: Boolean },
|
|
23
25
|
asChild: { type: Boolean }
|
|
24
26
|
}, {
|
|
25
27
|
disabled: void 0,
|
|
26
|
-
|
|
28
|
+
invalid: void 0,
|
|
29
|
+
readOnly: void 0,
|
|
30
|
+
required: void 0
|
|
27
31
|
}),
|
|
28
32
|
emits: ["valueChange", "update:modelValue"],
|
|
29
33
|
setup(__props, { emit: __emit }) {
|
|
@@ -19,7 +19,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<RadioGroupRootP
|
|
|
19
19
|
onValueChange?: ((details: ValueChangeDetails) => any) | undefined;
|
|
20
20
|
"onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
|
|
21
21
|
}>, {
|
|
22
|
+
invalid: boolean;
|
|
22
23
|
disabled: boolean;
|
|
24
|
+
required: boolean;
|
|
23
25
|
readOnly: boolean;
|
|
24
26
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
25
27
|
default?(_: {}): any;
|
|
@@ -19,7 +19,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<RadioGroupRootP
|
|
|
19
19
|
onValueChange?: ((details: ValueChangeDetails) => any) | undefined;
|
|
20
20
|
"onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
|
|
21
21
|
}>, {
|
|
22
|
+
invalid: boolean;
|
|
22
23
|
disabled: boolean;
|
|
24
|
+
required: boolean;
|
|
23
25
|
readOnly: boolean;
|
|
24
26
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
25
27
|
default?(_: {}): any;
|
|
@@ -12,14 +12,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
12
12
|
form: {},
|
|
13
13
|
id: {},
|
|
14
14
|
ids: {},
|
|
15
|
+
invalid: { type: Boolean },
|
|
15
16
|
modelValue: {},
|
|
16
17
|
name: {},
|
|
17
18
|
orientation: {},
|
|
18
19
|
readOnly: { type: Boolean },
|
|
20
|
+
required: { type: Boolean },
|
|
19
21
|
asChild: { type: Boolean }
|
|
20
22
|
}, {
|
|
21
23
|
disabled: void 0,
|
|
22
|
-
|
|
24
|
+
invalid: void 0,
|
|
25
|
+
readOnly: void 0,
|
|
26
|
+
required: void 0
|
|
23
27
|
}),
|
|
24
28
|
emits: ["valueChange", "update:modelValue"],
|
|
25
29
|
setup(__props, { emit: __emit }) {
|
|
@@ -29,6 +29,10 @@ export interface RootProps {
|
|
|
29
29
|
itemControl(value: string): string;
|
|
30
30
|
itemHiddenInput(value: string): string;
|
|
31
31
|
}>;
|
|
32
|
+
/**
|
|
33
|
+
* Whether the radio group is invalid
|
|
34
|
+
*/
|
|
35
|
+
invalid?: boolean;
|
|
32
36
|
/**
|
|
33
37
|
* The v-model value of the radio group
|
|
34
38
|
*/
|
|
@@ -46,6 +50,10 @@ export interface RootProps {
|
|
|
46
50
|
* Whether the checkbox is read-only
|
|
47
51
|
*/
|
|
48
52
|
readOnly?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Whether the radio group is required
|
|
55
|
+
*/
|
|
56
|
+
required?: boolean;
|
|
49
57
|
}
|
|
50
58
|
export type RootEmits = {
|
|
51
59
|
/**
|
|
@@ -29,6 +29,10 @@ export interface RootProps {
|
|
|
29
29
|
itemControl(value: string): string;
|
|
30
30
|
itemHiddenInput(value: string): string;
|
|
31
31
|
}>;
|
|
32
|
+
/**
|
|
33
|
+
* Whether the radio group is invalid
|
|
34
|
+
*/
|
|
35
|
+
invalid?: boolean;
|
|
32
36
|
/**
|
|
33
37
|
* The v-model value of the radio group
|
|
34
38
|
*/
|
|
@@ -46,6 +50,10 @@ export interface RootProps {
|
|
|
46
50
|
* Whether the checkbox is read-only
|
|
47
51
|
*/
|
|
48
52
|
readOnly?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Whether the radio group is required
|
|
55
|
+
*/
|
|
56
|
+
required?: boolean;
|
|
49
57
|
}
|
|
50
58
|
export type RootEmits = {
|
|
51
59
|
/**
|
|
@@ -7,7 +7,9 @@ const vue$1 = require('@zag-js/vue');
|
|
|
7
7
|
const vue = require('vue');
|
|
8
8
|
const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
|
|
9
9
|
const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
|
|
10
|
+
const boolean = require('../../utils/boolean.cjs');
|
|
10
11
|
const cleanProps = require('../../utils/clean-props.cjs');
|
|
12
|
+
const useFieldsetContext = require('../fieldset/use-fieldset-context.cjs');
|
|
11
13
|
|
|
12
14
|
function _interopNamespaceDefault(e) {
|
|
13
15
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
|
|
@@ -32,10 +34,17 @@ const useRadioGroup = (props = {}, emit) => {
|
|
|
32
34
|
const id = vue.useId();
|
|
33
35
|
const env = useEnvironmentContext.useEnvironmentContext(useEnvironmentContext.DEFAULT_ENVIRONMENT);
|
|
34
36
|
const locale = useLocaleContext.useLocaleContext(useLocaleContext.DEFAULT_LOCALE);
|
|
37
|
+
const fieldset = useFieldsetContext.useFieldsetContext();
|
|
35
38
|
const context = vue.computed(() => {
|
|
36
39
|
const localProps = vue.toValue(props);
|
|
40
|
+
const fieldsetContext = fieldset?.value;
|
|
37
41
|
return {
|
|
38
42
|
id,
|
|
43
|
+
ids: {
|
|
44
|
+
label: fieldsetContext?.ids?.legend
|
|
45
|
+
},
|
|
46
|
+
disabled: boolean.toBooleanValue(fieldsetContext?.disabled),
|
|
47
|
+
invalid: fieldsetContext?.invalid,
|
|
39
48
|
dir: locale.value.dir,
|
|
40
49
|
value: localProps.modelValue,
|
|
41
50
|
getRootNode: env?.value.getRootNode,
|
|
@@ -3,16 +3,25 @@ import { useMachine, normalizeProps } from '@zag-js/vue';
|
|
|
3
3
|
import { useId, computed, toValue } from 'vue';
|
|
4
4
|
import { useEnvironmentContext, DEFAULT_ENVIRONMENT } from '../../providers/environment/use-environment-context.js';
|
|
5
5
|
import { useLocaleContext, DEFAULT_LOCALE } from '../../providers/locale/use-locale-context.js';
|
|
6
|
+
import { toBooleanValue } from '../../utils/boolean.js';
|
|
6
7
|
import { cleanProps } from '../../utils/clean-props.js';
|
|
8
|
+
import { useFieldsetContext } from '../fieldset/use-fieldset-context.js';
|
|
7
9
|
|
|
8
10
|
const useRadioGroup = (props = {}, emit) => {
|
|
9
11
|
const id = useId();
|
|
10
12
|
const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
|
|
11
13
|
const locale = useLocaleContext(DEFAULT_LOCALE);
|
|
14
|
+
const fieldset = useFieldsetContext();
|
|
12
15
|
const context = computed(() => {
|
|
13
16
|
const localProps = toValue(props);
|
|
17
|
+
const fieldsetContext = fieldset?.value;
|
|
14
18
|
return {
|
|
15
19
|
id,
|
|
20
|
+
ids: {
|
|
21
|
+
label: fieldsetContext?.ids?.legend
|
|
22
|
+
},
|
|
23
|
+
disabled: toBooleanValue(fieldsetContext?.disabled),
|
|
24
|
+
invalid: fieldsetContext?.invalid,
|
|
16
25
|
dir: locale.value.dir,
|
|
17
26
|
value: localProps.modelValue,
|
|
18
27
|
getRootNode: env?.value.getRootNode,
|
|
@@ -5,7 +5,7 @@ import { CollectionItem } from '../collection';
|
|
|
5
5
|
import { PolymorphicProps } from '../factory';
|
|
6
6
|
import { RootProps } from './select.types';
|
|
7
7
|
import { SelectionDetails, ValueChangeDetails, OpenChangeDetails, HighlightChangeDetails } from '@zag-js/select';
|
|
8
|
-
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/
|
|
8
|
+
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
|
|
9
9
|
export interface SelectRootBaseProps<T extends CollectionItem> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
|
|
10
10
|
}
|
|
11
11
|
export interface SelectRootProps<T extends CollectionItem> extends SelectRootBaseProps<T>,
|
|
@@ -5,7 +5,7 @@ import { CollectionItem } from '../collection';
|
|
|
5
5
|
import { PolymorphicProps } from '../factory';
|
|
6
6
|
import { RootProps } from './select.types';
|
|
7
7
|
import { SelectionDetails, ValueChangeDetails, OpenChangeDetails, HighlightChangeDetails } from '@zag-js/select';
|
|
8
|
-
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/
|
|
8
|
+
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
|
|
9
9
|
export interface SelectRootBaseProps<T extends CollectionItem> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
|
|
10
10
|
}
|
|
11
11
|
export interface SelectRootProps<T extends CollectionItem> extends SelectRootBaseProps<T>,
|
|
@@ -2,7 +2,7 @@ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, Co
|
|
|
2
2
|
import { PolymorphicProps } from '../factory';
|
|
3
3
|
import { RootEmits, RootProps } from './tags-input.types';
|
|
4
4
|
import { ValueChangeDetails, HighlightChangeDetails, InputValueChangeDetails, ValidityChangeDetails } from '@zag-js/tags-input';
|
|
5
|
-
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/
|
|
5
|
+
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
|
|
6
6
|
export interface TagsInputRootBaseProps extends RootProps, PolymorphicProps {
|
|
7
7
|
}
|
|
8
8
|
export interface TagsInputRootProps extends TagsInputRootBaseProps,
|
|
@@ -2,7 +2,7 @@ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, Co
|
|
|
2
2
|
import { PolymorphicProps } from '../factory';
|
|
3
3
|
import { RootEmits, RootProps } from './tags-input.types';
|
|
4
4
|
import { ValueChangeDetails, HighlightChangeDetails, InputValueChangeDetails, ValidityChangeDetails } from '@zag-js/tags-input';
|
|
5
|
-
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/
|
|
5
|
+
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
|
|
6
6
|
export interface TagsInputRootBaseProps extends RootProps, PolymorphicProps {
|
|
7
7
|
}
|
|
8
8
|
export interface TagsInputRootProps extends TagsInputRootBaseProps,
|
package/dist/index.cjs
CHANGED
|
@@ -389,7 +389,9 @@ const useNumberInputContext = require('./components/number-input/use-number-inpu
|
|
|
389
389
|
const numberInput$1 = require('./components/number-input/number-input.cjs');
|
|
390
390
|
const paginationContext_vue_vue_type_script_setup_true_lang = require('./components/pagination/pagination-context.vue.cjs');
|
|
391
391
|
const paginationEllipsis_vue_vue_type_script_setup_true_lang = require('./components/pagination/pagination-ellipsis.vue.cjs');
|
|
392
|
+
const paginationFirstTrigger_vue_vue_type_script_setup_true_lang = require('./components/pagination/pagination-first-trigger.vue.cjs');
|
|
392
393
|
const paginationItem_vue_vue_type_script_setup_true_lang = require('./components/pagination/pagination-item.vue.cjs');
|
|
394
|
+
const paginationLastTrigger_vue_vue_type_script_setup_true_lang = require('./components/pagination/pagination-last-trigger.vue.cjs');
|
|
393
395
|
const paginationNextTrigger_vue_vue_type_script_setup_true_lang = require('./components/pagination/pagination-next-trigger.vue.cjs');
|
|
394
396
|
const paginationPrevTrigger_vue_vue_type_script_setup_true_lang = require('./components/pagination/pagination-prev-trigger.vue.cjs');
|
|
395
397
|
const paginationRootProvider_vue_vue_type_script_setup_true_lang = require('./components/pagination/pagination-root-provider.vue.cjs');
|
|
@@ -1164,7 +1166,9 @@ exports.useNumberInputContext = useNumberInputContext.useNumberInputContext;
|
|
|
1164
1166
|
exports.NumberInput = numberInput$1;
|
|
1165
1167
|
exports.PaginationContext = paginationContext_vue_vue_type_script_setup_true_lang.default;
|
|
1166
1168
|
exports.PaginationEllipsis = paginationEllipsis_vue_vue_type_script_setup_true_lang.default;
|
|
1169
|
+
exports.PaginationFirstTrigger = paginationFirstTrigger_vue_vue_type_script_setup_true_lang.default;
|
|
1167
1170
|
exports.PaginationItem = paginationItem_vue_vue_type_script_setup_true_lang.default;
|
|
1171
|
+
exports.PaginationLastTrigger = paginationLastTrigger_vue_vue_type_script_setup_true_lang.default;
|
|
1168
1172
|
exports.PaginationNextTrigger = paginationNextTrigger_vue_vue_type_script_setup_true_lang.default;
|
|
1169
1173
|
exports.PaginationPrevTrigger = paginationPrevTrigger_vue_vue_type_script_setup_true_lang.default;
|
|
1170
1174
|
exports.PaginationRootProvider = paginationRootProvider_vue_vue_type_script_setup_true_lang.default;
|
package/dist/index.js
CHANGED
|
@@ -410,7 +410,9 @@ import * as numberInput from './components/number-input/number-input.js';
|
|
|
410
410
|
export { numberInput as NumberInput };
|
|
411
411
|
export { default as PaginationContext } from './components/pagination/pagination-context.vue.js';
|
|
412
412
|
export { default as PaginationEllipsis } from './components/pagination/pagination-ellipsis.vue.js';
|
|
413
|
+
export { default as PaginationFirstTrigger } from './components/pagination/pagination-first-trigger.vue.js';
|
|
413
414
|
export { default as PaginationItem } from './components/pagination/pagination-item.vue.js';
|
|
415
|
+
export { default as PaginationLastTrigger } from './components/pagination/pagination-last-trigger.vue.js';
|
|
414
416
|
export { default as PaginationNextTrigger } from './components/pagination/pagination-next-trigger.vue.js';
|
|
415
417
|
export { default as PaginationPrevTrigger } from './components/pagination/pagination-prev-trigger.vue.js';
|
|
416
418
|
export { default as PaginationRootProvider } from './components/pagination/pagination-root-provider.vue.js';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ark-ui/vue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.30.0",
|
|
5
5
|
"description": "A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"accordion",
|
|
@@ -149,71 +149,72 @@
|
|
|
149
149
|
"sideEffects": false,
|
|
150
150
|
"dependencies": {
|
|
151
151
|
"@internationalized/date": "3.10.0",
|
|
152
|
-
"@zag-js/accordion": "1.
|
|
153
|
-
"@zag-js/anatomy": "1.
|
|
154
|
-
"@zag-js/angle-slider": "1.
|
|
155
|
-
"@zag-js/async-list": "1.
|
|
156
|
-
"@zag-js/auto-resize": "1.
|
|
157
|
-
"@zag-js/avatar": "1.
|
|
158
|
-
"@zag-js/bottom-sheet": "1.
|
|
159
|
-
"@zag-js/carousel": "1.
|
|
160
|
-
"@zag-js/checkbox": "1.
|
|
161
|
-
"@zag-js/clipboard": "1.
|
|
162
|
-
"@zag-js/collapsible": "1.
|
|
163
|
-
"@zag-js/collection": "1.
|
|
164
|
-
"@zag-js/color-picker": "1.
|
|
165
|
-
"@zag-js/color-utils": "1.
|
|
166
|
-
"@zag-js/combobox": "1.
|
|
167
|
-
"@zag-js/core": "1.
|
|
168
|
-
"@zag-js/date-picker": "1.
|
|
169
|
-
"@zag-js/date-utils": "1.
|
|
170
|
-
"@zag-js/dialog": "1.
|
|
171
|
-
"@zag-js/dom-query": "1.
|
|
172
|
-
"@zag-js/editable": "1.
|
|
173
|
-
"@zag-js/file-upload": "1.
|
|
174
|
-
"@zag-js/file-utils": "1.
|
|
175
|
-
"@zag-js/floating-panel": "1.
|
|
176
|
-
"@zag-js/focus-trap": "1.
|
|
177
|
-
"@zag-js/highlight-word": "1.
|
|
178
|
-
"@zag-js/hover-card": "1.
|
|
179
|
-
"@zag-js/image-cropper": "1.
|
|
180
|
-
"@zag-js/i18n-utils": "1.
|
|
181
|
-
"@zag-js/json-tree-utils": "1.
|
|
182
|
-
"@zag-js/listbox": "1.
|
|
183
|
-
"@zag-js/marquee": "1.
|
|
184
|
-
"@zag-js/menu": "1.
|
|
185
|
-
"@zag-js/
|
|
186
|
-
"@zag-js/
|
|
187
|
-
"@zag-js/
|
|
188
|
-
"@zag-js/
|
|
189
|
-
"@zag-js/
|
|
190
|
-
"@zag-js/
|
|
191
|
-
"@zag-js/
|
|
192
|
-
"@zag-js/
|
|
193
|
-
"@zag-js/
|
|
194
|
-
"@zag-js/
|
|
195
|
-
"@zag-js/
|
|
196
|
-
"@zag-js/
|
|
197
|
-
"@zag-js/
|
|
198
|
-
"@zag-js/
|
|
199
|
-
"@zag-js/
|
|
200
|
-
"@zag-js/
|
|
201
|
-
"@zag-js/
|
|
202
|
-
"@zag-js/
|
|
203
|
-
"@zag-js/
|
|
204
|
-
"@zag-js/
|
|
205
|
-
"@zag-js/
|
|
206
|
-
"@zag-js/
|
|
207
|
-
"@zag-js/toggle
|
|
208
|
-
"@zag-js/
|
|
209
|
-
"@zag-js/
|
|
210
|
-
"@zag-js/
|
|
211
|
-
"@zag-js/
|
|
212
|
-
"@zag-js/
|
|
213
|
-
"@zag-js/
|
|
152
|
+
"@zag-js/accordion": "1.31.1",
|
|
153
|
+
"@zag-js/anatomy": "1.31.1",
|
|
154
|
+
"@zag-js/angle-slider": "1.31.1",
|
|
155
|
+
"@zag-js/async-list": "1.31.1",
|
|
156
|
+
"@zag-js/auto-resize": "1.31.1",
|
|
157
|
+
"@zag-js/avatar": "1.31.1",
|
|
158
|
+
"@zag-js/bottom-sheet": "1.31.1",
|
|
159
|
+
"@zag-js/carousel": "1.31.1",
|
|
160
|
+
"@zag-js/checkbox": "1.31.1",
|
|
161
|
+
"@zag-js/clipboard": "1.31.1",
|
|
162
|
+
"@zag-js/collapsible": "1.31.1",
|
|
163
|
+
"@zag-js/collection": "1.31.1",
|
|
164
|
+
"@zag-js/color-picker": "1.31.1",
|
|
165
|
+
"@zag-js/color-utils": "1.31.1",
|
|
166
|
+
"@zag-js/combobox": "1.31.1",
|
|
167
|
+
"@zag-js/core": "1.31.1",
|
|
168
|
+
"@zag-js/date-picker": "1.31.1",
|
|
169
|
+
"@zag-js/date-utils": "1.31.1",
|
|
170
|
+
"@zag-js/dialog": "1.31.1",
|
|
171
|
+
"@zag-js/dom-query": "1.31.1",
|
|
172
|
+
"@zag-js/editable": "1.31.1",
|
|
173
|
+
"@zag-js/file-upload": "1.31.1",
|
|
174
|
+
"@zag-js/file-utils": "1.31.1",
|
|
175
|
+
"@zag-js/floating-panel": "1.31.1",
|
|
176
|
+
"@zag-js/focus-trap": "1.31.1",
|
|
177
|
+
"@zag-js/highlight-word": "1.31.1",
|
|
178
|
+
"@zag-js/hover-card": "1.31.1",
|
|
179
|
+
"@zag-js/image-cropper": "1.31.1",
|
|
180
|
+
"@zag-js/i18n-utils": "1.31.1",
|
|
181
|
+
"@zag-js/json-tree-utils": "1.31.1",
|
|
182
|
+
"@zag-js/listbox": "1.31.1",
|
|
183
|
+
"@zag-js/marquee": "1.31.1",
|
|
184
|
+
"@zag-js/menu": "1.31.1",
|
|
185
|
+
"@zag-js/navigation-menu": "1.31.1",
|
|
186
|
+
"@zag-js/number-input": "1.31.1",
|
|
187
|
+
"@zag-js/pagination": "1.31.1",
|
|
188
|
+
"@zag-js/password-input": "1.31.1",
|
|
189
|
+
"@zag-js/pin-input": "1.31.1",
|
|
190
|
+
"@zag-js/popover": "1.31.1",
|
|
191
|
+
"@zag-js/presence": "1.31.1",
|
|
192
|
+
"@zag-js/progress": "1.31.1",
|
|
193
|
+
"@zag-js/qr-code": "1.31.1",
|
|
194
|
+
"@zag-js/radio-group": "1.31.1",
|
|
195
|
+
"@zag-js/rating-group": "1.31.1",
|
|
196
|
+
"@zag-js/scroll-area": "1.31.1",
|
|
197
|
+
"@zag-js/select": "1.31.1",
|
|
198
|
+
"@zag-js/signature-pad": "1.31.1",
|
|
199
|
+
"@zag-js/slider": "1.31.1",
|
|
200
|
+
"@zag-js/splitter": "1.31.1",
|
|
201
|
+
"@zag-js/steps": "1.31.1",
|
|
202
|
+
"@zag-js/switch": "1.31.1",
|
|
203
|
+
"@zag-js/tabs": "1.31.1",
|
|
204
|
+
"@zag-js/tags-input": "1.31.1",
|
|
205
|
+
"@zag-js/timer": "1.31.1",
|
|
206
|
+
"@zag-js/toast": "1.31.1",
|
|
207
|
+
"@zag-js/toggle": "1.31.1",
|
|
208
|
+
"@zag-js/toggle-group": "1.31.1",
|
|
209
|
+
"@zag-js/tooltip": "1.31.1",
|
|
210
|
+
"@zag-js/tour": "1.31.1",
|
|
211
|
+
"@zag-js/tree-view": "1.31.1",
|
|
212
|
+
"@zag-js/types": "1.31.1",
|
|
213
|
+
"@zag-js/utils": "1.31.1",
|
|
214
|
+
"@zag-js/vue": "1.31.1"
|
|
214
215
|
},
|
|
215
216
|
"devDependencies": {
|
|
216
|
-
"@biomejs/biome": "2.3.
|
|
217
|
+
"@biomejs/biome": "2.3.8",
|
|
217
218
|
"@storybook/addon-a11y": "9.1.16",
|
|
218
219
|
"@storybook/vue3-vite": "9.1.16",
|
|
219
220
|
"@testing-library/dom": "10.4.1",
|
|
@@ -221,26 +222,26 @@
|
|
|
221
222
|
"@testing-library/user-event": "14.6.1",
|
|
222
223
|
"@testing-library/vue": "8.1.0",
|
|
223
224
|
"@types/jsdom": "21.1.7",
|
|
224
|
-
"@vitejs/plugin-vue": "6.0.
|
|
225
|
-
"@vitejs/plugin-vue-jsx": "5.1.
|
|
225
|
+
"@vitejs/plugin-vue": "6.0.2",
|
|
226
|
+
"@vitejs/plugin-vue-jsx": "5.1.2",
|
|
226
227
|
"@vitest/coverage-v8": "^4.0.0",
|
|
227
|
-
"@vue/compiler-sfc": "3.5.
|
|
228
|
+
"@vue/compiler-sfc": "3.5.25",
|
|
228
229
|
"ajv": "8.17.1",
|
|
229
230
|
"check-password-strength": "3.0.0",
|
|
230
231
|
"clean-package": "2.2.0",
|
|
231
232
|
"globby": "15.0.0",
|
|
232
233
|
"image-conversion": "2.1.1",
|
|
233
234
|
"jsdom": "26.1.0",
|
|
234
|
-
"lucide-vue-next": "0.
|
|
235
|
+
"lucide-vue-next": "0.555.0",
|
|
235
236
|
"resize-observer-polyfill": "1.5.1",
|
|
236
237
|
"storybook": "9.1.16",
|
|
237
238
|
"typescript": "5.9.3",
|
|
238
239
|
"vee-validate": "4.15.1",
|
|
239
|
-
"vite": "7.2.
|
|
240
|
+
"vite": "7.2.4",
|
|
240
241
|
"vite-plugin-dts": "4.5.4",
|
|
241
242
|
"vitest": "^4.0.0",
|
|
242
|
-
"vue": "3.5.
|
|
243
|
-
"vue-tsc": "3.1.
|
|
243
|
+
"vue": "3.5.25",
|
|
244
|
+
"vue-tsc": "3.1.5"
|
|
244
245
|
},
|
|
245
246
|
"peerDependencies": {
|
|
246
247
|
"vue": ">=3.5.0"
|