@sprawlify/vue 0.0.66 → 0.0.70
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/{collapsible-BBV8R9Wm.js → collapsible-D1Mx4C0H.js} +4 -3
- package/dist/components/accordion/index.d.ts +18 -18
- package/dist/components/accordion/index.js +7 -6
- package/dist/components/angle-slider/index.d.ts +17 -17
- package/dist/components/angle-slider/index.js +4 -3
- package/dist/components/avatar/index.d.ts +11 -11
- package/dist/components/avatar/index.js +4 -3
- package/dist/components/bottom-sheet/index.d.ts +19 -19
- package/dist/components/bottom-sheet/index.js +7 -6
- package/dist/components/carousel/index.d.ts +25 -25
- package/dist/components/carousel/index.js +4 -3
- package/dist/components/checkbox/index.d.ts +24 -24
- package/dist/components/checkbox/index.js +6 -5
- package/dist/components/client-only/index.d.ts +2 -2
- package/dist/components/clipboard/index.d.ts +17 -17
- package/dist/components/clipboard/index.js +4 -3
- package/dist/components/collapsible/index.d.ts +16 -16
- package/dist/components/collapsible/index.js +5 -4
- package/dist/components/collection/index.d.ts +1 -1
- package/dist/components/collection/index.js +1 -1
- package/dist/components/color-picker/index.d.ts +610 -0
- package/dist/components/color-picker/index.js +1128 -0
- package/dist/components/combobox/index.d.ts +618 -0
- package/dist/components/combobox/index.js +803 -0
- package/dist/components/date-picker/index.d.ts +597 -0
- package/dist/components/date-picker/index.js +1111 -0
- package/dist/components/dialog/index.d.ts +270 -0
- package/dist/components/dialog/index.js +434 -0
- package/dist/components/download-trigger/index.d.ts +29 -0
- package/dist/components/download-trigger/index.js +69 -0
- package/dist/components/editable/index.d.ts +288 -0
- package/dist/components/editable/index.js +460 -0
- package/dist/components/field/index.d.ts +26 -26
- package/dist/components/field/index.js +5 -4
- package/dist/components/fieldset/index.d.ts +13 -13
- package/dist/components/fieldset/index.js +5 -4
- package/dist/components/file-upload/index.d.ts +329 -0
- package/dist/components/file-upload/index.js +597 -0
- package/dist/components/floating-panel/index.d.ts +326 -0
- package/dist/components/floating-panel/index.js +568 -0
- package/dist/components/focus-trap/index.d.ts +48 -0
- package/dist/components/focus-trap/index.js +96 -0
- package/dist/components/format/index.d.ts +40 -0
- package/dist/components/format/index.js +148 -0
- package/dist/components/frame/index.d.ts +39 -0
- package/dist/components/frame/index.js +111 -0
- package/dist/components/highlight/index.d.ts +35 -0
- package/dist/components/highlight/index.js +57 -0
- package/dist/components/hover-card/index.d.ts +200 -0
- package/dist/components/hover-card/index.js +335 -0
- package/dist/components/image-cropper/index.d.ts +211 -0
- package/dist/components/image-cropper/index.js +381 -0
- package/dist/components/json-tree-view/index.d.ts +91 -0
- package/dist/components/json-tree-view/index.js +490 -0
- package/dist/components/listbox/index.d.ts +325 -0
- package/dist/components/listbox/index.js +533 -0
- package/dist/components/marquee/index.d.ts +268 -0
- package/dist/components/marquee/index.js +340 -0
- package/dist/components/menu/index.d.ts +498 -0
- package/dist/components/menu/index.js +886 -0
- package/dist/components/navigation-menu/index.d.ts +272 -0
- package/dist/components/navigation-menu/index.js +559 -0
- package/dist/components/number-input/index.d.ts +253 -0
- package/dist/components/number-input/index.js +427 -0
- package/dist/components/pagination/index.d.ts +211 -0
- package/dist/components/pagination/index.js +346 -0
- package/dist/components/password-input/index.d.ts +213 -0
- package/dist/components/password-input/index.js +325 -0
- package/dist/components/pin-input/index.d.ts +198 -0
- package/dist/components/pin-input/index.js +346 -0
- package/dist/components/popover/index.d.ts +318 -0
- package/dist/components/popover/index.js +486 -0
- package/dist/components/presence/index.d.ts +2 -2
- package/dist/components/presence/index.js +4 -3
- package/dist/components/select/index.d.ts +36 -35
- package/dist/components/select/index.js +8 -7
- package/dist/components/tree-view/index.d.ts +6 -0
- package/dist/components/tree-view/index.js +11 -0
- package/dist/create-context-Ds1GbsVc.js +16 -0
- package/dist/{field-DnHnX3Tf.js → field-CtPR24u6.js} +4 -3
- package/dist/{fieldset-DzhN7Zrg.js → fieldset-D5SznrKY.js} +4 -3
- package/dist/index-ByYmM8LZ.d.ts +447 -0
- package/dist/{index-rHf4D8np.d.ts → index-Cjk1WhUx.d.ts} +11 -11
- package/dist/index-D0_ID5xv.d.ts +91 -0
- package/dist/index.d.ts +4 -93
- package/dist/index.js +3 -2
- package/dist/{presence-CvUnYMZQ.js → presence-BK6rPXK7.js} +3 -2
- package/dist/{providers-B2CNPFg1.js → providers-DNBWT-O_.js} +1 -1
- package/dist/tree-view-CzfDgztL.js +737 -0
- package/dist/{use-forward-expose-4p5AGAI3.js → use-forward-expose-CCAmHTUB.js} +2 -15
- package/dist/{use-render-strategy-BkxoN6ll.js → use-render-strategy-DMa_QmB6.js} +1 -1
- package/package.json +102 -2
- /package/dist/{collection-DR2kMzrX.js → collection-DiwGNCAy.js} +0 -0
- /package/dist/{create-split-props-YZ3qgXe_.js → create-split-props-BDJ_VWs3.js} +0 -0
- /package/dist/{factory-BH3WrWd2.js → factory-Co08Aw8u.js} +0 -0
- /package/dist/{factory-D_ge_w76.d.ts → factory-Dg6Whljf.d.ts} +0 -0
- /package/dist/{index-B66Om_3U.d.ts → index-DI09ccnU.d.ts} +0 -0
- /package/dist/{index-DqRk-Yea.d.ts → index-ECeveDvH.d.ts} +0 -0
- /package/dist/{presence-types-Bv1E60Cw.d.ts → presence-types-BaQ7PILD.d.ts} +0 -0
- /package/dist/{types-Bj-dS2Hc.d.ts → types-BkS9kMJ5.d.ts} +0 -0
- /package/dist/{use-render-strategy-CHj_pCfT.d.ts → use-render-strategy-bdLKqL57.d.ts} +0 -0
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
import { t as PolymorphicProps } from "../../factory-Dg6Whljf.js";
|
|
2
|
+
import { t as RootEmits$1 } from "../../presence-types-BaQ7PILD.js";
|
|
3
|
+
import { a as Optional, r as EmitFn$1 } from "../../types-BkS9kMJ5.js";
|
|
4
|
+
import { r as PropTypes } from "../../index-DI09ccnU.js";
|
|
5
|
+
import { t as RenderStrategyProps } from "../../use-render-strategy-bdLKqL57.js";
|
|
6
|
+
import * as vue1871 from "vue";
|
|
7
|
+
import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
|
|
8
|
+
import * as _sprawlify_primitives_machines_bottom_sheet43 from "@sprawlify/primitives/machines/bottom-sheet";
|
|
9
|
+
import * as hoverCard from "@sprawlify/primitives/machines/hover-card";
|
|
10
|
+
import { FocusOutsideEvent, FocusOutsideEvent as HoverCardFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as HoverCardInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as HoverCardOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as HoverCardPointerDownOutsideEvent, anatomy as hoverCardAnatomy } from "@sprawlify/primitives/machines/hover-card";
|
|
11
|
+
|
|
12
|
+
//#region src/components/hover-card/hover-card-arrow-tip.vue.d.ts
|
|
13
|
+
interface HoverCardArrowTipBaseProps extends PolymorphicProps {}
|
|
14
|
+
interface HoverCardArrowTipProps extends HoverCardArrowTipBaseProps,
|
|
15
|
+
/**
|
|
16
|
+
* @vue-ignore
|
|
17
|
+
*/
|
|
18
|
+
HTMLAttributes {}
|
|
19
|
+
declare const _default$1: typeof __VLS_export$7;
|
|
20
|
+
declare const __VLS_export$7: __VLS_WithSlots$7<vue1871.DefineComponent<HoverCardArrowTipProps, {}, {}, {}, {}, vue1871.ComponentOptionsMixin, vue1871.ComponentOptionsMixin, {}, string, vue1871.PublicProps, Readonly<HoverCardArrowTipProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1871.ComponentProvideOptions, false, {}, any>, {
|
|
21
|
+
default?: (props: {}) => any;
|
|
22
|
+
}>;
|
|
23
|
+
type __VLS_WithSlots$7<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/hover-card/hover-card-arrow.vue.d.ts
|
|
30
|
+
interface HoverCardArrowBaseProps extends PolymorphicProps {}
|
|
31
|
+
interface HoverCardArrowProps extends HoverCardArrowBaseProps,
|
|
32
|
+
/**
|
|
33
|
+
* @vue-ignore
|
|
34
|
+
*/
|
|
35
|
+
HTMLAttributes {}
|
|
36
|
+
declare const _default: typeof __VLS_export$6;
|
|
37
|
+
declare const __VLS_export$6: __VLS_WithSlots$6<vue1871.DefineComponent<HoverCardArrowProps, {}, {}, {}, {}, vue1871.ComponentOptionsMixin, vue1871.ComponentOptionsMixin, {}, string, vue1871.PublicProps, Readonly<HoverCardArrowProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1871.ComponentProvideOptions, false, {}, any>, {
|
|
38
|
+
default?: (props: {}) => any;
|
|
39
|
+
}>;
|
|
40
|
+
type __VLS_WithSlots$6<T, S> = T & {
|
|
41
|
+
new (): {
|
|
42
|
+
$slots: S;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
//#endregion
|
|
46
|
+
//#region src/components/hover-card/hover-card-content.vue.d.ts
|
|
47
|
+
interface HoverCardContentBaseProps extends PolymorphicProps {}
|
|
48
|
+
interface HoverCardContentProps extends HoverCardContentBaseProps,
|
|
49
|
+
/**
|
|
50
|
+
* @vue-ignore
|
|
51
|
+
*/
|
|
52
|
+
HTMLAttributes {}
|
|
53
|
+
declare const _default$2: typeof __VLS_export$5;
|
|
54
|
+
declare const __VLS_export$5: __VLS_WithSlots$5<vue1871.DefineComponent<HoverCardContentProps, {}, {}, {}, {}, vue1871.ComponentOptionsMixin, vue1871.ComponentOptionsMixin, {}, string, vue1871.PublicProps, Readonly<HoverCardContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1871.ComponentProvideOptions, false, {}, any>, {
|
|
55
|
+
default?: (props: {}) => any;
|
|
56
|
+
}>;
|
|
57
|
+
type __VLS_WithSlots$5<T, S> = T & {
|
|
58
|
+
new (): {
|
|
59
|
+
$slots: S;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
//#endregion
|
|
63
|
+
//#region src/components/hover-card/hover-card-types.d.ts
|
|
64
|
+
interface RootProps {
|
|
65
|
+
closeDelay?: number;
|
|
66
|
+
defaultOpen?: boolean;
|
|
67
|
+
disabled?: boolean;
|
|
68
|
+
id?: string;
|
|
69
|
+
ids?: Partial<{
|
|
70
|
+
trigger: string;
|
|
71
|
+
content: string;
|
|
72
|
+
positioner: string;
|
|
73
|
+
arrow: string;
|
|
74
|
+
}>;
|
|
75
|
+
open?: boolean;
|
|
76
|
+
openDelay?: number;
|
|
77
|
+
positioning?: hoverCard.PositioningOptions;
|
|
78
|
+
}
|
|
79
|
+
type RootEmits = {
|
|
80
|
+
exitComplete: [];
|
|
81
|
+
focusOutside: [event: hoverCard.FocusOutsideEvent];
|
|
82
|
+
interactOutside: [event: hoverCard.InteractOutsideEvent];
|
|
83
|
+
openChange: [details: hoverCard.OpenChangeDetails];
|
|
84
|
+
pointerDownOutside: [event: hoverCard.PointerDownOutsideEvent];
|
|
85
|
+
'update:open': [open: boolean];
|
|
86
|
+
};
|
|
87
|
+
//#endregion
|
|
88
|
+
//#region src/components/hover-card/use-hover-card.d.ts
|
|
89
|
+
interface UseHoverCardProps extends Optional<Omit<hoverCard.Props, 'dir' | 'getRootNode'>, 'id'> {}
|
|
90
|
+
interface UseHoverCardReturn extends ComputedRef<hoverCard.Api<PropTypes>> {}
|
|
91
|
+
declare const useHoverCard: (props?: MaybeRef<UseHoverCardProps>, emit?: EmitFn$1<RootEmits>) => UseHoverCardReturn;
|
|
92
|
+
//#endregion
|
|
93
|
+
//#region src/components/hover-card/use-hover-card-context.d.ts
|
|
94
|
+
interface UseHoverCardContext extends UseHoverCardReturn {}
|
|
95
|
+
//#endregion
|
|
96
|
+
//#region src/components/hover-card/hover-card-context.vue.d.ts
|
|
97
|
+
interface HoverCardContextProps extends SlotsType<{
|
|
98
|
+
default: UnwrapRef<UseHoverCardContext>;
|
|
99
|
+
}> {}
|
|
100
|
+
declare const _default$3: typeof __VLS_export$4;
|
|
101
|
+
declare const __VLS_export$4: __VLS_WithSlots$4<vue1871.DefineComponent<{}, {}, {}, {}, {}, vue1871.ComponentOptionsMixin, vue1871.ComponentOptionsMixin, {}, string, vue1871.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue1871.ComponentProvideOptions, true, {}, any>, {
|
|
102
|
+
default(hoverCard: UnwrapRef<UseHoverCardContext>): unknown;
|
|
103
|
+
}>;
|
|
104
|
+
type __VLS_WithSlots$4<T, S> = T & {
|
|
105
|
+
new (): {
|
|
106
|
+
$slots: S;
|
|
107
|
+
};
|
|
108
|
+
};
|
|
109
|
+
//#endregion
|
|
110
|
+
//#region src/components/hover-card/hover-card-positioner.vue.d.ts
|
|
111
|
+
interface HoverCardPositionerBaseProps extends PolymorphicProps {}
|
|
112
|
+
interface HoverCardPositionerProps extends HoverCardPositionerBaseProps,
|
|
113
|
+
/**
|
|
114
|
+
* @vue-ignore
|
|
115
|
+
*/
|
|
116
|
+
HTMLAttributes {}
|
|
117
|
+
declare const _default$4: typeof __VLS_export$3;
|
|
118
|
+
declare const __VLS_export$3: __VLS_WithSlots$3<vue1871.DefineComponent<HoverCardPositionerProps, {}, {}, {}, {}, vue1871.ComponentOptionsMixin, vue1871.ComponentOptionsMixin, {}, string, vue1871.PublicProps, Readonly<HoverCardPositionerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1871.ComponentProvideOptions, false, {}, any>, {
|
|
119
|
+
default?: (props: {}) => any;
|
|
120
|
+
}>;
|
|
121
|
+
type __VLS_WithSlots$3<T, S> = T & {
|
|
122
|
+
new (): {
|
|
123
|
+
$slots: S;
|
|
124
|
+
};
|
|
125
|
+
};
|
|
126
|
+
//#endregion
|
|
127
|
+
//#region src/components/hover-card/hover-card-root-provider.vue.d.ts
|
|
128
|
+
interface RootProviderProps {
|
|
129
|
+
value: UnwrapRef<UseHoverCardReturn>;
|
|
130
|
+
}
|
|
131
|
+
interface HoverCardRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {}
|
|
132
|
+
interface HoverCardRootProviderProps extends HoverCardRootProviderBaseProps {}
|
|
133
|
+
interface HoverCardRootProviderEmits extends RootEmits$1 {}
|
|
134
|
+
declare const _default$6: typeof __VLS_export$2;
|
|
135
|
+
declare const __VLS_export$2: __VLS_WithSlots$2<vue1871.DefineComponent<HoverCardRootProviderProps, {}, {}, {}, {}, vue1871.ComponentOptionsMixin, vue1871.ComponentOptionsMixin, {
|
|
136
|
+
exitComplete: () => any;
|
|
137
|
+
}, string, vue1871.PublicProps, Readonly<HoverCardRootProviderProps> & Readonly<{
|
|
138
|
+
onExitComplete?: (() => any) | undefined;
|
|
139
|
+
}>, {}, {}, {}, {}, string, vue1871.ComponentProvideOptions, false, {}, any>, {
|
|
140
|
+
default?: (props: {}) => any;
|
|
141
|
+
}>;
|
|
142
|
+
type __VLS_WithSlots$2<T, S> = T & {
|
|
143
|
+
new (): {
|
|
144
|
+
$slots: S;
|
|
145
|
+
};
|
|
146
|
+
};
|
|
147
|
+
//#endregion
|
|
148
|
+
//#region src/components/hover-card/hover-card-root.vue.d.ts
|
|
149
|
+
interface HoverCardRootBaseProps extends RootProps, RenderStrategyProps {}
|
|
150
|
+
interface HoverCardRootProps extends HoverCardRootBaseProps {}
|
|
151
|
+
interface HoverCardRootEmits extends RootEmits {}
|
|
152
|
+
declare const _default$5: typeof __VLS_export$1;
|
|
153
|
+
declare const __VLS_export$1: __VLS_WithSlots$1<vue1871.DefineComponent<HoverCardRootProps, {}, {}, {}, {}, vue1871.ComponentOptionsMixin, vue1871.ComponentOptionsMixin, {
|
|
154
|
+
openChange: (details: hoverCard.OpenChangeDetails) => any;
|
|
155
|
+
exitComplete: () => any;
|
|
156
|
+
"update:open": (open: boolean) => any;
|
|
157
|
+
focusOutside: (event: _sprawlify_primitives_machines_bottom_sheet43.FocusOutsideEvent) => any;
|
|
158
|
+
interactOutside: (event: _sprawlify_primitives_machines_bottom_sheet43.InteractOutsideEvent) => any;
|
|
159
|
+
pointerDownOutside: (event: _sprawlify_primitives_machines_bottom_sheet43.PointerDownOutsideEvent) => any;
|
|
160
|
+
}, string, vue1871.PublicProps, Readonly<HoverCardRootProps> & Readonly<{
|
|
161
|
+
onOpenChange?: ((details: hoverCard.OpenChangeDetails) => any) | undefined;
|
|
162
|
+
onExitComplete?: (() => any) | undefined;
|
|
163
|
+
"onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
164
|
+
onFocusOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet43.FocusOutsideEvent) => any) | undefined;
|
|
165
|
+
onInteractOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet43.InteractOutsideEvent) => any) | undefined;
|
|
166
|
+
onPointerDownOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet43.PointerDownOutsideEvent) => any) | undefined;
|
|
167
|
+
}>, {
|
|
168
|
+
disabled: boolean;
|
|
169
|
+
open: boolean;
|
|
170
|
+
defaultOpen: boolean;
|
|
171
|
+
}, {}, {}, {}, string, vue1871.ComponentProvideOptions, false, {}, any>, {
|
|
172
|
+
default?: (props: {}) => any;
|
|
173
|
+
}>;
|
|
174
|
+
type __VLS_WithSlots$1<T, S> = T & {
|
|
175
|
+
new (): {
|
|
176
|
+
$slots: S;
|
|
177
|
+
};
|
|
178
|
+
};
|
|
179
|
+
//#endregion
|
|
180
|
+
//#region src/components/hover-card/hover-card-trigger.vue.d.ts
|
|
181
|
+
interface HoverCardTriggerBaseProps extends PolymorphicProps {}
|
|
182
|
+
interface HoverCardTriggerProps extends HoverCardTriggerBaseProps,
|
|
183
|
+
/**
|
|
184
|
+
* @vue-ignore
|
|
185
|
+
*/
|
|
186
|
+
ButtonHTMLAttributes {}
|
|
187
|
+
declare const _default$7: typeof __VLS_export;
|
|
188
|
+
declare const __VLS_export: __VLS_WithSlots<vue1871.DefineComponent<HoverCardTriggerProps, {}, {}, {}, {}, vue1871.ComponentOptionsMixin, vue1871.ComponentOptionsMixin, {}, string, vue1871.PublicProps, Readonly<HoverCardTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1871.ComponentProvideOptions, false, {}, any>, {
|
|
189
|
+
default?: (props: {}) => any;
|
|
190
|
+
}>;
|
|
191
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
192
|
+
new (): {
|
|
193
|
+
$slots: S;
|
|
194
|
+
};
|
|
195
|
+
};
|
|
196
|
+
declare namespace hover_card_d_exports {
|
|
197
|
+
export { _default as Arrow, HoverCardArrowBaseProps as ArrowBaseProps, HoverCardArrowProps as ArrowProps, _default$1 as ArrowTip, HoverCardArrowTipBaseProps as ArrowTipBaseProps, HoverCardArrowTipProps as ArrowTipProps, _default$2 as Content, HoverCardContentBaseProps as ContentBaseProps, HoverCardContentProps as ContentProps, _default$3 as Context, HoverCardContextProps as ContextProps, FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, _default$4 as Positioner, HoverCardPositionerBaseProps as PositionerBaseProps, HoverCardPositionerProps as PositionerProps, _default$5 as Root, HoverCardRootBaseProps as RootBaseProps, HoverCardRootEmits as RootEmits, HoverCardRootProps as RootProps, _default$6 as RootProvider, HoverCardRootProviderBaseProps as RootProviderBaseProps, HoverCardRootProviderProps as RootProviderProps, _default$7 as Trigger, HoverCardTriggerBaseProps as TriggerBaseProps, HoverCardTriggerProps as TriggerProps };
|
|
198
|
+
}
|
|
199
|
+
//#endregion
|
|
200
|
+
export { hover_card_d_exports as HoverCard, _default as HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps, _default$1 as HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps, _default$2 as HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps, _default$3 as HoverCardContext, type HoverCardContextProps, type HoverCardFocusOutsideEvent, type HoverCardInteractOutsideEvent, type HoverCardOpenChangeDetails, type HoverCardPointerDownOutsideEvent, _default$4 as HoverCardPositioner, type HoverCardPositionerBaseProps, type HoverCardPositionerProps, _default$5 as HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootEmits, type HoverCardRootProps, _default$6 as HoverCardRootProvider, type HoverCardRootProviderBaseProps, type HoverCardRootProviderEmits, type HoverCardRootProviderProps, _default$7 as HoverCardTrigger, type HoverCardTriggerBaseProps, type HoverCardTriggerProps, type UseHoverCardContext, type UseHoverCardProps, type UseHoverCardReturn, hoverCardAnatomy, useHoverCard, useHoverCardContext };
|
|
@@ -0,0 +1,335 @@
|
|
|
1
|
+
import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
|
|
2
|
+
import { n as useMachine, r as normalizeProps$1, t as mergeProps$1 } from "../../core-DNndr38p.js";
|
|
3
|
+
import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-DNBWT-O_.js";
|
|
4
|
+
import { t as createContext } from "../../create-context-Ds1GbsVc.js";
|
|
5
|
+
import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
|
|
6
|
+
import { t as sprawlify } from "../../factory-Co08Aw8u.js";
|
|
7
|
+
import { t as cleanProps } from "../../clean-props-ChPEW0vT.js";
|
|
8
|
+
import { t as RenderStrategyPropsProvider } from "../../use-render-strategy-DMa_QmB6.js";
|
|
9
|
+
import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-BK6rPXK7.js";
|
|
10
|
+
import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
|
|
11
|
+
import * as hoverCard from "@sprawlify/primitives/machines/hover-card";
|
|
12
|
+
import { anatomy as hoverCardAnatomy } from "@sprawlify/primitives/machines/hover-card";
|
|
13
|
+
|
|
14
|
+
//#region src/components/hover-card/use-hover-card-context.ts
|
|
15
|
+
const [HoverCardProvider, useHoverCardContext] = createContext("HoverCardContext");
|
|
16
|
+
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/hover-card/hover-card-arrow-tip.vue?vue&type=script&setup=true&lang.ts
|
|
19
|
+
var hover_card_arrow_tip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
20
|
+
__name: "hover-card-arrow-tip",
|
|
21
|
+
props: { asChild: {
|
|
22
|
+
type: Boolean,
|
|
23
|
+
required: false
|
|
24
|
+
} },
|
|
25
|
+
setup(__props) {
|
|
26
|
+
const hoverCard = useHoverCardContext();
|
|
27
|
+
useForwardExpose();
|
|
28
|
+
return (_ctx, _cache) => {
|
|
29
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(hoverCard).getArrowTipProps(), { "as-child": __props.asChild }), {
|
|
30
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
31
|
+
_: 3
|
|
32
|
+
}, 16, ["as-child"]);
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
//#endregion
|
|
38
|
+
//#region src/components/hover-card/hover-card-arrow-tip.vue
|
|
39
|
+
var hover_card_arrow_tip_default = hover_card_arrow_tip_vue_vue_type_script_setup_true_lang_default;
|
|
40
|
+
|
|
41
|
+
//#endregion
|
|
42
|
+
//#region src/components/hover-card/hover-card-arrow.vue?vue&type=script&setup=true&lang.ts
|
|
43
|
+
var hover_card_arrow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
44
|
+
__name: "hover-card-arrow",
|
|
45
|
+
props: { asChild: {
|
|
46
|
+
type: Boolean,
|
|
47
|
+
required: false
|
|
48
|
+
} },
|
|
49
|
+
setup(__props) {
|
|
50
|
+
const hoverCard = useHoverCardContext();
|
|
51
|
+
useForwardExpose();
|
|
52
|
+
return (_ctx, _cache) => {
|
|
53
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(hoverCard).getArrowProps(), { "as-child": __props.asChild }), {
|
|
54
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
55
|
+
_: 3
|
|
56
|
+
}, 16, ["as-child"]);
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
|
|
61
|
+
//#endregion
|
|
62
|
+
//#region src/components/hover-card/hover-card-arrow.vue
|
|
63
|
+
var hover_card_arrow_default = hover_card_arrow_vue_vue_type_script_setup_true_lang_default;
|
|
64
|
+
|
|
65
|
+
//#endregion
|
|
66
|
+
//#region src/components/hover-card/hover-card-content.vue?vue&type=script&setup=true&lang.ts
|
|
67
|
+
var hover_card_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
68
|
+
__name: "hover-card-content",
|
|
69
|
+
props: { asChild: {
|
|
70
|
+
type: Boolean,
|
|
71
|
+
required: false
|
|
72
|
+
} },
|
|
73
|
+
setup(__props) {
|
|
74
|
+
const hoverCard = useHoverCardContext();
|
|
75
|
+
const presence = usePresenceContext();
|
|
76
|
+
const mergedProps = computed(() => mergeProps$1(hoverCard.value.getContentProps(), presence.value.presenceProps));
|
|
77
|
+
useForwardExpose();
|
|
78
|
+
return (_ctx, _cache) => {
|
|
79
|
+
return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
|
|
80
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
81
|
+
_: 3
|
|
82
|
+
}, 16, ["as-child"])) : createCommentVNode("v-if", true);
|
|
83
|
+
};
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
|
|
87
|
+
//#endregion
|
|
88
|
+
//#region src/components/hover-card/hover-card-content.vue
|
|
89
|
+
var hover_card_content_default = hover_card_content_vue_vue_type_script_setup_true_lang_default;
|
|
90
|
+
|
|
91
|
+
//#endregion
|
|
92
|
+
//#region src/components/hover-card/hover-card-context.vue?vue&type=script&setup=true&lang.ts
|
|
93
|
+
var hover_card_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
94
|
+
__name: "hover-card-context",
|
|
95
|
+
setup(__props) {
|
|
96
|
+
const hoverCard = useHoverCardContext();
|
|
97
|
+
return (_ctx, _cache) => {
|
|
98
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(hoverCard))));
|
|
99
|
+
};
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
|
|
103
|
+
//#endregion
|
|
104
|
+
//#region src/components/hover-card/hover-card-context.vue
|
|
105
|
+
var hover_card_context_default = hover_card_context_vue_vue_type_script_setup_true_lang_default;
|
|
106
|
+
|
|
107
|
+
//#endregion
|
|
108
|
+
//#region src/components/hover-card/hover-card-positioner.vue?vue&type=script&setup=true&lang.ts
|
|
109
|
+
var hover_card_positioner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
110
|
+
__name: "hover-card-positioner",
|
|
111
|
+
props: { asChild: {
|
|
112
|
+
type: Boolean,
|
|
113
|
+
required: false
|
|
114
|
+
} },
|
|
115
|
+
setup(__props) {
|
|
116
|
+
const hoverCard = useHoverCardContext();
|
|
117
|
+
const presence = usePresenceContext();
|
|
118
|
+
useForwardExpose();
|
|
119
|
+
return (_ctx, _cache) => {
|
|
120
|
+
return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, unref(hoverCard).getPositionerProps(), { "as-child": __props.asChild }), {
|
|
121
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
122
|
+
_: 3
|
|
123
|
+
}, 16, ["as-child"])) : createCommentVNode("v-if", true);
|
|
124
|
+
};
|
|
125
|
+
}
|
|
126
|
+
});
|
|
127
|
+
|
|
128
|
+
//#endregion
|
|
129
|
+
//#region src/components/hover-card/hover-card-positioner.vue
|
|
130
|
+
var hover_card_positioner_default = hover_card_positioner_vue_vue_type_script_setup_true_lang_default;
|
|
131
|
+
|
|
132
|
+
//#endregion
|
|
133
|
+
//#region src/components/hover-card/hover-card-root-provider.vue?vue&type=script&setup=true&lang.ts
|
|
134
|
+
var hover_card_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
135
|
+
__name: "hover-card-root-provider",
|
|
136
|
+
props: {
|
|
137
|
+
value: {
|
|
138
|
+
type: null,
|
|
139
|
+
required: true
|
|
140
|
+
},
|
|
141
|
+
lazyMount: {
|
|
142
|
+
type: Boolean,
|
|
143
|
+
required: false
|
|
144
|
+
},
|
|
145
|
+
unmountOnExit: {
|
|
146
|
+
type: Boolean,
|
|
147
|
+
required: false
|
|
148
|
+
}
|
|
149
|
+
},
|
|
150
|
+
emits: ["exitComplete"],
|
|
151
|
+
setup(__props, { emit: __emit }) {
|
|
152
|
+
const props = __props;
|
|
153
|
+
const emits = __emit;
|
|
154
|
+
const hoverCard = computed(() => props.value);
|
|
155
|
+
const presence = usePresence(computed(() => ({
|
|
156
|
+
present: hoverCard.value.open,
|
|
157
|
+
lazyMount: props.lazyMount,
|
|
158
|
+
unmountOnExit: props.unmountOnExit
|
|
159
|
+
})), emits);
|
|
160
|
+
HoverCardProvider(hoverCard);
|
|
161
|
+
PresenceProvider(presence);
|
|
162
|
+
RenderStrategyPropsProvider(computed(() => ({
|
|
163
|
+
lazyMount: props.lazyMount,
|
|
164
|
+
unmountOnExit: props.unmountOnExit
|
|
165
|
+
})));
|
|
166
|
+
useForwardExpose();
|
|
167
|
+
return (_ctx, _cache) => {
|
|
168
|
+
return renderSlot(_ctx.$slots, "default");
|
|
169
|
+
};
|
|
170
|
+
}
|
|
171
|
+
});
|
|
172
|
+
|
|
173
|
+
//#endregion
|
|
174
|
+
//#region src/components/hover-card/hover-card-root-provider.vue
|
|
175
|
+
var hover_card_root_provider_default = hover_card_root_provider_vue_vue_type_script_setup_true_lang_default;
|
|
176
|
+
|
|
177
|
+
//#endregion
|
|
178
|
+
//#region src/components/hover-card/use-hover-card.ts
|
|
179
|
+
const useHoverCard = (props = {}, emit) => {
|
|
180
|
+
const id = useId();
|
|
181
|
+
const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
|
|
182
|
+
const locale = useLocaleContext(DEFAULT_LOCALE);
|
|
183
|
+
const context = computed(() => {
|
|
184
|
+
const localeProps = toValue(props);
|
|
185
|
+
return {
|
|
186
|
+
id,
|
|
187
|
+
dir: locale.value.dir,
|
|
188
|
+
getRootNode: env?.value.getRootNode,
|
|
189
|
+
...cleanProps(localeProps),
|
|
190
|
+
onOpenChange: (details) => {
|
|
191
|
+
emit?.("openChange", details);
|
|
192
|
+
emit?.("update:open", details.open);
|
|
193
|
+
localeProps.onOpenChange?.(details);
|
|
194
|
+
},
|
|
195
|
+
onFocusOutside: (details) => {
|
|
196
|
+
emit?.("focusOutside", details);
|
|
197
|
+
localeProps.onFocusOutside?.(details);
|
|
198
|
+
},
|
|
199
|
+
onInteractOutside: (details) => {
|
|
200
|
+
emit?.("interactOutside", details);
|
|
201
|
+
localeProps.onInteractOutside?.(details);
|
|
202
|
+
},
|
|
203
|
+
onPointerDownOutside: (details) => {
|
|
204
|
+
emit?.("pointerDownOutside", details);
|
|
205
|
+
localeProps.onPointerDownOutside?.(details);
|
|
206
|
+
}
|
|
207
|
+
};
|
|
208
|
+
});
|
|
209
|
+
const service = useMachine(hoverCard.machine, context);
|
|
210
|
+
return computed(() => hoverCard.connect(service, normalizeProps$1));
|
|
211
|
+
};
|
|
212
|
+
|
|
213
|
+
//#endregion
|
|
214
|
+
//#region src/components/hover-card/hover-card-root.vue?vue&type=script&setup=true&lang.ts
|
|
215
|
+
var hover_card_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
216
|
+
__name: "hover-card-root",
|
|
217
|
+
props: /* @__PURE__ */ mergeDefaults({
|
|
218
|
+
closeDelay: {
|
|
219
|
+
type: Number,
|
|
220
|
+
required: false
|
|
221
|
+
},
|
|
222
|
+
defaultOpen: {
|
|
223
|
+
type: Boolean,
|
|
224
|
+
required: false
|
|
225
|
+
},
|
|
226
|
+
disabled: {
|
|
227
|
+
type: Boolean,
|
|
228
|
+
required: false
|
|
229
|
+
},
|
|
230
|
+
id: {
|
|
231
|
+
type: String,
|
|
232
|
+
required: false
|
|
233
|
+
},
|
|
234
|
+
ids: {
|
|
235
|
+
type: Object,
|
|
236
|
+
required: false
|
|
237
|
+
},
|
|
238
|
+
open: {
|
|
239
|
+
type: Boolean,
|
|
240
|
+
required: false
|
|
241
|
+
},
|
|
242
|
+
openDelay: {
|
|
243
|
+
type: Number,
|
|
244
|
+
required: false
|
|
245
|
+
},
|
|
246
|
+
positioning: {
|
|
247
|
+
type: null,
|
|
248
|
+
required: false
|
|
249
|
+
},
|
|
250
|
+
lazyMount: {
|
|
251
|
+
type: Boolean,
|
|
252
|
+
required: false
|
|
253
|
+
},
|
|
254
|
+
unmountOnExit: {
|
|
255
|
+
type: Boolean,
|
|
256
|
+
required: false
|
|
257
|
+
}
|
|
258
|
+
}, {
|
|
259
|
+
defaultOpen: void 0,
|
|
260
|
+
disabled: void 0,
|
|
261
|
+
open: void 0
|
|
262
|
+
}),
|
|
263
|
+
emits: [
|
|
264
|
+
"exitComplete",
|
|
265
|
+
"focusOutside",
|
|
266
|
+
"interactOutside",
|
|
267
|
+
"openChange",
|
|
268
|
+
"pointerDownOutside",
|
|
269
|
+
"update:open"
|
|
270
|
+
],
|
|
271
|
+
setup(__props, { emit: __emit }) {
|
|
272
|
+
const props = __props;
|
|
273
|
+
const emits = __emit;
|
|
274
|
+
const hoverCard = useHoverCard(props, emits);
|
|
275
|
+
const presence = usePresence(computed(() => ({
|
|
276
|
+
present: hoverCard.value.open,
|
|
277
|
+
lazyMount: props.lazyMount,
|
|
278
|
+
unmountOnExit: props.unmountOnExit
|
|
279
|
+
})), emits);
|
|
280
|
+
HoverCardProvider(hoverCard);
|
|
281
|
+
PresenceProvider(presence);
|
|
282
|
+
RenderStrategyPropsProvider(computed(() => ({
|
|
283
|
+
lazyMount: props.lazyMount,
|
|
284
|
+
unmountOnExit: props.unmountOnExit
|
|
285
|
+
})));
|
|
286
|
+
useForwardExpose();
|
|
287
|
+
return (_ctx, _cache) => {
|
|
288
|
+
return renderSlot(_ctx.$slots, "default");
|
|
289
|
+
};
|
|
290
|
+
}
|
|
291
|
+
});
|
|
292
|
+
|
|
293
|
+
//#endregion
|
|
294
|
+
//#region src/components/hover-card/hover-card-root.vue
|
|
295
|
+
var hover_card_root_default = hover_card_root_vue_vue_type_script_setup_true_lang_default;
|
|
296
|
+
|
|
297
|
+
//#endregion
|
|
298
|
+
//#region src/components/hover-card/hover-card-trigger.vue?vue&type=script&setup=true&lang.ts
|
|
299
|
+
var hover_card_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
300
|
+
__name: "hover-card-trigger",
|
|
301
|
+
props: { asChild: {
|
|
302
|
+
type: Boolean,
|
|
303
|
+
required: false
|
|
304
|
+
} },
|
|
305
|
+
setup(__props) {
|
|
306
|
+
const hoverCard = useHoverCardContext();
|
|
307
|
+
useForwardExpose();
|
|
308
|
+
return (_ctx, _cache) => {
|
|
309
|
+
return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(hoverCard).getTriggerProps(), { "as-child": __props.asChild }), {
|
|
310
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
311
|
+
_: 3
|
|
312
|
+
}, 16, ["as-child"]);
|
|
313
|
+
};
|
|
314
|
+
}
|
|
315
|
+
});
|
|
316
|
+
|
|
317
|
+
//#endregion
|
|
318
|
+
//#region src/components/hover-card/hover-card-trigger.vue
|
|
319
|
+
var hover_card_trigger_default = hover_card_trigger_vue_vue_type_script_setup_true_lang_default;
|
|
320
|
+
|
|
321
|
+
//#endregion
|
|
322
|
+
//#region src/components/hover-card/hover-card.ts
|
|
323
|
+
var hover_card_exports = /* @__PURE__ */ __exportAll({
|
|
324
|
+
Arrow: () => hover_card_arrow_default,
|
|
325
|
+
ArrowTip: () => hover_card_arrow_tip_default,
|
|
326
|
+
Content: () => hover_card_content_default,
|
|
327
|
+
Context: () => hover_card_context_default,
|
|
328
|
+
Positioner: () => hover_card_positioner_default,
|
|
329
|
+
Root: () => hover_card_root_default,
|
|
330
|
+
RootProvider: () => hover_card_root_provider_default,
|
|
331
|
+
Trigger: () => hover_card_trigger_default
|
|
332
|
+
});
|
|
333
|
+
|
|
334
|
+
//#endregion
|
|
335
|
+
export { hover_card_exports as HoverCard, hover_card_arrow_default as HoverCardArrow, hover_card_arrow_tip_default as HoverCardArrowTip, hover_card_content_default as HoverCardContent, hover_card_context_default as HoverCardContext, hover_card_positioner_default as HoverCardPositioner, hover_card_root_default as HoverCardRoot, hover_card_root_provider_default as HoverCardRootProvider, hover_card_trigger_default as HoverCardTrigger, hoverCardAnatomy, useHoverCard, useHoverCardContext };
|