@ark-ui/vue 5.21.0 → 5.22.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.
Files changed (71) hide show
  1. package/dist/components/combobox/combobox-empty.vue.cjs +35 -0
  2. package/dist/components/combobox/combobox-empty.vue.d.cts +19 -0
  3. package/dist/components/combobox/combobox-empty.vue.d.ts +19 -0
  4. package/dist/components/combobox/combobox-empty.vue.js +31 -0
  5. package/dist/components/combobox/combobox-empty.vue2.cjs +9 -0
  6. package/dist/components/combobox/combobox-empty.vue2.js +5 -0
  7. package/dist/components/combobox/combobox.anatomy.cjs +9 -0
  8. package/dist/components/combobox/combobox.anatomy.d.cts +2 -1
  9. package/dist/components/combobox/combobox.anatomy.d.ts +2 -1
  10. package/dist/components/combobox/combobox.anatomy.js +5 -0
  11. package/dist/components/combobox/combobox.cjs +2 -0
  12. package/dist/components/combobox/combobox.d.cts +1 -0
  13. package/dist/components/combobox/combobox.d.ts +1 -0
  14. package/dist/components/combobox/combobox.js +1 -0
  15. package/dist/components/combobox/index.cjs +6 -7
  16. package/dist/components/combobox/index.d.cts +1 -0
  17. package/dist/components/combobox/index.d.ts +1 -0
  18. package/dist/components/combobox/index.js +2 -1
  19. package/dist/components/dialog/dialog-root.vue.cjs +1 -1
  20. package/dist/components/dialog/dialog-root.vue.d.cts +12 -0
  21. package/dist/components/dialog/dialog-root.vue.d.ts +12 -0
  22. package/dist/components/dialog/dialog-root.vue.js +1 -1
  23. package/dist/components/dialog/dialog.types.d.cts +11 -0
  24. package/dist/components/dialog/dialog.types.d.ts +11 -0
  25. package/dist/components/dialog/use-dialog.cjs +4 -0
  26. package/dist/components/dialog/use-dialog.js +4 -0
  27. package/dist/components/hover-card/hover-card-root.vue.cjs +2 -0
  28. package/dist/components/hover-card/hover-card-root.vue.d.cts +1 -0
  29. package/dist/components/hover-card/hover-card-root.vue.d.ts +1 -0
  30. package/dist/components/hover-card/hover-card-root.vue.js +2 -0
  31. package/dist/components/hover-card/hover-card.types.d.cts +4 -0
  32. package/dist/components/hover-card/hover-card.types.d.ts +4 -0
  33. package/dist/components/index.cjs +12 -14
  34. package/dist/components/index.js +4 -2
  35. package/dist/components/listbox/index.cjs +6 -7
  36. package/dist/components/listbox/index.d.cts +1 -0
  37. package/dist/components/listbox/index.d.ts +1 -0
  38. package/dist/components/listbox/index.js +2 -1
  39. package/dist/components/listbox/listbox-empty.vue.cjs +35 -0
  40. package/dist/components/listbox/listbox-empty.vue.d.cts +19 -0
  41. package/dist/components/listbox/listbox-empty.vue.d.ts +19 -0
  42. package/dist/components/listbox/listbox-empty.vue.js +31 -0
  43. package/dist/components/listbox/listbox-empty.vue2.cjs +9 -0
  44. package/dist/components/listbox/listbox-empty.vue2.js +5 -0
  45. package/dist/components/listbox/listbox.anatomy.cjs +9 -0
  46. package/dist/components/listbox/listbox.anatomy.d.cts +2 -1
  47. package/dist/components/listbox/listbox.anatomy.d.ts +2 -1
  48. package/dist/components/listbox/listbox.anatomy.js +5 -0
  49. package/dist/components/listbox/listbox.cjs +2 -0
  50. package/dist/components/listbox/listbox.d.cts +1 -0
  51. package/dist/components/listbox/listbox.d.ts +1 -0
  52. package/dist/components/listbox/listbox.js +1 -0
  53. package/dist/components/menu/menu-root.vue.cjs +1 -1
  54. package/dist/components/menu/menu-root.vue.d.cts +12 -0
  55. package/dist/components/menu/menu-root.vue.d.ts +12 -0
  56. package/dist/components/menu/menu-root.vue.js +1 -1
  57. package/dist/components/menu/menu.types.d.cts +11 -0
  58. package/dist/components/menu/menu.types.d.ts +11 -0
  59. package/dist/components/popover/popover-root.vue.cjs +1 -1
  60. package/dist/components/popover/popover-root.vue.d.cts +12 -0
  61. package/dist/components/popover/popover-root.vue.d.ts +12 -0
  62. package/dist/components/popover/popover-root.vue.js +1 -1
  63. package/dist/components/popover/popover.types.d.cts +11 -0
  64. package/dist/components/popover/popover.types.d.ts +11 -0
  65. package/dist/components/segment-group/segment-group.anatomy.d.cts +2 -2
  66. package/dist/components/segment-group/segment-group.anatomy.d.ts +2 -2
  67. package/dist/components/signature-pad/signature-pad-segment.vue.cjs +1 -2
  68. package/dist/components/signature-pad/signature-pad-segment.vue.js +1 -2
  69. package/dist/index.cjs +12 -14
  70. package/dist/index.js +4 -2
  71. package/package.json +68 -68
