@ark-ui/vue 5.24.1 → 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.
- package/dist/components/accordion/accordion-item-content.vue.cjs +1 -0
- package/dist/components/accordion/accordion-item-content.vue.js +1 -0
- package/dist/components/accordion/accordion-root-provider.vue.d.cts +1 -1
- package/dist/components/accordion/accordion-root-provider.vue.d.ts +1 -1
- package/dist/components/accordion/accordion-root.vue.d.cts +1 -1
- package/dist/components/accordion/accordion-root.vue.d.ts +1 -1
- 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/bottom-sheet/bottom-sheet-backdrop.vue.cjs +35 -0
- package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue.d.cts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue.d.ts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue.js +31 -0
- package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue2.cjs +9 -0
- package/dist/components/bottom-sheet/bottom-sheet-backdrop.vue2.js +5 -0
- package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue.cjs +30 -0
- package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue.d.cts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue.d.ts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue.js +26 -0
- package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue2.cjs +9 -0
- package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue2.js +5 -0
- package/dist/components/bottom-sheet/bottom-sheet-content.vue.cjs +44 -0
- package/dist/components/bottom-sheet/bottom-sheet-content.vue.d.cts +22 -0
- package/dist/components/bottom-sheet/bottom-sheet-content.vue.d.ts +22 -0
- package/dist/components/bottom-sheet/bottom-sheet-content.vue.js +40 -0
- package/dist/components/bottom-sheet/bottom-sheet-content.vue2.cjs +9 -0
- package/dist/components/bottom-sheet/bottom-sheet-content.vue2.js +5 -0
- package/dist/components/bottom-sheet/bottom-sheet-context.vue.cjs +18 -0
- package/dist/components/bottom-sheet/bottom-sheet-context.vue.d.cts +17 -0
- package/dist/components/bottom-sheet/bottom-sheet-context.vue.d.ts +17 -0
- package/dist/components/bottom-sheet/bottom-sheet-context.vue.js +14 -0
- package/dist/components/bottom-sheet/bottom-sheet-context.vue2.cjs +9 -0
- package/dist/components/bottom-sheet/bottom-sheet-context.vue2.js +5 -0
- package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.vue.cjs +30 -0
- package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.vue.d.cts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.vue.d.ts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.vue.js +26 -0
- package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.vue2.cjs +9 -0
- package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.vue2.js +5 -0
- package/dist/components/bottom-sheet/bottom-sheet-grabber.vue.cjs +30 -0
- package/dist/components/bottom-sheet/bottom-sheet-grabber.vue.d.cts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-grabber.vue.d.ts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-grabber.vue.js +26 -0
- package/dist/components/bottom-sheet/bottom-sheet-grabber.vue2.cjs +9 -0
- package/dist/components/bottom-sheet/bottom-sheet-grabber.vue2.js +5 -0
- package/dist/components/bottom-sheet/bottom-sheet-root-provider.vue.cjs +34 -0
- package/dist/components/bottom-sheet/bottom-sheet-root-provider.vue.d.cts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-root-provider.vue.d.ts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-root-provider.vue.js +30 -0
- package/dist/components/bottom-sheet/bottom-sheet-root-provider.vue2.cjs +9 -0
- package/dist/components/bottom-sheet/bottom-sheet-root-provider.vue2.js +5 -0
- package/dist/components/bottom-sheet/bottom-sheet-root.vue.cjs +70 -0
- package/dist/components/bottom-sheet/bottom-sheet-root.vue.d.cts +39 -0
- package/dist/components/bottom-sheet/bottom-sheet-root.vue.d.ts +39 -0
- package/dist/components/bottom-sheet/bottom-sheet-root.vue.js +66 -0
- package/dist/components/bottom-sheet/bottom-sheet-root.vue2.cjs +9 -0
- package/dist/components/bottom-sheet/bottom-sheet-root.vue2.js +5 -0
- package/dist/components/bottom-sheet/bottom-sheet-title.vue.cjs +30 -0
- package/dist/components/bottom-sheet/bottom-sheet-title.vue.d.cts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-title.vue.d.ts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-title.vue.js +26 -0
- package/dist/components/bottom-sheet/bottom-sheet-title.vue2.cjs +9 -0
- package/dist/components/bottom-sheet/bottom-sheet-title.vue2.js +5 -0
- package/dist/components/bottom-sheet/bottom-sheet-trigger.vue.cjs +30 -0
- package/dist/components/bottom-sheet/bottom-sheet-trigger.vue.d.cts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-trigger.vue.d.ts +19 -0
- package/dist/components/bottom-sheet/bottom-sheet-trigger.vue.js +26 -0
- package/dist/components/bottom-sheet/bottom-sheet-trigger.vue2.cjs +9 -0
- package/dist/components/bottom-sheet/bottom-sheet-trigger.vue2.js +5 -0
- package/dist/components/bottom-sheet/bottom-sheet.anatomy.d.cts +1 -0
- package/dist/components/bottom-sheet/bottom-sheet.anatomy.d.ts +1 -0
- package/dist/components/bottom-sheet/bottom-sheet.cjs +27 -0
- package/dist/components/bottom-sheet/bottom-sheet.d.cts +11 -0
- package/dist/components/bottom-sheet/bottom-sheet.d.ts +11 -0
- package/dist/components/bottom-sheet/bottom-sheet.js +10 -0
- package/dist/components/bottom-sheet/bottom-sheet.types.d.cts +110 -0
- package/dist/components/bottom-sheet/bottom-sheet.types.d.ts +110 -0
- package/dist/components/bottom-sheet/index.cjs +38 -0
- package/dist/components/bottom-sheet/index.d.cts +15 -0
- package/dist/components/bottom-sheet/index.d.ts +15 -0
- package/dist/components/bottom-sheet/index.js +15 -0
- package/dist/components/bottom-sheet/use-bottom-sheet-context.cjs +11 -0
- package/dist/components/bottom-sheet/use-bottom-sheet-context.d.cts +4 -0
- package/dist/components/bottom-sheet/use-bottom-sheet-context.d.ts +4 -0
- package/dist/components/bottom-sheet/use-bottom-sheet-context.js +6 -0
- package/dist/components/bottom-sheet/use-bottom-sheet.cjs +56 -0
- package/dist/components/bottom-sheet/use-bottom-sheet.d.cts +10 -0
- package/dist/components/bottom-sheet/use-bottom-sheet.d.ts +10 -0
- package/dist/components/bottom-sheet/use-bottom-sheet.js +33 -0
- package/dist/components/color-picker/color-picker-root-provider.vue.d.cts +1 -1
- package/dist/components/color-picker/color-picker-root-provider.vue.d.ts +1 -1
- 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-provider.vue.d.cts +1 -1
- package/dist/components/combobox/combobox-root-provider.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-positioner.vue.cjs +1 -1
- package/dist/components/date-picker/date-picker-positioner.vue.js +1 -1
- package/dist/components/date-picker/date-picker-root-provider.vue.cjs +1 -1
- package/dist/components/date-picker/date-picker-root-provider.vue.d.cts +1 -1
- package/dist/components/date-picker/date-picker-root-provider.vue.d.ts +1 -1
- package/dist/components/date-picker/date-picker-root-provider.vue.js +1 -1
- package/dist/components/date-picker/date-picker-root.vue.d.cts +1 -1
- package/dist/components/date-picker/date-picker-root.vue.d.ts +1 -1
- package/dist/components/dialog/dialog-positioner.vue.cjs +1 -1
- package/dist/components/dialog/dialog-positioner.vue.js +1 -1
- package/dist/components/dialog/dialog-root-provider.vue.cjs +1 -1
- package/dist/components/dialog/dialog-root-provider.vue.d.cts +1 -1
- package/dist/components/dialog/dialog-root-provider.vue.d.ts +1 -1
- package/dist/components/dialog/dialog-root-provider.vue.js +1 -1
- package/dist/components/dialog/dialog-root.vue.d.cts +5 -5
- package/dist/components/dialog/dialog-root.vue.d.ts +5 -5
- package/dist/components/floating-panel/floating-panel-root-provider.vue.d.cts +1 -1
- package/dist/components/floating-panel/floating-panel-root-provider.vue.d.ts +1 -1
- package/dist/components/floating-panel/floating-panel-root.vue.d.cts +1 -1
- package/dist/components/floating-panel/floating-panel-root.vue.d.ts +1 -1
- package/dist/components/focus-trap/focus-trap.vue.cjs +1 -1
- package/dist/components/focus-trap/focus-trap.vue.js +1 -1
- package/dist/components/format/format-byte.vue.cjs +1 -0
- package/dist/components/format/format-byte.vue.d.cts +4 -0
- package/dist/components/format/format-byte.vue.d.ts +4 -0
- package/dist/components/format/format-byte.vue.js +1 -0
- package/dist/components/hover-card/hover-card-root-provider.vue.d.cts +1 -1
- package/dist/components/hover-card/hover-card-root-provider.vue.d.ts +1 -1
- 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 +31 -0
- package/dist/components/index.d.cts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +15 -0
- package/dist/components/menu/menu-positioner.vue.cjs +1 -1
- package/dist/components/menu/menu-positioner.vue.js +1 -1
- package/dist/components/menu/menu-root-provider.vue.d.cts +1 -1
- package/dist/components/menu/menu-root-provider.vue.d.ts +1 -1
- 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/popover/popover-root-provider.vue.d.cts +1 -1
- package/dist/components/popover/popover-root-provider.vue.d.ts +1 -1
- package/dist/components/popover/popover-root.vue.d.cts +3 -3
- package/dist/components/popover/popover-root.vue.d.ts +3 -3
- package/dist/components/select/select-positioner.vue.cjs +1 -1
- package/dist/components/select/select-positioner.vue.js +1 -1
- package/dist/components/select/select-root-provider.vue.d.cts +1 -1
- package/dist/components/select/select-root-provider.vue.d.ts +1 -1
- 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/tabs/tab-content.vue.cjs +1 -1
- package/dist/components/tabs/tab-content.vue.js +1 -1
- package/dist/components/tabs/tabs-root-provider.vue.d.cts +1 -1
- package/dist/components/tabs/tabs-root-provider.vue.d.ts +1 -1
- package/dist/components/tabs/tabs-root.vue.d.cts +1 -1
- package/dist/components/tabs/tabs-root.vue.d.ts +1 -1
- package/dist/components/tooltip/tooltip-positioner.vue.cjs +1 -1
- package/dist/components/tooltip/tooltip-positioner.vue.js +1 -1
- package/dist/components/tooltip/tooltip-root-provider.vue.d.cts +1 -1
- package/dist/components/tooltip/tooltip-root-provider.vue.d.ts +1 -1
- package/dist/components/tooltip/tooltip-root.vue.d.cts +1 -1
- package/dist/components/tooltip/tooltip-root.vue.d.ts +1 -1
- package/dist/components/tour/tour-positioner.vue.cjs +1 -1
- package/dist/components/tour/tour-positioner.vue.js +1 -1
- package/dist/components/tour/tour-root.vue.d.cts +1 -1
- package/dist/components/tour/tour-root.vue.d.ts +1 -1
- package/dist/components/tour/tour-spotlight.vue.cjs +1 -1
- package/dist/components/tour/tour-spotlight.vue.js +1 -1
- package/dist/components/tree-view/tree-view-branch.vue.cjs +1 -1
- package/dist/components/tree-view/tree-view-branch.vue.js +1 -1
- package/dist/components/tree-view/tree-view-root-provider.vue.d.cts +1 -1
- package/dist/components/tree-view/tree-view-root-provider.vue.d.ts +1 -1
- package/dist/components/tree-view/tree-view-root.vue.d.cts +1 -1
- package/dist/components/tree-view/tree-view-root.vue.d.ts +1 -1
- package/dist/index.cjs +40 -2
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +18 -1
- package/dist/utils/index.cjs +7 -9
- package/dist/utils/index.d.cts +2 -4
- package/dist/utils/index.d.ts +2 -4
- package/dist/utils/index.js +2 -4
- package/package.json +72 -62
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { PolymorphicProps } from '../factory';
|
|
3
|
+
export interface BottomSheetGrabberIndicatorBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface BottomSheetGrabberIndicatorProps extends BottomSheetGrabberIndicatorBaseProps,
|
|
6
|
+
/**
|
|
7
|
+
* @vue-ignore
|
|
8
|
+
*/
|
|
9
|
+
HTMLAttributes {
|
|
10
|
+
}
|
|
11
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetGrabberIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetGrabberIndicatorProps> & 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-indicator",
|
|
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).getGrabberIndicatorProps(), { "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 bottomSheetGrabberIndicator_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-grabber-indicator.vue.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.default = bottomSheetGrabberIndicator_vue_vue_type_script_setup_true_lang.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-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,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,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,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;
|