@ark-ui/vue 5.25.0 → 5.25.1

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 (99) hide show
  1. package/dist/components/anatomy.cjs +5 -0
  2. package/dist/components/anatomy.d.cts +1 -0
  3. package/dist/components/anatomy.d.ts +1 -0
  4. package/dist/components/anatomy.js +1 -0
  5. package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue.cjs +35 -0
  6. package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue.d.cts +19 -0
  7. package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue.d.ts +19 -0
  8. package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue.js +31 -0
  9. package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue2.cjs +9 -0
  10. package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue2.js +5 -0
  11. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue.cjs +30 -0
  12. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue.d.cts +19 -0
  13. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue.d.ts +19 -0
  14. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue.js +26 -0
  15. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue2.cjs +9 -0
  16. package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue2.js +5 -0
  17. package/dist/components/bottom-sheet/bottom-sheet-content.vue.cjs +44 -0
  18. package/dist/components/bottom-sheet/bottom-sheet-content.vue.d.cts +22 -0
  19. package/dist/components/bottom-sheet/bottom-sheet-content.vue.d.ts +22 -0
  20. package/dist/components/bottom-sheet/bottom-sheet-content.vue.js +40 -0
  21. package/dist/components/bottom-sheet/bottom-sheet-content.vue2.cjs +9 -0
  22. package/dist/components/bottom-sheet/bottom-sheet-content.vue2.js +5 -0
  23. package/dist/components/bottom-sheet/bottom-sheet-context.vue.cjs +18 -0
  24. package/dist/components/bottom-sheet/bottom-sheet-context.vue.d.cts +17 -0
  25. package/dist/components/bottom-sheet/bottom-sheet-context.vue.d.ts +17 -0
  26. package/dist/components/bottom-sheet/bottom-sheet-context.vue.js +14 -0
  27. package/dist/components/bottom-sheet/bottom-sheet-context.vue2.cjs +9 -0
  28. package/dist/components/bottom-sheet/bottom-sheet-context.vue2.js +5 -0
  29. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.vue.cjs +30 -0
  30. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.vue.d.cts +19 -0
  31. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.vue.d.ts +19 -0
  32. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.vue.js +26 -0
  33. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.vue2.cjs +9 -0
  34. package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.vue2.js +5 -0
  35. package/dist/components/bottom-sheet/bottom-sheet-grabber.vue.cjs +30 -0
  36. package/dist/components/bottom-sheet/bottom-sheet-grabber.vue.d.cts +19 -0
  37. package/dist/components/bottom-sheet/bottom-sheet-grabber.vue.d.ts +19 -0
  38. package/dist/components/bottom-sheet/bottom-sheet-grabber.vue.js +26 -0
  39. package/dist/components/bottom-sheet/bottom-sheet-grabber.vue2.cjs +9 -0
  40. package/dist/components/bottom-sheet/bottom-sheet-grabber.vue2.js +5 -0
  41. package/dist/components/bottom-sheet/bottom-sheet-root-provider.vue.cjs +34 -0
  42. package/dist/components/bottom-sheet/bottom-sheet-root-provider.vue.d.cts +19 -0
  43. package/dist/components/bottom-sheet/bottom-sheet-root-provider.vue.d.ts +19 -0
  44. package/dist/components/bottom-sheet/bottom-sheet-root-provider.vue.js +30 -0
  45. package/dist/components/bottom-sheet/bottom-sheet-root-provider.vue2.cjs +9 -0
  46. package/dist/components/bottom-sheet/bottom-sheet-root-provider.vue2.js +5 -0
  47. package/dist/components/bottom-sheet/bottom-sheet-root.vue.cjs +70 -0
  48. package/dist/components/bottom-sheet/bottom-sheet-root.vue.d.cts +39 -0
  49. package/dist/components/bottom-sheet/bottom-sheet-root.vue.d.ts +39 -0
  50. package/dist/components/bottom-sheet/bottom-sheet-root.vue.js +66 -0
  51. package/dist/components/bottom-sheet/bottom-sheet-root.vue2.cjs +9 -0
  52. package/dist/components/bottom-sheet/bottom-sheet-root.vue2.js +5 -0
  53. package/dist/components/bottom-sheet/bottom-sheet-title.vue.cjs +30 -0
  54. package/dist/components/bottom-sheet/bottom-sheet-title.vue.d.cts +19 -0
  55. package/dist/components/bottom-sheet/bottom-sheet-title.vue.d.ts +19 -0
  56. package/dist/components/bottom-sheet/bottom-sheet-title.vue.js +26 -0
  57. package/dist/components/bottom-sheet/bottom-sheet-title.vue2.cjs +9 -0
  58. package/dist/components/bottom-sheet/bottom-sheet-title.vue2.js +5 -0
  59. package/dist/components/bottom-sheet/bottom-sheet-trigger.vue.cjs +30 -0
  60. package/dist/components/bottom-sheet/bottom-sheet-trigger.vue.d.cts +19 -0
  61. package/dist/components/bottom-sheet/bottom-sheet-trigger.vue.d.ts +19 -0
  62. package/dist/components/bottom-sheet/bottom-sheet-trigger.vue.js +26 -0
  63. package/dist/components/bottom-sheet/bottom-sheet-trigger.vue2.cjs +9 -0
  64. package/dist/components/bottom-sheet/bottom-sheet-trigger.vue2.js +5 -0
  65. package/dist/components/bottom-sheet/bottom-sheet.anatomy.d.cts +1 -0
  66. package/dist/components/bottom-sheet/bottom-sheet.anatomy.d.ts +1 -0
  67. package/dist/components/bottom-sheet/bottom-sheet.cjs +27 -0
  68. package/dist/components/bottom-sheet/bottom-sheet.d.cts +11 -0
  69. package/dist/components/bottom-sheet/bottom-sheet.d.ts +11 -0
  70. package/dist/components/bottom-sheet/bottom-sheet.js +10 -0
  71. package/dist/components/bottom-sheet/bottom-sheet.types.d.cts +110 -0
  72. package/dist/components/bottom-sheet/bottom-sheet.types.d.ts +110 -0
  73. package/dist/components/bottom-sheet/index.cjs +38 -0
  74. package/dist/components/bottom-sheet/index.d.cts +15 -0
  75. package/dist/components/bottom-sheet/index.d.ts +15 -0
  76. package/dist/components/bottom-sheet/index.js +15 -0
  77. package/dist/components/bottom-sheet/use-bottom-sheet-context.cjs +11 -0
  78. package/dist/components/bottom-sheet/use-bottom-sheet-context.d.cts +4 -0
  79. package/dist/components/bottom-sheet/use-bottom-sheet-context.d.ts +4 -0
  80. package/dist/components/bottom-sheet/use-bottom-sheet-context.js +6 -0
  81. package/dist/components/bottom-sheet/use-bottom-sheet.cjs +56 -0
  82. package/dist/components/bottom-sheet/use-bottom-sheet.d.cts +10 -0
  83. package/dist/components/bottom-sheet/use-bottom-sheet.d.ts +10 -0
  84. package/dist/components/bottom-sheet/use-bottom-sheet.js +33 -0
  85. package/dist/components/dialog/dialog-root.vue.d.cts +4 -4
  86. package/dist/components/dialog/dialog-root.vue.d.ts +4 -4
  87. package/dist/components/format/format-byte.vue.cjs +1 -0
  88. package/dist/components/format/format-byte.vue.d.cts +4 -0
  89. package/dist/components/format/format-byte.vue.d.ts +4 -0
  90. package/dist/components/format/format-byte.vue.js +1 -0
  91. package/dist/components/index.cjs +31 -0
  92. package/dist/components/index.d.cts +1 -0
  93. package/dist/components/index.d.ts +1 -0
  94. package/dist/components/index.js +15 -0
  95. package/dist/components/popover/popover-root.vue.d.cts +2 -2
  96. package/dist/components/popover/popover-root.vue.d.ts +2 -2
  97. package/dist/index.cjs +31 -0
  98. package/dist/index.js +15 -0
  99. package/package.json +62 -61