@@ -0,0 +1,35 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const vue = require('vue');
6
+ const factory = require('../factory.cjs');
7
+ const combobox_anatomy = require('./combobox.anatomy.cjs');
8
+ const useComboboxContext = require('./use-combobox-context.cjs');
9
+ const useForwardExpose = require('../../utils/use-forward-expose.cjs');
10
+
11
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
12
+ __name: "combobox-empty",
13
+ props: {
14
+ asChild: { type: Boolean }
15
+ },
16
+ setup(__props) {
17
+ const parts = combobox_anatomy.comboboxAnatomy.build();
18
+ const combobox = useComboboxContext.useComboboxContext();
19
+ const isEmpty = vue.computed(() => combobox.value.collection.size === 0);
20
+ useForwardExpose.useForwardExpose();
21
+ return (_ctx, _cache) => {
22
+ return isEmpty.value ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, vue.unref(parts).empty.attrs, {
23
+ role: "presentation",
24
+ "as-child": _ctx.asChild
25
+ }), {
26
+ default: vue.withCtx(() => [
27
+ vue.renderSlot(_ctx.$slots, "default")
28
+ ]),
29
+ _: 3
30
+ }, 16, ["as-child"])) : vue.createCommentVNode("", true);
31
+ };
32
+ }
33
+ });
34
+
35
+ exports.default = _sfc_main;
@@ -0,0 +1,19 @@
1
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { PolymorphicProps } from '../factory';
3
+ export interface ComboboxEmptyBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface ComboboxEmptyProps extends ComboboxEmptyBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ComboboxEmptyProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ComboboxEmptyProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
12
+ default?(_: {}): any;
13
+ }>;
14
+ export default _default;
15
+ type __VLS_WithTemplateSlots<T, S> = T & {
16
+ new (): {
17
+ $slots: S;
18
+ };
19
+ };
@@ -0,0 +1,19 @@
1
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { PolymorphicProps } from '../factory';
3
+ export interface ComboboxEmptyBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface ComboboxEmptyProps extends ComboboxEmptyBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<ComboboxEmptyProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ComboboxEmptyProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
12
+ default?(_: {}): any;
13
+ }>;
14
+ export default _default;
15
+ type __VLS_WithTemplateSlots<T, S> = T & {
16
+ new (): {
17
+ $slots: S;
18
+ };
19
+ };
@@ -0,0 +1,31 @@
1
+ import { defineComponent, computed, createBlock, createCommentVNode, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
2
+ import { ark } from '../factory.js';
3
+ import { comboboxAnatomy } from './combobox.anatomy.js';
4
+ import { useComboboxContext } from './use-combobox-context.js';
5
+ import { useForwardExpose } from '../../utils/use-forward-expose.js';
6
+
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ __name: "combobox-empty",
9
+ props: {
10
+ asChild: { type: Boolean }
11
+ },
12
+ setup(__props) {
13
+ const parts = comboboxAnatomy.build();
14
+ const combobox = useComboboxContext();
15
+ const isEmpty = computed(() => combobox.value.collection.size === 0);
16
+ useForwardExpose();
17
+ return (_ctx, _cache) => {
18
+ return isEmpty.value ? (openBlock(), createBlock(unref(ark).div, mergeProps({ key: 0 }, unref(parts).empty.attrs, {
19
+ role: "presentation",
20
+ "as-child": _ctx.asChild
21
+ }), {
22
+ default: withCtx(() => [
23
+ renderSlot(_ctx.$slots, "default")
24
+ ]),
25
+ _: 3
26
+ }, 16, ["as-child"])) : createCommentVNode("", true);
27
+ };
28
+ }
29
+ });
30
+
31
+ export { _sfc_main as default };
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const comboboxEmpty_vue_vue_type_script_setup_true_lang = require('./combobox-empty.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = comboboxEmpty_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './combobox-empty.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const combobox = require('@zag-js/combobox');
6
+
7
+ const comboboxAnatomy = combobox.anatomy.extendWith("empty");
8
+
9
+ exports.comboboxAnatomy = comboboxAnatomy;
@@ -1 +1,2 @@
1
- export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
1
+ import { AnatomyInstance } from '@zag-js/anatomy';
2
+ export declare const comboboxAnatomy: AnatomyInstance<"input" | "label" | "list" | "content" | "root" | "item" | "trigger" | "control" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
@@ -1 +1,2 @@
1
- export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
1
+ import { AnatomyInstance } from '@zag-js/anatomy';
2
+ export declare const comboboxAnatomy: AnatomyInstance<"input" | "label" | "list" | "content" | "root" | "item" | "trigger" | "control" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
@@ -0,0 +1,5 @@
1
+ import { anatomy } from '@zag-js/combobox';
2
+
3
+ const comboboxAnatomy = anatomy.extendWith("empty");
4
+
5
+ export { comboboxAnatomy };
@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const comboboxClearTrigger_vue_vue_type_script_setup_true_lang = require('./combobox-clear-trigger.vue.cjs');
6
6
  const comboboxContent_vue_vue_type_script_setup_true_lang = require('./combobox-content.vue.cjs');
7
+ const comboboxEmpty_vue_vue_type_script_setup_true_lang = require('./combobox-empty.vue.cjs');
7
8
  const comboboxContext_vue_vue_type_script_setup_true_lang = require('./combobox-context.vue.cjs');
8
9
  const comboboxControl_vue_vue_type_script_setup_true_lang = require('./combobox-control.vue.cjs');
9
10
  const comboboxInput_vue_vue_type_script_setup_true_lang = require('./combobox-input.vue.cjs');
@@ -24,6 +25,7 @@ const comboboxTrigger_vue_vue_type_script_setup_true_lang = require('./combobox-
24
25
 
25
26
  exports.ClearTrigger = comboboxClearTrigger_vue_vue_type_script_setup_true_lang.default;
26
27
  exports.Content = comboboxContent_vue_vue_type_script_setup_true_lang.default;
28
+ exports.Empty = comboboxEmpty_vue_vue_type_script_setup_true_lang.default;
27
29
  exports.Context = comboboxContext_vue_vue_type_script_setup_true_lang.default;
28
30
  exports.Control = comboboxControl_vue_vue_type_script_setup_true_lang.default;
29
31
  exports.Input = comboboxInput_vue_vue_type_script_setup_true_lang.default;
@@ -1,6 +1,7 @@
1
1
  export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, ValueChangeDetails, SelectionDetails, } from '@zag-js/combobox';
2
2
  export { default as ClearTrigger, type ComboboxClearTriggerProps as ClearTriggerProps, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, } from './combobox-clear-trigger.vue';
3
3
  export { default as Content, type ComboboxContentProps as ContentProps, type ComboboxContentBaseProps as ContentBaseProps, } from './combobox-content.vue';
4
+ export { default as Empty, type ComboboxEmptyProps as EmptyProps, type ComboboxEmptyBaseProps as EmptyBaseProps, } from './combobox-empty.vue';
4
5
  export { default as Context, type ComboboxContextProps as ContextProps } from './combobox-context.vue';
5
6
  export { default as Control, type ComboboxControlProps as ControlProps, type ComboboxControlBaseProps as ControlBaseProps, } from './combobox-control.vue';
6
7
  export { default as Input, type ComboboxInputProps as InputProps, type ComboboxInputBaseProps as InputBaseProps, } from './combobox-input.vue';
@@ -1,6 +1,7 @@
1
1
  export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, ValueChangeDetails, SelectionDetails, } from '@zag-js/combobox';
