@sprawlify/vue 0.0.64 → 0.0.66
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/chunk-BN_g-Awi.js +18 -0
- package/dist/clean-props-ChPEW0vT.js +9 -0
- package/dist/collapsible-BBV8R9Wm.js +259 -0
- package/dist/collection-DR2kMzrX.js +218 -0
- package/dist/components/accordion/index.d.ts +195 -0
- package/dist/components/accordion/index.js +361 -0
- package/dist/components/angle-slider/index.d.ts +230 -0
- package/dist/components/angle-slider/index.js +371 -0
- package/dist/components/avatar/index.d.ts +116 -0
- package/dist/components/avatar/index.js +177 -0
- package/dist/components/bottom-sheet/index.d.ts +241 -0
- package/dist/components/bottom-sheet/index.js +429 -0
- package/dist/components/carousel/index.d.ts +306 -0
- package/dist/components/carousel/index.js +500 -0
- package/dist/components/checkbox/index.d.ts +273 -0
- package/dist/components/checkbox/index.js +500 -0
- package/dist/components/client-only/index.d.ts +20 -0
- package/dist/components/client-only/index.js +22 -0
- package/dist/components/clipboard/index.d.ts +204 -0
- package/dist/components/clipboard/index.js +297 -0
- package/dist/components/collapsible/index.d.ts +163 -0
- package/dist/components/collapsible/index.js +7 -0
- package/dist/components/collection/index.d.ts +2 -0
- package/dist/components/collection/index.js +4 -0
- package/dist/components/field/index.d.ts +326 -0
- package/dist/components/field/index.js +7 -0
- package/dist/components/fieldset/index.d.ts +161 -0
- package/dist/components/fieldset/index.js +7 -0
- package/dist/components/presence/index.d.ts +3 -0
- package/dist/components/presence/index.js +6 -0
- package/dist/components/select/index.d.ts +429 -0
- package/dist/components/select/index.js +769 -0
- package/dist/core-DNndr38p.js +337 -0
- package/dist/create-split-props-YZ3qgXe_.js +11 -0
- package/dist/factory-BH3WrWd2.js +68 -0
- package/dist/factory-D_ge_w76.d.ts +8 -0
- package/dist/field-DnHnX3Tf.js +501 -0
- package/dist/fieldset-DzhN7Zrg.js +278 -0
- package/dist/index-B66Om_3U.d.ts +22 -0
- package/dist/index-DqRk-Yea.d.ts +199 -0
- package/dist/index-rHf4D8np.d.ts +57 -0
- package/dist/index.d.ts +10 -34
- package/dist/index.js +4 -551
- package/dist/presence-CvUnYMZQ.js +105 -0
- package/dist/presence-types-Bv1E60Cw.d.ts +13 -0
- package/dist/providers-B2CNPFg1.js +108 -0
- package/dist/types-Bj-dS2Hc.d.ts +9 -0
- package/dist/use-forward-expose-4p5AGAI3.js +67 -0
- package/dist/use-render-strategy-BkxoN6ll.js +7 -0
- package/dist/use-render-strategy-CHj_pCfT.d.ts +9 -0
- package/dist/utils-B4FuOOE-.js +51 -0
- package/package.json +58 -2
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { t as PolymorphicProps } from "../../factory-D_ge_w76.js";
|
|
2
|
+
import { a as Optional, r as EmitFn$1 } from "../../types-Bj-dS2Hc.js";
|
|
3
|
+
import { r as PropTypes } from "../../index-B66Om_3U.js";
|
|
4
|
+
import * as vue521 from "vue";
|
|
5
|
+
import { ComputedRef, HTMLAttributes, ImgHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
|
|
6
|
+
import * as avatar from "@sprawlify/primitives/machines/avatar";
|
|
7
|
+
import { StatusChangeDetails, StatusChangeDetails as AvatarStatusChangeDetails, anatomy as avatarAnatomy } from "@sprawlify/primitives/machines/avatar";
|
|
8
|
+
|
|
9
|
+
//#region src/components/avatar/avatar-types.d.ts
|
|
10
|
+
interface RootProps {
|
|
11
|
+
id?: string;
|
|
12
|
+
ids?: Partial<{
|
|
13
|
+
root: string;
|
|
14
|
+
image: string;
|
|
15
|
+
fallback: string;
|
|
16
|
+
}>;
|
|
17
|
+
}
|
|
18
|
+
type RootEmits = {
|
|
19
|
+
statusChange: [details: avatar.StatusChangeDetails];
|
|
20
|
+
};
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region src/components/avatar/use-avatar.d.ts
|
|
23
|
+
interface UseAvatarProps extends Optional<Omit<avatar.Props, 'dir' | 'getRootNode'>, 'id'> {}
|
|
24
|
+
interface UseAvatarReturn extends ComputedRef<avatar.Api<PropTypes>> {}
|
|
25
|
+
declare const useAvatar: (props?: MaybeRef<UseAvatarProps>, emit?: EmitFn$1<RootEmits>) => UseAvatarReturn;
|
|
26
|
+
//#endregion
|
|
27
|
+
//#region src/components/avatar/use-avatar-context.d.ts
|
|
28
|
+
interface UseAvatarContext extends UseAvatarReturn {}
|
|
29
|
+
//#endregion
|
|
30
|
+
//#region src/components/avatar/avatar-context.vue.d.ts
|
|
31
|
+
interface AvatarContextProps extends SlotsType<{
|
|
32
|
+
default: UnwrapRef<UseAvatarContext>;
|
|
33
|
+
}> {}
|
|
34
|
+
declare const _default: typeof __VLS_export$4;
|
|
35
|
+
declare const __VLS_export$4: __VLS_WithSlots$3<vue521.DefineComponent<{}, {}, {}, {}, {}, vue521.ComponentOptionsMixin, vue521.ComponentOptionsMixin, {}, string, vue521.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue521.ComponentProvideOptions, true, {}, any>, {
|
|
36
|
+
default(avatar: UnwrapRef<UseAvatarContext>): unknown;
|
|
37
|
+
}>;
|
|
38
|
+
type __VLS_WithSlots$3<T, S> = T & {
|
|
39
|
+
new (): {
|
|
40
|
+
$slots: S;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
//#endregion
|
|
44
|
+
//#region src/components/avatar/avatar-fallback.vue.d.ts
|
|
45
|
+
interface AvatarFallbackBaseProps extends PolymorphicProps {}
|
|
46
|
+
interface AvatarFallbackProps extends AvatarFallbackBaseProps,
|
|
47
|
+
/**
|
|
48
|
+
* @vue-ignore
|
|
49
|
+
*/
|
|
50
|
+
HTMLAttributes {}
|
|
51
|
+
declare const _default$1: typeof __VLS_export$3;
|
|
52
|
+
declare const __VLS_export$3: __VLS_WithSlots$2<vue521.DefineComponent<AvatarFallbackProps, {}, {}, {}, {}, vue521.ComponentOptionsMixin, vue521.ComponentOptionsMixin, {}, string, vue521.PublicProps, Readonly<AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, string, vue521.ComponentProvideOptions, false, {}, any>, {
|
|
53
|
+
default?: (props: {}) => any;
|
|
54
|
+
}>;
|
|
55
|
+
type __VLS_WithSlots$2<T, S> = T & {
|
|
56
|
+
new (): {
|
|
57
|
+
$slots: S;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
//#endregion
|
|
61
|
+
//#region src/components/avatar/avatar-image.vue.d.ts
|
|
62
|
+
interface AvatarImageBaseProps extends PolymorphicProps {}
|
|
63
|
+
interface AvatarImageProps extends AvatarImageBaseProps,
|
|
64
|
+
/**
|
|
65
|
+
* @vue-ignore
|
|
66
|
+
*/
|
|
67
|
+
ImgHTMLAttributes {}
|
|
68
|
+
declare const _default$2: typeof __VLS_export$2;
|
|
69
|
+
declare const __VLS_export$2: vue521.DefineComponent<AvatarImageProps, {}, {}, {}, {}, vue521.ComponentOptionsMixin, vue521.ComponentOptionsMixin, {}, string, vue521.PublicProps, Readonly<AvatarImageProps> & Readonly<{}>, {}, {}, {}, {}, string, vue521.ComponentProvideOptions, false, {}, any>;
|
|
70
|
+
//#endregion
|
|
71
|
+
//#region src/components/avatar/avatar-root.vue.d.ts
|
|
72
|
+
interface AvatarRootBaseProps extends RootProps, PolymorphicProps {}
|
|
73
|
+
interface AvatarRootProps extends AvatarRootBaseProps,
|
|
74
|
+
/**
|
|
75
|
+
* @vue-ignore
|
|
76
|
+
*/
|
|
77
|
+
HTMLAttributes {}
|
|
78
|
+
interface AvatarRootEmits extends RootEmits {}
|
|
79
|
+
declare const _default$3: typeof __VLS_export$1;
|
|
80
|
+
declare const __VLS_export$1: __VLS_WithSlots$1<vue521.DefineComponent<AvatarRootProps, {}, {}, {}, {}, vue521.ComponentOptionsMixin, vue521.ComponentOptionsMixin, {
|
|
81
|
+
statusChange: (details: avatar.StatusChangeDetails) => any;
|
|
82
|
+
}, string, vue521.PublicProps, Readonly<AvatarRootProps> & Readonly<{
|
|
83
|
+
onStatusChange?: ((details: avatar.StatusChangeDetails) => any) | undefined;
|
|
84
|
+
}>, {}, {}, {}, {}, string, vue521.ComponentProvideOptions, false, {}, any>, {
|
|
85
|
+
default?: (props: {}) => any;
|
|
86
|
+
}>;
|
|
87
|
+
type __VLS_WithSlots$1<T, S> = T & {
|
|
88
|
+
new (): {
|
|
89
|
+
$slots: S;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
//#endregion
|
|
93
|
+
//#region src/components/avatar/avatar-root-provider.vue.d.ts
|
|
94
|
+
interface RootProviderProps {
|
|
95
|
+
value: UnwrapRef<UseAvatarReturn>;
|
|
96
|
+
}
|
|
97
|
+
interface AvatarRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
|
|
98
|
+
interface AvatarRootProviderProps extends AvatarRootProviderBaseProps,
|
|
99
|
+
/**
|
|
100
|
+
* @vue-ignore
|
|
101
|
+
*/
|
|
102
|
+
HTMLAttributes {}
|
|
103
|
+
declare const _default$4: typeof __VLS_export;
|
|
104
|
+
declare const __VLS_export: __VLS_WithSlots<vue521.DefineComponent<AvatarRootProviderProps, {}, {}, {}, {}, vue521.ComponentOptionsMixin, vue521.ComponentOptionsMixin, {}, string, vue521.PublicProps, Readonly<AvatarRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue521.ComponentProvideOptions, false, {}, any>, {
|
|
105
|
+
default?: (props: {}) => any;
|
|
106
|
+
}>;
|
|
107
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
108
|
+
new (): {
|
|
109
|
+
$slots: S;
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
declare namespace avatar_d_exports {
|
|
113
|
+
export { _default as Context, AvatarContextProps as ContextProps, _default$1 as Fallback, AvatarFallbackBaseProps as FallbackBaseProps, AvatarFallbackProps as FallbackProps, _default$2 as Image, AvatarImageBaseProps as ImageBaseProps, AvatarImageProps as ImageProps, _default$3 as Root, AvatarRootBaseProps as RootBaseProps, AvatarRootEmits as RootEmits, AvatarRootProps as RootProps, _default$4 as RootProvider, AvatarRootProviderBaseProps as RootProviderBaseProps, AvatarRootProviderProps as RootProviderProps, StatusChangeDetails };
|
|
114
|
+
}
|
|
115
|
+
//#endregion
|
|
116
|
+
export { avatar_d_exports as Avatar, _default as AvatarContext, type AvatarContextProps, _default$1 as AvatarFallback, type AvatarFallbackBaseProps, type AvatarFallbackProps, _default$2 as AvatarImage, type AvatarImageBaseProps, type AvatarImageProps, _default$3 as AvatarRoot, type AvatarRootBaseProps, type AvatarRootEmits, type AvatarRootProps, _default$4 as AvatarRootProvider, type AvatarRootProviderBaseProps, type AvatarRootProviderProps, type AvatarStatusChangeDetails, type UseAvatarContext, type UseAvatarProps, type UseAvatarReturn, avatarAnatomy, useAvatar, useAvatarContext };
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
|
|
2
|
+
import { n as useMachine, r as normalizeProps$1 } from "../../core-DNndr38p.js";
|
|
3
|
+
import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-B2CNPFg1.js";
|
|
4
|
+
import { r as createContext, t as useForwardExpose } from "../../use-forward-expose-4p5AGAI3.js";
|
|
5
|
+
import { t as sprawlify } from "../../factory-BH3WrWd2.js";
|
|
6
|
+
import { t as cleanProps } from "../../clean-props-ChPEW0vT.js";
|
|
7
|
+
import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
|
|
8
|
+
import * as avatar from "@sprawlify/primitives/machines/avatar";
|
|
9
|
+
import { anatomy as avatarAnatomy } from "@sprawlify/primitives/machines/avatar";
|
|
10
|
+
|
|
11
|
+
//#region src/components/avatar/use-avatar-context.ts
|
|
12
|
+
const [AvatarProvider, useAvatarContext] = createContext("AvatarContext");
|
|
13
|
+
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region src/components/avatar/avatar-context.vue?vue&type=script&setup=true&lang.ts
|
|
16
|
+
var avatar_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
17
|
+
__name: "avatar-context",
|
|
18
|
+
setup(__props) {
|
|
19
|
+
const avatar = useAvatarContext();
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(avatar))));
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
//#endregion
|
|
27
|
+
//#region src/components/avatar/avatar-context.vue
|
|
28
|
+
var avatar_context_default = avatar_context_vue_vue_type_script_setup_true_lang_default;
|
|
29
|
+
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/avatar/avatar-fallback.vue?vue&type=script&setup=true&lang.ts
|
|
32
|
+
var avatar_fallback_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
33
|
+
__name: "avatar-fallback",
|
|
34
|
+
props: { asChild: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
required: false
|
|
37
|
+
} },
|
|
38
|
+
setup(__props) {
|
|
39
|
+
const avatar = useAvatarContext();
|
|
40
|
+
useForwardExpose();
|
|
41
|
+
return (_ctx, _cache) => {
|
|
42
|
+
return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(avatar).getFallbackProps(), { "as-child": __props.asChild }), {
|
|
43
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
44
|
+
_: 3
|
|
45
|
+
}, 16, ["as-child"]);
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
//#endregion
|
|
51
|
+
//#region src/components/avatar/avatar-fallback.vue
|
|
52
|
+
var avatar_fallback_default = avatar_fallback_vue_vue_type_script_setup_true_lang_default;
|
|
53
|
+
|
|
54
|
+
//#endregion
|
|
55
|
+
//#region src/components/avatar/avatar-image.vue?vue&type=script&setup=true&lang.ts
|
|
56
|
+
var avatar_image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
57
|
+
__name: "avatar-image",
|
|
58
|
+
props: { asChild: {
|
|
59
|
+
type: Boolean,
|
|
60
|
+
required: false
|
|
61
|
+
} },
|
|
62
|
+
setup(__props) {
|
|
63
|
+
const avatar = useAvatarContext();
|
|
64
|
+
useForwardExpose();
|
|
65
|
+
return (_ctx, _cache) => {
|
|
66
|
+
return openBlock(), createBlock(unref(sprawlify).img, mergeProps(unref(avatar).getImageProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/components/avatar/avatar-image.vue
|
|
73
|
+
var avatar_image_default = avatar_image_vue_vue_type_script_setup_true_lang_default;
|
|
74
|
+
|
|
75
|
+
//#endregion
|
|
76
|
+
//#region src/components/avatar/use-avatar.ts
|
|
77
|
+
const useAvatar = (props = {}, emit) => {
|
|
78
|
+
const id = useId();
|
|
79
|
+
const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
|
|
80
|
+
const locale = useLocaleContext(DEFAULT_LOCALE);
|
|
81
|
+
const context = computed(() => {
|
|
82
|
+
const localeProps = toValue(props);
|
|
83
|
+
return {
|
|
84
|
+
id,
|
|
85
|
+
dir: locale.value.dir,
|
|
86
|
+
getRootNode: env?.value.getRootNode,
|
|
87
|
+
...cleanProps(localeProps),
|
|
88
|
+
onStatusChange: (details) => {
|
|
89
|
+
emit?.("statusChange", details);
|
|
90
|
+
localeProps.onStatusChange?.(details);
|
|
91
|
+
}
|
|
92
|
+
};
|
|
93
|
+
});
|
|
94
|
+
const service = useMachine(avatar.machine, context);
|
|
95
|
+
return computed(() => avatar.connect(service, normalizeProps$1));
|
|
96
|
+
};
|
|
97
|
+
|
|
98
|
+
//#endregion
|
|
99
|
+
//#region src/components/avatar/avatar-root.vue?vue&type=script&setup=true&lang.ts
|
|
100
|
+
var avatar_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
101
|
+
__name: "avatar-root",
|
|
102
|
+
props: {
|
|
103
|
+
id: {
|
|
104
|
+
type: String,
|
|
105
|
+
required: false
|
|
106
|
+
},
|
|
107
|
+
ids: {
|
|
108
|
+
type: Object,
|
|
109
|
+
required: false
|
|
110
|
+
},
|
|
111
|
+
asChild: {
|
|
112
|
+
type: Boolean,
|
|
113
|
+
required: false
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
emits: ["statusChange"],
|
|
117
|
+
setup(__props, { emit: __emit }) {
|
|
118
|
+
const avatar = useAvatar(__props, __emit);
|
|
119
|
+
AvatarProvider(avatar);
|
|
120
|
+
useForwardExpose();
|
|
121
|
+
return (_ctx, _cache) => {
|
|
122
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(avatar).getRootProps(), { "as-child": __props.asChild }), {
|
|
123
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
124
|
+
_: 3
|
|
125
|
+
}, 16, ["as-child"]);
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
});
|
|
129
|
+
|
|
130
|
+
//#endregion
|
|
131
|
+
//#region src/components/avatar/avatar-root.vue
|
|
132
|
+
var avatar_root_default = avatar_root_vue_vue_type_script_setup_true_lang_default;
|
|
133
|
+
|
|
134
|
+
//#endregion
|
|
135
|
+
//#region src/components/avatar/avatar-root-provider.vue?vue&type=script&setup=true&lang.ts
|
|
136
|
+
var avatar_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
137
|
+
__name: "avatar-root-provider",
|
|
138
|
+
props: {
|
|
139
|
+
value: {
|
|
140
|
+
type: null,
|
|
141
|
+
required: true
|
|
142
|
+
},
|
|
143
|
+
asChild: {
|
|
144
|
+
type: Boolean,
|
|
145
|
+
required: false
|
|
146
|
+
}
|
|
147
|
+
},
|
|
148
|
+
setup(__props) {
|
|
149
|
+
const props = __props;
|
|
150
|
+
const avatar = computed(() => props.value);
|
|
151
|
+
AvatarProvider(avatar);
|
|
152
|
+
useForwardExpose();
|
|
153
|
+
return (_ctx, _cache) => {
|
|
154
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(avatar.value.getRootProps(), { "as-child": __props.asChild }), {
|
|
155
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
156
|
+
_: 3
|
|
157
|
+
}, 16, ["as-child"]);
|
|
158
|
+
};
|
|
159
|
+
}
|
|
160
|
+
});
|
|
161
|
+
|
|
162
|
+
//#endregion
|
|
163
|
+
//#region src/components/avatar/avatar-root-provider.vue
|
|
164
|
+
var avatar_root_provider_default = avatar_root_provider_vue_vue_type_script_setup_true_lang_default;
|
|
165
|
+
|
|
166
|
+
//#endregion
|
|
167
|
+
//#region src/components/avatar/avatar.ts
|
|
168
|
+
var avatar_exports = /* @__PURE__ */ __exportAll({
|
|
169
|
+
Context: () => avatar_context_default,
|
|
170
|
+
Fallback: () => avatar_fallback_default,
|
|
171
|
+
Image: () => avatar_image_default,
|
|
172
|
+
Root: () => avatar_root_default,
|
|
173
|
+
RootProvider: () => avatar_root_provider_default
|
|
174
|
+
});
|
|
175
|
+
|
|
176
|
+
//#endregion
|
|
177
|
+
export { avatar_exports as Avatar, avatar_context_default as AvatarContext, avatar_fallback_default as AvatarFallback, avatar_image_default as AvatarImage, avatar_root_default as AvatarRoot, avatar_root_provider_default as AvatarRootProvider, avatarAnatomy, useAvatar, useAvatarContext };
|
|
@@ -0,0 +1,241 @@
|
|
|
1
|
+
import { t as PolymorphicProps } from "../../factory-D_ge_w76.js";
|
|
2
|
+
import { a as Optional, r as EmitFn$1 } from "../../types-Bj-dS2Hc.js";
|
|
3
|
+
import { r as PropTypes } from "../../index-B66Om_3U.js";
|
|
4
|
+
import { t as RenderStrategyProps } from "../../use-render-strategy-CHj_pCfT.js";
|
|
5
|
+
import * as vue167 from "vue";
|
|
6
|
+
import { ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
|
|
7
|
+
import * as bottomSheet from "@sprawlify/primitives/machines/bottom-sheet";
|
|
8
|
+
import { ContentProps, OpenChangeDetails, OpenChangeDetails as BottomSheetOpenChangeDetails, anatomy as bottomSheetAnatomy } from "@sprawlify/primitives/machines/bottom-sheet";
|
|
9
|
+
|
|
10
|
+
//#region src/components/bottom-sheet/bottom-sheet-backdrop.vue.d.ts
|
|
11
|
+
interface BottomSheetBackdropBaseProps extends PolymorphicProps {}
|
|
12
|
+
interface BottomSheetBackdropProps extends BottomSheetBackdropBaseProps,
|
|
13
|
+
/**
|
|
14
|
+
* @vue-ignore
|
|
15
|
+
*/
|
|
16
|
+
HTMLAttributes {}
|
|
17
|
+
declare const _default: typeof __VLS_export$9;
|
|
18
|
+
declare const __VLS_export$9: __VLS_WithSlots$9<vue167.DefineComponent<BottomSheetBackdropProps, {}, {}, {}, {}, vue167.ComponentOptionsMixin, vue167.ComponentOptionsMixin, {}, string, vue167.PublicProps, Readonly<BottomSheetBackdropProps> & Readonly<{}>, {}, {}, {}, {}, string, vue167.ComponentProvideOptions, false, {}, any>, {
|
|
19
|
+
default?: (props: {}) => any;
|
|
20
|
+
}>;
|
|
21
|
+
type __VLS_WithSlots$9<T, S> = T & {
|
|
22
|
+
new (): {
|
|
23
|
+
$slots: S;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
//#endregion
|
|
27
|
+
//#region src/components/bottom-sheet/bottom-sheet-close-trigger.vue.d.ts
|
|
28
|
+
interface BottomSheetCloseTriggerBaseProps extends PolymorphicProps {}
|
|
29
|
+
interface BottomSheetCloseTriggerProps extends BottomSheetCloseTriggerBaseProps,
|
|
30
|
+
/**
|
|
31
|
+
* @vue-ignore
|
|
32
|
+
*/
|
|
33
|
+
HTMLAttributes {}
|
|
34
|
+
declare const _default$1: typeof __VLS_export$8;
|
|
35
|
+
declare const __VLS_export$8: __VLS_WithSlots$8<vue167.DefineComponent<BottomSheetCloseTriggerProps, {}, {}, {}, {}, vue167.ComponentOptionsMixin, vue167.ComponentOptionsMixin, {}, string, vue167.PublicProps, Readonly<BottomSheetCloseTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue167.ComponentProvideOptions, false, {}, any>, {
|
|
36
|
+
default?: (props: {}) => any;
|
|
37
|
+
}>;
|
|
38
|
+
type __VLS_WithSlots$8<T, S> = T & {
|
|
39
|
+
new (): {
|
|
40
|
+
$slots: S;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
//#endregion
|
|
44
|
+
//#region src/components/bottom-sheet/bottom-sheet-content.vue.d.ts
|
|
45
|
+
interface BottomSheetContentBaseProps extends PolymorphicProps, ContentProps {}
|
|
46
|
+
interface BottomSheetContentProps extends BottomSheetContentBaseProps,
|
|
47
|
+
/**
|
|
48
|
+
* @vue-ignore
|
|
49
|
+
*/
|
|
50
|
+
Omit<HTMLAttributes, 'draggable'> {}
|
|
51
|
+
declare const _default$2: typeof __VLS_export$7;
|
|
52
|
+
declare const __VLS_export$7: __VLS_WithSlots$7<vue167.DefineComponent<BottomSheetContentProps, {}, {}, {}, {}, vue167.ComponentOptionsMixin, vue167.ComponentOptionsMixin, {}, string, vue167.PublicProps, Readonly<BottomSheetContentProps> & Readonly<{}>, {
|
|
53
|
+
draggable: boolean;
|
|
54
|
+
}, {}, {}, {}, string, vue167.ComponentProvideOptions, false, {}, any>, {
|
|
55
|
+
default?: (props: {}) => any;
|
|
56
|
+
}>;
|
|
57
|
+
type __VLS_WithSlots$7<T, S> = T & {
|
|
58
|
+
new (): {
|
|
59
|
+
$slots: S;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
//#endregion
|
|
63
|
+
//#region src/components/bottom-sheet/bottom-sheet-types.d.ts
|
|
64
|
+
interface RootProps {
|
|
65
|
+
id?: string;
|
|
66
|
+
ids?: Partial<{
|
|
67
|
+
backdrop: string;
|
|
68
|
+
content: string;
|
|
69
|
+
trigger: string;
|
|
70
|
+
grabber: string;
|
|
71
|
+
grabberIndicator: string;
|
|
72
|
+
closeTrigger: string;
|
|
73
|
+
}>;
|
|
74
|
+
trapFocus?: boolean;
|
|
75
|
+
preventScroll?: boolean;
|
|
76
|
+
modal?: boolean;
|
|
77
|
+
initialFocusEl?: () => HTMLElement | null;
|
|
78
|
+
finalFocusEl?: () => HTMLElement | null;
|
|
79
|
+
restoreFocus?: boolean;
|
|
80
|
+
role?: 'dialog' | 'alertdialog';
|
|
81
|
+
open?: boolean;
|
|
82
|
+
defaultOpen?: boolean;
|
|
83
|
+
closeOnInteractOutside?: boolean;
|
|
84
|
+
closeOnEscape?: boolean;
|
|
85
|
+
snapPoints?: (number | string)[];
|
|
86
|
+
swipeVelocityThreshold?: number;
|
|
87
|
+
closeThreshold?: number;
|
|
88
|
+
preventDragOnScroll?: boolean;
|
|
89
|
+
activeSnapPoint?: number | string;
|
|
90
|
+
defaultActiveSnapPoint?: number | string;
|
|
91
|
+
}
|
|
92
|
+
type RootEmits = {
|
|
93
|
+
openChange: [details: bottomSheet.OpenChangeDetails];
|
|
94
|
+
activeSnapPointChange: [details: {
|
|
95
|
+
snapPoint: number | string;
|
|
96
|
+
}];
|
|
97
|
+
};
|
|
98
|
+
//#endregion
|
|
99
|
+
//#region src/components/bottom-sheet/use-bottom-sheet.d.ts
|
|
100
|
+
interface UseBottomSheetProps extends Optional<Omit<bottomSheet.Props, 'dir' | 'getRootNode'>, 'id'> {}
|
|
101
|
+
interface UseBottomSheetReturn extends ComputedRef<bottomSheet.Api<PropTypes>> {}
|
|
102
|
+
declare const useBottomSheet: (props?: MaybeRef<UseBottomSheetProps>, emit?: EmitFn$1<RootEmits>) => UseBottomSheetReturn;
|
|
103
|
+
//#endregion
|
|
104
|
+
//#region src/components/bottom-sheet/use-bottom-sheet-context.d.ts
|
|
105
|
+
interface UseBottomSheetContext extends UseBottomSheetReturn {}
|
|
106
|
+
//#endregion
|
|
107
|
+
//#region src/components/bottom-sheet/bottom-sheet-context.vue.d.ts
|
|
108
|
+
interface BottomSheetContextProps extends SlotsType<{
|
|
109
|
+
default: UnwrapRef<UseBottomSheetContext>;
|
|
110
|
+
}> {}
|
|
111
|
+
declare const _default$3: typeof __VLS_export$6;
|
|
112
|
+
declare const __VLS_export$6: __VLS_WithSlots$6<vue167.DefineComponent<{}, {}, {}, {}, {}, vue167.ComponentOptionsMixin, vue167.ComponentOptionsMixin, {}, string, vue167.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue167.ComponentProvideOptions, true, {}, any>, {
|
|
113
|
+
default(bottomSheet: UnwrapRef<UseBottomSheetContext>): unknown;
|
|
114
|
+
}>;
|
|
115
|
+
type __VLS_WithSlots$6<T, S> = T & {
|
|
116
|
+
new (): {
|
|
117
|
+
$slots: S;
|
|
118
|
+
};
|
|
119
|
+
};
|
|
120
|
+
//#endregion
|
|
121
|
+
//#region src/components/bottom-sheet/bottom-sheet-grabber.vue.d.ts
|
|
122
|
+
interface BottomSheetGrabberBaseProps extends PolymorphicProps {}
|
|
123
|
+
interface BottomSheetGrabberProps extends BottomSheetGrabberBaseProps,
|
|
124
|
+
/**
|
|
125
|
+
* @vue-ignore
|
|
126
|
+
*/
|
|
127
|
+
HTMLAttributes {}
|
|
128
|
+
declare const _default$4: typeof __VLS_export$5;
|
|
129
|
+
declare const __VLS_export$5: __VLS_WithSlots$5<vue167.DefineComponent<BottomSheetGrabberProps, {}, {}, {}, {}, vue167.ComponentOptionsMixin, vue167.ComponentOptionsMixin, {}, string, vue167.PublicProps, Readonly<BottomSheetGrabberProps> & Readonly<{}>, {}, {}, {}, {}, string, vue167.ComponentProvideOptions, false, {}, any>, {
|
|
130
|
+
default?: (props: {}) => any;
|
|
131
|
+
}>;
|
|
132
|
+
type __VLS_WithSlots$5<T, S> = T & {
|
|
133
|
+
new (): {
|
|
134
|
+
$slots: S;
|
|
135
|
+
};
|
|
136
|
+
};
|
|
137
|
+
//#endregion
|
|
138
|
+
//#region src/components/bottom-sheet/bottom-sheet-grabber-indicator.vue.d.ts
|
|
139
|
+
interface BottomSheetGrabberIndicatorBaseProps extends PolymorphicProps {}
|
|
140
|
+
interface BottomSheetGrabberIndicatorProps extends BottomSheetGrabberIndicatorBaseProps,
|
|
141
|
+
/**
|
|
142
|
+
* @vue-ignore
|
|
143
|
+
*/
|
|
144
|
+
HTMLAttributes {}
|
|
145
|
+
declare const _default$5: typeof __VLS_export$4;
|
|
146
|
+
declare const __VLS_export$4: __VLS_WithSlots$4<vue167.DefineComponent<BottomSheetGrabberIndicatorProps, {}, {}, {}, {}, vue167.ComponentOptionsMixin, vue167.ComponentOptionsMixin, {}, string, vue167.PublicProps, Readonly<BottomSheetGrabberIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue167.ComponentProvideOptions, false, {}, any>, {
|
|
147
|
+
default?: (props: {}) => any;
|
|
148
|
+
}>;
|
|
149
|
+
type __VLS_WithSlots$4<T, S> = T & {
|
|
150
|
+
new (): {
|
|
151
|
+
$slots: S;
|
|
152
|
+
};
|
|
153
|
+
};
|
|
154
|
+
//#endregion
|
|
155
|
+
//#region src/components/bottom-sheet/bottom-sheet-root.vue.d.ts
|
|
156
|
+
interface BottomSheetRootBaseProps extends RootProps, RenderStrategyProps {}
|
|
157
|
+
interface BottomSheetRootProps extends BottomSheetRootBaseProps {}
|
|
158
|
+
declare const _default$6: typeof __VLS_export$3;
|
|
159
|
+
declare const __VLS_export$3: __VLS_WithSlots$3<vue167.DefineComponent<BottomSheetRootProps, {}, {}, {}, {}, vue167.ComponentOptionsMixin, vue167.ComponentOptionsMixin, {
|
|
160
|
+
openChange: (details: bottomSheet.OpenChangeDetails) => any;
|
|
161
|
+
activeSnapPointChange: (details: {
|
|
162
|
+
snapPoint: number | string;
|
|
163
|
+
}) => any;
|
|
164
|
+
}, string, vue167.PublicProps, Readonly<BottomSheetRootProps> & Readonly<{
|
|
165
|
+
onOpenChange?: ((details: bottomSheet.OpenChangeDetails) => any) | undefined;
|
|
166
|
+
onActiveSnapPointChange?: ((details: {
|
|
167
|
+
snapPoint: number | string;
|
|
168
|
+
}) => any) | undefined;
|
|
169
|
+
}>, {
|
|
170
|
+
open: boolean;
|
|
171
|
+
trapFocus: boolean;
|
|
172
|
+
preventScroll: boolean;
|
|
173
|
+
modal: boolean;
|
|
174
|
+
restoreFocus: boolean;
|
|
175
|
+
defaultOpen: boolean;
|
|
176
|
+
closeOnInteractOutside: boolean;
|
|
177
|
+
closeOnEscape: boolean;
|
|
178
|
+
preventDragOnScroll: boolean;
|
|
179
|
+
}, {}, {}, {}, string, vue167.ComponentProvideOptions, false, {}, any>, {
|
|
180
|
+
default?: (props: {}) => any;
|
|
181
|
+
}>;
|
|
182
|
+
type __VLS_WithSlots$3<T, S> = T & {
|
|
183
|
+
new (): {
|
|
184
|
+
$slots: S;
|
|
185
|
+
};
|
|
186
|
+
};
|
|
187
|
+
//#endregion
|
|
188
|
+
//#region src/components/bottom-sheet/bottom-sheet-root-provider.vue.d.ts
|
|
189
|
+
interface RootProviderProps {
|
|
190
|
+
value: UnwrapRef<UseBottomSheetReturn>;
|
|
191
|
+
}
|
|
192
|
+
interface BottomSheetRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {}
|
|
193
|
+
interface BottomSheetRootProviderProps extends BottomSheetRootProviderBaseProps {}
|
|
194
|
+
declare const _default$7: typeof __VLS_export$2;
|
|
195
|
+
declare const __VLS_export$2: __VLS_WithSlots$2<vue167.DefineComponent<BottomSheetRootProviderProps, {}, {}, {}, {}, vue167.ComponentOptionsMixin, vue167.ComponentOptionsMixin, {}, string, vue167.PublicProps, Readonly<BottomSheetRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue167.ComponentProvideOptions, false, {}, any>, {
|
|
196
|
+
default?: (props: {}) => any;
|
|
197
|
+
}>;
|
|
198
|
+
type __VLS_WithSlots$2<T, S> = T & {
|
|
199
|
+
new (): {
|
|
200
|
+
$slots: S;
|
|
201
|
+
};
|
|
202
|
+
};
|
|
203
|
+
//#endregion
|
|
204
|
+
//#region src/components/bottom-sheet/bottom-sheet-title.vue.d.ts
|
|
205
|
+
interface BottomSheetTitleBaseProps extends PolymorphicProps {}
|
|
206
|
+
interface BottomSheetTitleProps extends BottomSheetTitleBaseProps,
|
|
207
|
+
/**
|
|
208
|
+
* @vue-ignore
|
|
209
|
+
*/
|
|
210
|
+
HTMLAttributes {}
|
|
211
|
+
declare const _default$8: typeof __VLS_export$1;
|
|
212
|
+
declare const __VLS_export$1: __VLS_WithSlots$1<vue167.DefineComponent<BottomSheetTitleProps, {}, {}, {}, {}, vue167.ComponentOptionsMixin, vue167.ComponentOptionsMixin, {}, string, vue167.PublicProps, Readonly<BottomSheetTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue167.ComponentProvideOptions, false, {}, any>, {
|
|
213
|
+
default?: (props: {}) => any;
|
|
214
|
+
}>;
|
|
215
|
+
type __VLS_WithSlots$1<T, S> = T & {
|
|
216
|
+
new (): {
|
|
217
|
+
$slots: S;
|
|
218
|
+
};
|
|
219
|
+
};
|
|
220
|
+
//#endregion
|
|
221
|
+
//#region src/components/bottom-sheet/bottom-sheet-trigger.vue.d.ts
|
|
222
|
+
interface BottomSheetTriggerBaseProps extends PolymorphicProps {}
|
|
223
|
+
interface BottomSheetTriggerProps extends BottomSheetTriggerBaseProps,
|
|
224
|
+
/**
|
|
225
|
+
* @vue-ignore
|
|
226
|
+
*/
|
|
227
|
+
HTMLAttributes {}
|
|
228
|
+
declare const _default$9: typeof __VLS_export;
|
|
229
|
+
declare const __VLS_export: __VLS_WithSlots<vue167.DefineComponent<BottomSheetTriggerProps, {}, {}, {}, {}, vue167.ComponentOptionsMixin, vue167.ComponentOptionsMixin, {}, string, vue167.PublicProps, Readonly<BottomSheetTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue167.ComponentProvideOptions, false, {}, any>, {
|
|
230
|
+
default?: (props: {}) => any;
|
|
231
|
+
}>;
|
|
232
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
233
|
+
new (): {
|
|
234
|
+
$slots: S;
|
|
235
|
+
};
|
|
236
|
+
};
|
|
237
|
+
declare namespace bottom_sheet_d_exports {
|
|
238
|
+
export { _default as Backdrop, BottomSheetBackdropBaseProps as BackdropBaseProps, BottomSheetBackdropProps as BackdropProps, _default$1 as CloseTrigger, BottomSheetCloseTriggerBaseProps as CloseTriggerBaseProps, BottomSheetCloseTriggerProps as CloseTriggerProps, _default$2 as Content, BottomSheetContentBaseProps as ContentBaseProps, BottomSheetContentProps as ContentProps, _default$3 as Context, BottomSheetContextProps as ContextProps, _default$4 as Grabber, BottomSheetGrabberBaseProps as GrabberBaseProps, _default$5 as GrabberIndicator, BottomSheetGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, BottomSheetGrabberIndicatorProps as GrabberIndicatorProps, BottomSheetGrabberProps as GrabberProps, OpenChangeDetails, _default$6 as Root, BottomSheetRootBaseProps as RootBaseProps, BottomSheetRootProps as RootProps, _default$7 as RootProvider, BottomSheetRootProviderBaseProps as RootProviderBaseProps, BottomSheetRootProviderProps as RootProviderProps, _default$8 as Title, BottomSheetTitleBaseProps as TitleBaseProps, BottomSheetTitleProps as TitleProps, _default$9 as Trigger, BottomSheetTriggerBaseProps as TriggerBaseProps, BottomSheetTriggerProps as TriggerProps };
|
|
239
|
+
}
|
|
240
|
+
//#endregion
|
|
241
|
+
export { bottom_sheet_d_exports as BottomSheet, _default as BottomSheetBackdrop, type BottomSheetBackdropBaseProps, type BottomSheetBackdropProps, _default$1 as BottomSheetCloseTrigger, type BottomSheetCloseTriggerBaseProps, type BottomSheetCloseTriggerProps, _default$2 as BottomSheetContent, type BottomSheetContentBaseProps, type BottomSheetContentProps, _default$3 as BottomSheetContext, type BottomSheetContextProps, _default$4 as BottomSheetGrabber, type BottomSheetGrabberBaseProps, _default$5 as BottomSheetGrabberIndicator, type BottomSheetGrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps, type BottomSheetGrabberProps, type BottomSheetOpenChangeDetails, _default$6 as BottomSheetRoot, type BottomSheetRootBaseProps, type BottomSheetRootProps, _default$7 as BottomSheetRootProvider, type BottomSheetRootProviderBaseProps, type BottomSheetRootProviderProps, _default$8 as BottomSheetTitle, type BottomSheetTitleBaseProps, type BottomSheetTitleProps, _default$9 as BottomSheetTrigger, type BottomSheetTriggerBaseProps, type BottomSheetTriggerProps, type UseBottomSheetContext, type UseBottomSheetProps, type UseBottomSheetReturn, bottomSheetAnatomy, useBottomSheet, useBottomSheetContext };
|