@@ -0,0 +1,30 @@
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 useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
8
+ require('@zag-js/core');
9
+ const useForwardExpose = require('../../utils/use-forward-expose.cjs');
10
+
11
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
12
+ __name: "bottom-sheet-grabber",
13
+ props: {
14
+ asChild: { type: Boolean }
15
+ },
16
+ setup(__props) {
17
+ const bottomSheet = useBottomSheetContext.useBottomSheetContext();
18
+ useForwardExpose.useForwardExpose();
19
+ return (_ctx, _cache) => {
20
+ return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(bottomSheet).getGrabberProps(), { "as-child": _ctx.asChild }), {
21
+ default: vue.withCtx(() => [
22
+ vue.renderSlot(_ctx.$slots, "default")
23
+ ]),
24
+ _: 3
25
+ }, 16, ["as-child"]);
26
+ };
27
+ }
28
+ });
29
+
30
+ 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 BottomSheetGrabberBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface BottomSheetGrabberProps extends BottomSheetGrabberBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetGrabberProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetGrabberProps> & 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 BottomSheetGrabberBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface BottomSheetGrabberProps extends BottomSheetGrabberBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetGrabberProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetGrabberProps> & 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,26 @@
1
+ import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
2
+ import { ark } from '../factory.js';
3
+ import { useBottomSheetContext } from './use-bottom-sheet-context.js';
4
+ import '@zag-js/core';
5
+ import { useForwardExpose } from '../../utils/use-forward-expose.js';
6
+
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ __name: "bottom-sheet-grabber",
9
+ props: {
10
+ asChild: { type: Boolean }
11
+ },
12
+ setup(__props) {
13
+ const bottomSheet = useBottomSheetContext();
14
+ useForwardExpose();
15
+ return (_ctx, _cache) => {
16
+ return openBlock(), createBlock(unref(ark).div, mergeProps(unref(bottomSheet).getGrabberProps(), { "as-child": _ctx.asChild }), {
17
+ default: withCtx(() => [
18
+ renderSlot(_ctx.$slots, "default")
19
+ ]),
20
+ _: 3
21
+ }, 16, ["as-child"]);
22
+ };
23
+ }
24
+ });
25
+
26
+ 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 bottomSheetGrabber_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-grabber.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = bottomSheetGrabber_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './bottom-sheet-grabber.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1,34 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const vue = require('vue');
6
+ const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
7
+ const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
8
+ require('@zag-js/core');
9
+ const useForwardExpose = require('../../utils/use-forward-expose.cjs');
10
+ const usePresence = require('../presence/use-presence.cjs');
11
+ const usePresenceContext = require('../presence/use-presence-context.cjs');
12
+
13
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
14
+ __name: "bottom-sheet-root-provider",
15
+ props: {
16
+ value: {},
17
+ lazyMount: { type: Boolean },
18
+ unmountOnExit: { type: Boolean }
19
+ },
20
+ setup(__props) {
21
+ const props = __props;
22
+ const bottomSheet = vue.computed(() => props.value);
23
+ useBottomSheetContext.BottomSheetProvider(bottomSheet);
24
+ useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
25
+ const presence = usePresence.usePresence(vue.computed(() => ({ present: bottomSheet.value.open })));
26
+ usePresenceContext.PresenceProvider(presence);
27
+ useForwardExpose.useForwardExpose();
28
+ return (_ctx, _cache) => {
29
+ return vue.renderSlot(_ctx.$slots, "default");
30
+ };
31
+ }
32
+ });
33
+
34
+ exports.default = _sfc_main;
@@ -0,0 +1,19 @@
1
+ import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { RenderStrategyProps } from '../../utils/use-render-strategy';
3
+ import { UseBottomSheetReturn } from './use-bottom-sheet';
4
+ interface RootProviderProps {
5
+ value: UnwrapRef<UseBottomSheetReturn>;
6
+ }
7
+ export interface BottomSheetRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {
8
+ }
9
+ export interface BottomSheetRootProviderProps extends BottomSheetRootProviderBaseProps {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetRootProviderProps> & 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 { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { RenderStrategyProps } from '../../utils/use-render-strategy';
3
+ import { UseBottomSheetReturn } from './use-bottom-sheet';
4
+ interface RootProviderProps {
5
+ value: UnwrapRef<UseBottomSheetReturn>;
6
+ }
7
+ export interface BottomSheetRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {
8
+ }
9
+ export interface BottomSheetRootProviderProps extends BottomSheetRootProviderBaseProps {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetRootProviderProps> & 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,30 @@
1
+ import { defineComponent, computed, renderSlot } from 'vue';
2
+ import { RenderStrategyPropsProvider } from '../../utils/use-render-strategy.js';
3
+ import { BottomSheetProvider } from './use-bottom-sheet-context.js';
4
+ import '@zag-js/core';
5
+ import { useForwardExpose } from '../../utils/use-forward-expose.js';
6
+ import { usePresence } from '../presence/use-presence.js';
7
+ import { PresenceProvider } from '../presence/use-presence-context.js';
8
+
9
+ const _sfc_main = /* @__PURE__ */ defineComponent({
10
+ __name: "bottom-sheet-root-provider",
11
+ props: {
12
+ value: {},
13
+ lazyMount: { type: Boolean },
14
+ unmountOnExit: { type: Boolean }
15
+ },
16
+ setup(__props) {
17
+ const props = __props;
18
+ const bottomSheet = computed(() => props.value);
19
+ BottomSheetProvider(bottomSheet);
20
+ RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
21
+ const presence = usePresence(computed(() => ({ present: bottomSheet.value.open })));
22
+ PresenceProvider(presence);
23
+ useForwardExpose();
24
+ return (_ctx, _cache) => {
25
+ return renderSlot(_ctx.$slots, "default");
26
+ };
27
+ }
28
+ });
29
+
30
+ 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 bottomSheetRootProvider_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-root-provider.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = bottomSheetRootProvider_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './bottom-sheet-root-provider.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1,70 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
4
+
5
+ const vue = require('vue');
6
+ const useBottomSheet = require('./use-bottom-sheet.cjs');
7
+ const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
8
+ const useForwardExpose = require('../../utils/use-forward-expose.cjs');
9
+ const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
10
+ const usePresence = require('../presence/use-presence.cjs');
11
+ const usePresenceContext = require('../presence/use-presence-context.cjs');
12
+
13
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
14
+ __name: "bottom-sheet-root",
15
+ props: /* @__PURE__ */ vue.mergeDefaults({
16
+ id: {},
17
+ ids: {},
18
+ trapFocus: { type: Boolean },
19
+ preventScroll: { type: Boolean },
20
+ modal: { type: Boolean },
21
+ initialFocusEl: { type: Function },
22
+ finalFocusEl: { type: Function },
23
+ restoreFocus: { type: Boolean },
24
+ role: {},
25
+ open: { type: Boolean },
26
+ defaultOpen: { type: Boolean },
27
+ closeOnInteractOutside: { type: Boolean },
28
+ closeOnEscape: { type: Boolean },
29
+ snapPoints: {},
30
+ swipeVelocityThreshold: {},
31
+ closeThreshold: {},
32
+ preventDragOnScroll: { type: Boolean },
33
+ activeSnapPoint: {},
34
+ defaultActiveSnapPoint: {},
35
+ lazyMount: { type: Boolean },
36
+ unmountOnExit: { type: Boolean }
37
+ }, {
38
+ closeOnEscape: void 0,
39
+ closeOnInteractOutside: void 0,
40
+ defaultOpen: void 0,
41
+ modal: void 0,
42
+ open: void 0,
43
+ preventScroll: void 0,
44
+ restoreFocus: void 0,
45
+ trapFocus: void 0,
46
+ preventDragOnScroll: void 0
47
+ }),
48
+ emits: ["openChange", "activeSnapPointChange"],
49
+ setup(__props, { emit: __emit }) {
50
+ const props = __props;
51
+ const emits = __emit;
52
+ const bottomSheet = useBottomSheet.useBottomSheet(props, emits);
53
+ useBottomSheetContext.BottomSheetProvider(bottomSheet);
54
+ useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
55
+ const presence = usePresence.usePresence(
56
+ vue.computed(() => ({
57
+ present: bottomSheet.value.open,
58
+ lazyMount: props.lazyMount,
59
+ unmountOnExit: props.unmountOnExit
60
+ }))
61
+ );
62
+ usePresenceContext.PresenceProvider(presence);
63
+ useForwardExpose.useForwardExpose();
64
+ return (_ctx, _cache) => {
65
+ return vue.renderSlot(_ctx.$slots, "default");
66
+ };
67
+ }
68
+ });
69
+
70
+ exports.default = _sfc_main;
@@ -0,0 +1,39 @@
1
+ import { RenderStrategyProps } from '../../utils/use-render-strategy';
2
+ import { RootEmits, RootProps } from './bottom-sheet.types';
3
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
4
+ import { OpenChangeDetails } from '@zag-js/bottom-sheet';
5
+ export interface BottomSheetRootBaseProps extends RootProps, RenderStrategyProps {
6
+ }
7
+ export interface BottomSheetRootProps extends BottomSheetRootBaseProps {
8
+ }
9
+ export interface BottomSheetRootEmits extends RootEmits {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
12
+ openChange: (details: OpenChangeDetails) => any;
13
+ activeSnapPointChange: (details: {
14
+ snapPoint: number | string;
15
+ }) => any;
16
+ }, string, PublicProps, Readonly<BottomSheetRootProps> & Readonly<{
17
+ onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
18
+ onActiveSnapPointChange?: ((details: {
19
+ snapPoint: number | string;
20
+ }) => any) | undefined;
21
+ }>, {
22
+ open: boolean;
23
+ defaultOpen: boolean;
24
+ trapFocus: boolean;
25
+ preventScroll: boolean;
26
+ modal: boolean;
27
+ restoreFocus: boolean;
28
+ closeOnInteractOutside: boolean;
29
+ closeOnEscape: boolean;
30
+ preventDragOnScroll: boolean;
31
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
32
+ default?(_: {}): any;
33
+ }>;
34
+ export default _default;
35
+ type __VLS_WithTemplateSlots<T, S> = T & {
36
+ new (): {
37
+ $slots: S;
38
+ };
39
+ };
@@ -0,0 +1,39 @@
1
+ import { RenderStrategyProps } from '../../utils/use-render-strategy';
2
+ import { RootEmits, RootProps } from './bottom-sheet.types';
3
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
4
+ import { OpenChangeDetails } from '@zag-js/bottom-sheet';
5
+ export interface BottomSheetRootBaseProps extends RootProps, RenderStrategyProps {
6
+ }
7
+ export interface BottomSheetRootProps extends BottomSheetRootBaseProps {
8
+ }
9
+ export interface BottomSheetRootEmits extends RootEmits {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
12
+ openChange: (details: OpenChangeDetails) => any;
13
+ activeSnapPointChange: (details: {
14
+ snapPoint: number | string;
15
+ }) => any;
16
+ }, string, PublicProps, Readonly<BottomSheetRootProps> & Readonly<{
17
+ onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
18
+ onActiveSnapPointChange?: ((details: {
19
+ snapPoint: number | string;
20
+ }) => any) | undefined;
21
+ }>, {
22
+ open: boolean;
23
+ defaultOpen: boolean;
24
+ trapFocus: boolean;
25
+ preventScroll: boolean;
26
+ modal: boolean;
27
+ restoreFocus: boolean;
28
+ closeOnInteractOutside: boolean;
29
+ closeOnEscape: boolean;
30
+ preventDragOnScroll: boolean;
31
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
32
+ default?(_: {}): any;
33
+ }>;
34
+ export default _default;
35
+ type __VLS_WithTemplateSlots<T, S> = T & {
36
+ new (): {
37
+ $slots: S;
38
+ };
39
+ };
@@ -0,0 +1,66 @@
1
+ import { defineComponent, mergeDefaults, computed, renderSlot } from 'vue';
2
+ import { useBottomSheet } from './use-bottom-sheet.js';
3
+ import { BottomSheetProvider } from './use-bottom-sheet-context.js';
4
+ import { useForwardExpose } from '../../utils/use-forward-expose.js';
5
+ import { RenderStrategyPropsProvider } from '../../utils/use-render-strategy.js';
6
+ import { usePresence } from '../presence/use-presence.js';
7
+ import { PresenceProvider } from '../presence/use-presence-context.js';
8
+
9
+ const _sfc_main = /* @__PURE__ */ defineComponent({
10
+ __name: "bottom-sheet-root",
11
+ props: /* @__PURE__ */ mergeDefaults({
12
+ id: {},
13
+ ids: {},
14
+ trapFocus: { type: Boolean },
15
+ preventScroll: { type: Boolean },
16
+ modal: { type: Boolean },
17
+ initialFocusEl: { type: Function },
18
+ finalFocusEl: { type: Function },
19
+ restoreFocus: { type: Boolean },
20
+ role: {},
21
+ open: { type: Boolean },
22
+ defaultOpen: { type: Boolean },
23
+ closeOnInteractOutside: { type: Boolean },
24
+ closeOnEscape: { type: Boolean },
25
+ snapPoints: {},
26
+ swipeVelocityThreshold: {},
27
+ closeThreshold: {},
28
+ preventDragOnScroll: { type: Boolean },
29
+ activeSnapPoint: {},
30
+ defaultActiveSnapPoint: {},
31
+ lazyMount: { type: Boolean },
32
+ unmountOnExit: { type: Boolean }
33
+ }, {
34
+ closeOnEscape: void 0,
35
+ closeOnInteractOutside: void 0,
36
+ defaultOpen: void 0,
37
+ modal: void 0,
38
+ open: void 0,
39
+ preventScroll: void 0,
40
+ restoreFocus: void 0,
41
+ trapFocus: void 0,
42
+ preventDragOnScroll: void 0
43
+ }),
44
+ emits: ["openChange", "activeSnapPointChange"],
45
+ setup(__props, { emit: __emit }) {
46
+ const props = __props;
47
+ const emits = __emit;
48
+ const bottomSheet = useBottomSheet(props, emits);
49
+ BottomSheetProvider(bottomSheet);
50
+ RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
51
+ const presence = usePresence(
52
+ computed(() => ({
53
+ present: bottomSheet.value.open,
54
+ lazyMount: props.lazyMount,
55
+ unmountOnExit: props.unmountOnExit
56
+ }))
57
+ );
58
+ PresenceProvider(presence);
59
+ useForwardExpose();
60
+ return (_ctx, _cache) => {
61
+ return renderSlot(_ctx.$slots, "default");
62
+ };
63
+ }
64
+ });
65
+
66
+ 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 bottomSheetRoot_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-root.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = bottomSheetRoot_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './bottom-sheet-root.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1,30 @@
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 useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
8
+ require('@zag-js/core');
9
+ const useForwardExpose = require('../../utils/use-forward-expose.cjs');
10
+
11
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
12
+ __name: "bottom-sheet-title",
13
+ props: {
14
+ asChild: { type: Boolean }
15
+ },
16
+ setup(__props) {
17
+ const bottomSheet = useBottomSheetContext.useBottomSheetContext();
18
+ useForwardExpose.useForwardExpose();
19
+ return (_ctx, _cache) => {
20
+ return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).h2, vue.mergeProps(vue.unref(bottomSheet).getTitleProps(), { "as-child": _ctx.asChild }), {
21
+ default: vue.withCtx(() => [
22
+ vue.renderSlot(_ctx.$slots, "default")
23
+ ]),
24
+ _: 3
25
+ }, 16, ["as-child"]);
26
+ };
27
+ }
28
+ });
29
+
30
+ 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 BottomSheetTitleBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface BottomSheetTitleProps extends BottomSheetTitleBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetTitleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetTitleProps> & 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 BottomSheetTitleBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface BottomSheetTitleProps extends BottomSheetTitleBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetTitleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetTitleProps> & 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,26 @@
1
+ import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
2
+ import { ark } from '../factory.js';
3
+ import { useBottomSheetContext } from './use-bottom-sheet-context.js';
4
+ import '@zag-js/core';
5
+ import { useForwardExpose } from '../../utils/use-forward-expose.js';
6
+
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ __name: "bottom-sheet-title",
9
+ props: {
10
+ asChild: { type: Boolean }
11
+ },
12
+ setup(__props) {
13
+ const bottomSheet = useBottomSheetContext();
14
+ useForwardExpose();
15
+ return (_ctx, _cache) => {
16
+ return openBlock(), createBlock(unref(ark).h2, mergeProps(unref(bottomSheet).getTitleProps(), { "as-child": _ctx.asChild }), {
17
+ default: withCtx(() => [
18
+ renderSlot(_ctx.$slots, "default")
19
+ ]),
20
+ _: 3
21
+ }, 16, ["as-child"]);
22
+ };
23
+ }
24
+ });
25
+
26
+ 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 bottomSheetTitle_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-title.vue.cjs');
6
+
7
+
8
+
9
+ exports.default = bottomSheetTitle_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,5 @@
1
+ import _sfc_main from './bottom-sheet-title.vue.js';
2
+
3
+
4
+
5
+ export { _sfc_main as default };
@@ -0,0 +1,30 @@
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 useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
8
+ require('@zag-js/core');
9
+ const useForwardExpose = require('../../utils/use-forward-expose.cjs');
10
+
11
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
12
+ __name: "bottom-sheet-trigger",
13
+ props: {
14
+ asChild: { type: Boolean }
15
+ },
16
+ setup(__props) {
17
+ const bottomSheet = useBottomSheetContext.useBottomSheetContext();
18
+ useForwardExpose.useForwardExpose();
19
+ return (_ctx, _cache) => {
20
+ return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).button, vue.mergeProps(vue.unref(bottomSheet).getTriggerProps(), { "as-child": _ctx.asChild }), {
21
+ default: vue.withCtx(() => [
22
+ vue.renderSlot(_ctx.$slots, "default")
23
+ ]),
24
+ _: 3
25
+ }, 16, ["as-child"]);
26
+ };
27
+ }
28
+ });
29
+
30
+ 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 BottomSheetTriggerBaseProps extends PolymorphicProps {
4
+ }
5
+ export interface BottomSheetTriggerProps extends BottomSheetTriggerBaseProps,
6
+ /**
7
+ * @vue-ignore
8
+ */
9
+ HTMLAttributes {
10
+ }
11
+ declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetTriggerProps> & 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
+ };