2
2
  export { default as ClearTrigger, type ComboboxClearTriggerProps as ClearTriggerProps, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, } from './combobox-clear-trigger.vue';
3
3
  export { default as Content, type ComboboxContentProps as ContentProps, type ComboboxContentBaseProps as ContentBaseProps, } from './combobox-content.vue';
4
+ export { default as Empty, type ComboboxEmptyProps as EmptyProps, type ComboboxEmptyBaseProps as EmptyBaseProps, } from './combobox-empty.vue';
4
5
  export { default as Context, type ComboboxContextProps as ContextProps } from './combobox-context.vue';
5
6
  export { default as Control, type ComboboxControlProps as ControlProps, type ComboboxControlBaseProps as ControlBaseProps, } from './combobox-control.vue';
6
7
  export { default as Input, type ComboboxInputProps as InputProps, type ComboboxInputBaseProps as InputBaseProps, } from './combobox-input.vue';
@@ -1,5 +1,6 @@
1
1
  export { default as ClearTrigger } from './combobox-clear-trigger.vue.js';
2
2
  export { default as Content } from './combobox-content.vue.js';
3
+ export { default as Empty } from './combobox-empty.vue.js';
3
4
  export { default as Context } from './combobox-context.vue.js';
4
5
  export { default as Control } from './combobox-control.vue.js';
5
6
  export { default as Input } from './combobox-input.vue.js';
@@ -6,6 +6,7 @@ const listCollection = require('../collection/list-collection.cjs');
6
6
  const useListCollection = require('../collection/use-list-collection.cjs');
7
7
  const comboboxClearTrigger_vue_vue_type_script_setup_true_lang = require('./combobox-clear-trigger.vue.cjs');
8
8
  const comboboxContent_vue_vue_type_script_setup_true_lang = require('./combobox-content.vue.cjs');
9
+ const comboboxEmpty_vue_vue_type_script_setup_true_lang = require('./combobox-empty.vue.cjs');
9
10
  const comboboxContext_vue_vue_type_script_setup_true_lang = require('./combobox-context.vue.cjs');
10
11
  const comboboxControl_vue_vue_type_script_setup_true_lang = require('./combobox-control.vue.cjs');
11
12
  const comboboxInput_vue_vue_type_script_setup_true_lang = require('./combobox-input.vue.cjs');
@@ -21,11 +22,11 @@ const comboboxPositioner_vue_vue_type_script_setup_true_lang = require('./combob
21
22
  const comboboxRootProvider_vue_vue_type_script_setup_true_lang = require('./combobox-root-provider.vue.cjs');
22
23
  const comboboxRoot_vue_vue_type_script_setup_true_lang = require('./combobox-root.vue.cjs');
23
24
  const comboboxTrigger_vue_vue_type_script_setup_true_lang = require('./combobox-trigger.vue.cjs');
25
+ const combobox_anatomy = require('./combobox.anatomy.cjs');
24
26
  const useCombobox = require('./use-combobox.cjs');
25
27
  const useComboboxContext = require('./use-combobox-context.cjs');
26
28
  const useComboboxItemContext = require('./use-combobox-item-context.cjs');
27
- const combobox$1 = require('./combobox.cjs');
28
- const combobox = require('@zag-js/combobox');
29
+ const combobox = require('./combobox.cjs');
29
30
 
30
31
 
31
32
 
@@ -33,6 +34,7 @@ exports.createListCollection = listCollection.createListCollection;
33
34
  exports.useListCollection = useListCollection.useListCollection;
34
35
  exports.ComboboxClearTrigger = comboboxClearTrigger_vue_vue_type_script_setup_true_lang.default;
35
36
  exports.ComboboxContent = comboboxContent_vue_vue_type_script_setup_true_lang.default;
37
+ exports.ComboboxEmpty = comboboxEmpty_vue_vue_type_script_setup_true_lang.default;
36
38
  exports.ComboboxContext = comboboxContext_vue_vue_type_script_setup_true_lang.default;
37
39
  exports.ComboboxControl = comboboxControl_vue_vue_type_script_setup_true_lang.default;
38
40
  exports.ComboboxInput = comboboxInput_vue_vue_type_script_setup_true_lang.default;
@@ -48,11 +50,8 @@ exports.ComboboxPositioner = comboboxPositioner_vue_vue_type_script_setup_true_l
48
50
  exports.ComboboxRootProvider = comboboxRootProvider_vue_vue_type_script_setup_true_lang.default;
49
51
  exports.ComboboxRoot = comboboxRoot_vue_vue_type_script_setup_true_lang.default;
50
52
  exports.ComboboxTrigger = comboboxTrigger_vue_vue_type_script_setup_true_lang.default;
53
+ exports.comboboxAnatomy = combobox_anatomy.comboboxAnatomy;
51
54
  exports.useCombobox = useCombobox.useCombobox;
52
55
  exports.useComboboxContext = useComboboxContext.useComboboxContext;
53
56
  exports.useComboboxItemContext = useComboboxItemContext.useComboboxItemContext;
54
- exports.Combobox = combobox$1;
55
- Object.defineProperty(exports, "comboboxAnatomy", {
56
- enumerable: true,
57
- get: () => combobox.anatomy
58
- });
57
+ exports.Combobox = combobox;
@@ -2,6 +2,7 @@ export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputVal
2
2
  export { createListCollection, type CollectionItem, type ListCollection, useListCollection, type UseListCollectionProps, } from '../collection';
3
3
  export { default as ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, } from './combobox-clear-trigger.vue';
4
4
  export { default as ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps, } from './combobox-content.vue';
5
+ export { default as ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps } from './combobox-empty.vue';
5
6
  export { default as ComboboxContext, type ComboboxContextProps } from './combobox-context.vue';
6
7
  export { default as ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps, } from './combobox-control.vue';
7
8
  export { default as ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps } from './combobox-input.vue';
@@ -2,6 +2,7 @@ export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputVal
2
2
  export { createListCollection, type CollectionItem, type ListCollection, useListCollection, type UseListCollectionProps, } from '../collection';
3
3
  export { default as ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, } from './combobox-clear-trigger.vue';
4
4
  export { default as ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps, } from './combobox-content.vue';
5
+ export { default as ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps } from './combobox-empty.vue';
5
6
  export { default as ComboboxContext, type ComboboxContextProps } from './combobox-context.vue';
6
7
  export { default as ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps, } from './combobox-control.vue';
7
8
  export { default as ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps } from './combobox-input.vue';
@@ -2,6 +2,7 @@ export { createListCollection } from '../collection/list-collection.js';
2
2
  export { useListCollection } from '../collection/use-list-collection.js';
3
3
  export { default as ComboboxClearTrigger } from './combobox-clear-trigger.vue.js';
4
4
  export { default as ComboboxContent } from './combobox-content.vue.js';
5
+ export { default as ComboboxEmpty } from './combobox-empty.vue.js';
5
6
  export { default as ComboboxContext } from './combobox-context.vue.js';
6
7
  export { default as ComboboxControl } from './combobox-control.vue.js';
7
8
  export { default as ComboboxInput } from './combobox-input.vue.js';
@@ -17,9 +18,9 @@ export { default as ComboboxPositioner } from './combobox-positioner.vue.js';
17
18
  export { default as ComboboxRootProvider } from './combobox-root-provider.vue.js';
18
19
  export { default as ComboboxRoot } from './combobox-root.vue.js';
19
20
  export { default as ComboboxTrigger } from './combobox-trigger.vue.js';
21
+ export { comboboxAnatomy } from './combobox.anatomy.js';
20
22
  export { useCombobox } from './use-combobox.js';
21
23
  export { useComboboxContext } from './use-combobox-context.js';
22
24
  export { useComboboxItemContext } from './use-combobox-item-context.js';
23
25
  import * as combobox from './combobox.js';
24
26
  export { combobox as Combobox };
25
- export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
38
38
  restoreFocus: void 0,
39
39
  trapFocus: void 0
40
40
  }),
41
- emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],
41
+ emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "update:open"],
42
42
  setup(__props, { emit: __emit }) {
43
43
  const props = __props;
44
44
  const emits = __emit;
@@ -16,6 +16,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps
16
16
  interactOutside: (event: InteractOutsideEvent) => any;
17
17
  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
18
18
  escapeKeyDown: (event: KeyboardEvent) => any;
19
+ requestDismiss: (event: CustomEvent<{
20
+ originalLayer: HTMLElement;
21
+ targetLayer: HTMLElement | undefined;
22
+ originalIndex: number;
23
+ targetIndex: number;
24
+ }>) => any;
19
25
  }, string, PublicProps, Readonly<DialogRootProps> & Readonly<{
20
26
  onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
21
27
  "onUpdate:open"?: ((open: boolean) => any) | undefined;
@@ -23,6 +29,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps
23
29
  onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
24
30
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
25
31
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
32
+ onRequestDismiss?: ((event: CustomEvent<{
33
+ originalLayer: HTMLElement;
34
+ targetLayer: HTMLElement | undefined;
35
+ originalIndex: number;
36
+ targetIndex: number;
37
+ }>) => any) | undefined;
26
38
  }>, {
27
39
  open: boolean;
28
40
  defaultOpen: boolean;
@@ -16,6 +16,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps
16
16
  interactOutside: (event: InteractOutsideEvent) => any;
17
17
  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
18
18
  escapeKeyDown: (event: KeyboardEvent) => any;
19
+ requestDismiss: (event: CustomEvent<{
20
+ originalLayer: HTMLElement;
21
+ targetLayer: HTMLElement | undefined;
22
+ originalIndex: number;
23
+ targetIndex: number;
24
+ }>) => any;
19
25
  }, string, PublicProps, Readonly<DialogRootProps> & Readonly<{
20
26
  onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
21
27
  "onUpdate:open"?: ((open: boolean) => any) | undefined;
@@ -23,6 +29,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps
23
29
  onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
24
30
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
25
31
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
32
+ onRequestDismiss?: ((event: CustomEvent<{
33
+ originalLayer: HTMLElement;
34
+ targetLayer: HTMLElement | undefined;
35
+ originalIndex: number;
36
+ targetIndex: number;
37
+ }>) => any) | undefined;
26
38
  }>, {
27
39
  open: boolean;
28
40
  defaultOpen: boolean;
@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
34
34
  restoreFocus: void 0,
35
35
  trapFocus: void 0
36
36
  }),
37
- emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],
37
+ emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "update:open"],
38
38
  setup(__props, { emit: __emit }) {
39
39
  const props = __props;
40
40
  const emits = __emit;
@@ -100,6 +100,17 @@ export type RootEmits = {
100
100
  * Function called when the pointer is pressed down outside the component
101
101
  */
102
102
  pointerDownOutside: [event: dialog.PointerDownOutsideEvent];
103
+ /**
104
+ * Function called when this layer is closed due to a parent layer being closed
105
+ */
106
+ requestDismiss: [
107
+ event: CustomEvent<{
108
+ originalLayer: HTMLElement;
109
+ targetLayer: HTMLElement | undefined;
110
+ originalIndex: number;
111
+ targetIndex: number;
112
+ }>
113
+ ];
103
114
  /**
104
115
  * The callback fired when the open state changes.
105
116
  */
@@ -100,6 +100,17 @@ export type RootEmits = {
100
100
  * Function called when the pointer is pressed down outside the component
101
101
  */
102
102
  pointerDownOutside: [event: dialog.PointerDownOutsideEvent];
103
+ /**
104
+ * Function called when this layer is closed due to a parent layer being closed
105
+ */
106
+ requestDismiss: [
107
+ event: CustomEvent<{
108
+ originalLayer: HTMLElement;
109
+ targetLayer: HTMLElement | undefined;
110
+ originalIndex: number;
111
+ targetIndex: number;
112
+ }>
113
+ ];
103
114
  /**
104
115
  * The callback fired when the open state changes.
105
116
  */
@@ -59,6 +59,10 @@ const useDialog = (props = {}, emit) => {
59
59
  onPointerDownOutside: (details) => {
60
60
  emit?.("pointerDownOutside", details);
61
61
  localeProps.onPointerDownOutside?.(details);
62
+ },
63
+ onRequestDismiss: (details) => {
64
+ emit?.("requestDismiss", details);
65
+ localeProps.onRequestDismiss?.(details);
62
66
  }
63
67
  };
64
68
  });
@@ -36,6 +36,10 @@ const useDialog = (props = {}, emit) => {
36
36
  onPointerDownOutside: (details) => {
37
37
  emit?.("pointerDownOutside", details);
38
38
  localeProps.onPointerDownOutside?.(details);
39
+ },
40
+ onRequestDismiss: (details) => {
41
+ emit?.("requestDismiss", details);
42
+ localeProps.onRequestDismiss?.(details);
39
43
  }
40
44
  };
41
45
  });
@@ -13,6 +13,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
13
13
  props: /* @__PURE__ */ vue.mergeDefaults({
14
14
  closeDelay: {},
15
15
  defaultOpen: { type: Boolean },
16
+ disabled: { type: Boolean },
16
17
  id: {},
17
18
  ids: {},
18
19
  open: { type: Boolean },
@@ -22,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
22
23
  unmountOnExit: { type: Boolean }
23
24
  }, {
24
25
  defaultOpen: void 0,
26
+ disabled: void 0,
25
27
  open: void 0
26
28
  }),
27
29
  emits: ["focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],
@@ -22,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<HoverCardRootPr
22
22
  onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
23
23
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
24
24
  }>, {
25
+ disabled: boolean;
25
26
  open: boolean;
26
27
  defaultOpen: boolean;
27
28
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
@@ -22,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<HoverCardRootPr
22
22
  onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
23
23
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
24
24
  }>, {
25
+ disabled: boolean;
25
26
  open: boolean;
26
27
  defaultOpen: boolean;
27
28
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
@@ -9,6 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
9
9
  props: /* @__PURE__ */ mergeDefaults({
10
10
  closeDelay: {},
11
11
  defaultOpen: { type: Boolean },
12
+ disabled: { type: Boolean },
12
13
  id: {},
13
14
  ids: {},
14
15
  open: { type: Boolean },
@@ -18,6 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
18
19
  unmountOnExit: { type: Boolean }
19
20
  }, {
20
21
  defaultOpen: void 0,
22
+ disabled: void 0,
21
23
  open: void 0
22
24
  }),
23
25
  emits: ["focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],
@@ -10,6 +10,10 @@ export interface RootProps {
10
10
  * Use when you don't need to control the open state of the hover card.
11
11
  */
12
12
  defaultOpen?: boolean;
13
+ /**
14
+ * Whether the hover card is disabled
15
+ */
16
+ disabled?: boolean;
13
17
  /**
14
18
  * The unique identifier of the machine.
15
19
  */
@@ -10,6 +10,10 @@ export interface RootProps {
10
10
  * Use when you don't need to control the open state of the hover card.
11
11
  */
12
12
  defaultOpen?: boolean;
13
+ /**
14
+ * Whether the hover card is disabled
15
+ */
16
+ disabled?: boolean;
13
17
  /**
14
18
  * The unique identifier of the machine.
15
19
  */
@@ -128,6 +128,7 @@ const useColorPickerContext = require('./color-picker/use-color-picker-context.c
128
128
  const colorPicker$1 = require('./color-picker/color-picker.cjs');
129
129
  const comboboxClearTrigger_vue_vue_type_script_setup_true_lang = require('./combobox/combobox-clear-trigger.vue.cjs');
130
130
  const comboboxContent_vue_vue_type_script_setup_true_lang = require('./combobox/combobox-content.vue.cjs');
131
+ const comboboxEmpty_vue_vue_type_script_setup_true_lang = require('./combobox/combobox-empty.vue.cjs');
131
132
  const comboboxContext_vue_vue_type_script_setup_true_lang = require('./combobox/combobox-context.vue.cjs');
132
133
  const comboboxControl_vue_vue_type_script_setup_true_lang = require('./combobox/combobox-control.vue.cjs');
133
134
  const comboboxInput_vue_vue_type_script_setup_true_lang = require('./combobox/combobox-input.vue.cjs');
@@ -143,10 +144,11 @@ const comboboxPositioner_vue_vue_type_script_setup_true_lang = require('./combob
143
144
  const comboboxRootProvider_vue_vue_type_script_setup_true_lang = require('./combobox/combobox-root-provider.vue.cjs');
144
145
  const comboboxRoot_vue_vue_type_script_setup_true_lang = require('./combobox/combobox-root.vue.cjs');
145
146
  const comboboxTrigger_vue_vue_type_script_setup_true_lang = require('./combobox/combobox-trigger.vue.cjs');
147
+ const combobox_anatomy = require('./combobox/combobox.anatomy.cjs');
146
148
  const useCombobox = require('./combobox/use-combobox.cjs');
147
149
  const useComboboxContext = require('./combobox/use-combobox-context.cjs');
148
150
  const useComboboxItemContext = require('./combobox/use-combobox-item-context.cjs');
149
- const combobox$1 = require('./combobox/combobox.cjs');
151
+ const combobox = require('./combobox/combobox.cjs');
150
152
  const datePicker = require('@zag-js/date-picker');
151
153
  const datePickerClearTrigger_vue_vue_type_script_setup_true_lang = require('./date-picker/date-picker-clear-trigger.vue.cjs');
152
154
  const datePickerContent_vue_vue_type_script_setup_true_lang = require('./date-picker/date-picker-content.vue.cjs');
@@ -292,6 +294,7 @@ const useJsonTreeView = require('./json-tree-view/use-json-tree-view.cjs');
292
294
  const jsonTreeView = require('./json-tree-view/json-tree-view.cjs');
293
295
  const listboxContext_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-context.vue.cjs');
294
296
  const listboxContent_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-content.vue.cjs');
297
+ const listboxEmpty_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-empty.vue.cjs');
295
298
  const listboxInput_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-input.vue.cjs');
296
299
  const listboxItem_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item.vue.cjs');
297
300
  const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item-context.vue.cjs');
@@ -303,10 +306,11 @@ const listboxLabel_vue_vue_type_script_setup_true_lang = require('./listbox/list
303
306
  const listboxRoot_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-root.vue.cjs');
304
307
  const listboxRootProvider_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-root-provider.vue.cjs');
305
308
  const listboxValueText_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-value-text.vue.cjs');
309
+ const listbox_anatomy = require('./listbox/listbox.anatomy.cjs');
306
310
  const useListbox = require('./listbox/use-listbox.cjs');
307
311
  const useListboxContext = require('./listbox/use-listbox-context.cjs');
308
312
  const useListboxItemContext = require('./listbox/use-listbox-item-context.cjs');
309
- const listbox$1 = require('./listbox/listbox.cjs');
313
+ const listbox = require('./listbox/listbox.cjs');
310
314
  const menuArrowTip_vue_vue_type_script_setup_true_lang = require('./menu/menu-arrow-tip.vue.cjs');
311
315
  const menuArrow_vue_vue_type_script_setup_true_lang = require('./menu/menu-arrow.vue.cjs');
312
316
  const menuCheckboxItem_vue_vue_type_script_setup_true_lang = require('./menu/menu-checkbox-item.vue.cjs');
@@ -697,13 +701,11 @@ const avatar = require('@zag-js/avatar');
697
701
  const carousel = require('@zag-js/carousel');
698
702
  const clipboard = require('@zag-js/clipboard');
699
703
  const collapsible = require('@zag-js/collapsible');
700
- const combobox = require('@zag-js/combobox');
701
704
  const dialog = require('@zag-js/dialog');
702
705
  const editable = require('@zag-js/editable');
703
706
  const fileUpload = require('@zag-js/file-upload');
704
707
  const floatingPanel = require('@zag-js/floating-panel');
705
708
  const hoverCard = require('@zag-js/hover-card');
706
- const listbox = require('@zag-js/listbox');
707
709
  const menu = require('@zag-js/menu');
708
710
  const numberInput = require('@zag-js/number-input');
709
711
  const pagination = require('@zag-js/pagination');
@@ -862,6 +864,7 @@ exports.useColorPickerContext = useColorPickerContext.useColorPickerContext;
862
864
  exports.ColorPicker = colorPicker$1;
863
865
  exports.ComboboxClearTrigger = comboboxClearTrigger_vue_vue_type_script_setup_true_lang.default;
864
866
  exports.ComboboxContent = comboboxContent_vue_vue_type_script_setup_true_lang.default;
867
+ exports.ComboboxEmpty = comboboxEmpty_vue_vue_type_script_setup_true_lang.default;
865
868
  exports.ComboboxContext = comboboxContext_vue_vue_type_script_setup_true_lang.default;
866
869
  exports.ComboboxControl = comboboxControl_vue_vue_type_script_setup_true_lang.default;
867
870
  exports.ComboboxInput = comboboxInput_vue_vue_type_script_setup_true_lang.default;
@@ -877,10 +880,11 @@ exports.ComboboxPositioner = comboboxPositioner_vue_vue_type_script_setup_true_l
877
880
  exports.ComboboxRootProvider = comboboxRootProvider_vue_vue_type_script_setup_true_lang.default;
878
881
  exports.ComboboxRoot = comboboxRoot_vue_vue_type_script_setup_true_lang.default;
879
882
  exports.ComboboxTrigger = comboboxTrigger_vue_vue_type_script_setup_true_lang.default;
883
+ exports.comboboxAnatomy = combobox_anatomy.comboboxAnatomy;
880
884
  exports.useCombobox = useCombobox.useCombobox;
881
885
  exports.useComboboxContext = useComboboxContext.useComboboxContext;
882
886
  exports.useComboboxItemContext = useComboboxItemContext.useComboboxItemContext;
883
- exports.Combobox = combobox$1;
887
+ exports.Combobox = combobox;
884
888
  Object.defineProperty(exports, "parseDate", {
885
889
  enumerable: true,
886
890
  get: () => datePicker.parse
@@ -1030,6 +1034,7 @@ exports.useJsonTreeView = useJsonTreeView.useJsonTreeView;
1030
1034
  exports.JsonTreeView = jsonTreeView;
1031
1035
  exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.default;
1032
1036
  exports.ListboxContent = listboxContent_vue_vue_type_script_setup_true_lang.default;
1037
+ exports.ListboxEmpty = listboxEmpty_vue_vue_type_script_setup_true_lang.default;
1033
1038
  exports.ListboxInput = listboxInput_vue_vue_type_script_setup_true_lang.default;
1034
1039
  exports.ListboxItem = listboxItem_vue_vue_type_script_setup_true_lang.default;
1035
1040
  exports.ListboxItemContext = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
@@ -1041,10 +1046,11 @@ exports.ListboxLabel = listboxLabel_vue_vue_type_script_setup_true_lang.default;
1041
1046
  exports.ListboxRoot = listboxRoot_vue_vue_type_script_setup_true_lang.default;
1042
1047
  exports.ListboxRootProvider = listboxRootProvider_vue_vue_type_script_setup_true_lang.default;
1043
1048
  exports.ListboxValueText = listboxValueText_vue_vue_type_script_setup_true_lang.default;
1049
+ exports.listboxAnatomy = listbox_anatomy.listboxAnatomy;
1044
1050
  exports.useListbox = useListbox.useListbox;
1045
1051
  exports.useListboxContext = useListboxContext.useListboxContext;
1046
1052
  exports.useListboxItemContext = useListboxItemContext.useListboxItemContext;
1047
- exports.Listbox = listbox$1;
1053
+ exports.Listbox = listbox;
1048
1054
  exports.MenuArrowTip = menuArrowTip_vue_vue_type_script_setup_true_lang.default;
1049
1055
  exports.MenuArrow = menuArrow_vue_vue_type_script_setup_true_lang.default;
1050
1056
  exports.MenuCheckboxItem = menuCheckboxItem_vue_vue_type_script_setup_true_lang.default;
@@ -1457,10 +1463,6 @@ Object.defineProperty(exports, "collapsibleAnatomy", {
1457
1463
  enumerable: true,
1458
1464
  get: () => collapsible.anatomy
1459
1465
  });
1460
- Object.defineProperty(exports, "comboboxAnatomy", {
1461
- enumerable: true,
1462
- get: () => combobox.anatomy
1463
- });
1464
1466
  Object.defineProperty(exports, "dialogAnatomy", {
1465
1467
  enumerable: true,
1466
1468
  get: () => dialog.anatomy
@@ -1481,10 +1483,6 @@ Object.defineProperty(exports, "hoverCardAnatomy", {
1481
1483
  enumerable: true,
1482
1484
  get: () => hoverCard.anatomy
1483
1485
  });
1484
- Object.defineProperty(exports, "listboxAnatomy", {
1485
- enumerable: true,
1486
- get: () => listbox.anatomy
1487
- });
1488
1486
  Object.defineProperty(exports, "menuAnatomy", {
1489
1487
  enumerable: true,
1490
1488
  get: () => menu.anatomy