@sprawlify/vue 0.0.70 → 0.0.73
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/boolean-CpMsIRK4.js +7 -0
- package/dist/components/accordion/index.d.ts +20 -20
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/angle-slider/index.d.ts +19 -19
- package/dist/components/avatar/index.d.ts +3 -3
- package/dist/components/bottom-sheet/index.d.ts +22 -22
- package/dist/components/carousel/index.d.ts +25 -25
- package/dist/components/checkbox/index.d.ts +28 -28
- package/dist/components/checkbox/index.js +1 -6
- package/dist/components/client-only/index.d.ts +2 -2
- package/dist/components/clipboard/index.d.ts +17 -17
- package/dist/components/collapsible/index.d.ts +17 -17
- package/dist/components/collapsible/index.js +1 -1
- 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 +58 -58
- package/dist/components/combobox/index.d.ts +38 -38
- package/dist/components/combobox/index.js +1 -1
- package/dist/components/date-picker/index.d.ts +51 -51
- package/dist/components/dialog/index.d.ts +33 -33
- package/dist/components/download-trigger/index.d.ts +4 -4
- package/dist/components/editable/index.d.ts +29 -29
- package/dist/components/field/index.d.ts +26 -26
- package/dist/components/fieldset/index.d.ts +13 -13
- package/dist/components/file-upload/index.d.ts +25 -25
- package/dist/components/floating-panel/index.d.ts +24 -25
- package/dist/components/focus-trap/index.d.ts +5 -5
- package/dist/components/format/index.d.ts +4 -4
- package/dist/components/frame/index.d.ts +6 -6
- package/dist/components/highlight/index.d.ts +5 -5
- package/dist/components/hover-card/index.d.ts +27 -27
- package/dist/components/image-cropper/index.d.ts +16 -16
- package/dist/components/json-tree-view/index.d.ts +12 -12
- package/dist/components/json-tree-view/index.js +3 -3
- package/dist/components/listbox/index.d.ts +26 -26
- package/dist/components/listbox/index.js +1 -1
- package/dist/components/marquee/index.d.ts +23 -23
- package/dist/components/menu/index.d.ts +53 -54
- package/dist/components/navigation-menu/index.d.ts +20 -20
- package/dist/components/number-input/index.d.ts +22 -22
- package/dist/components/pagination/index.d.ts +17 -17
- package/dist/components/password-input/index.d.ts +25 -25
- package/dist/components/pin-input/index.d.ts +21 -21
- package/dist/components/popover/index.d.ts +34 -34
- package/dist/components/presence/index.d.ts +2 -2
- package/dist/components/progress/index.d.ts +231 -0
- package/dist/components/progress/index.js +372 -0
- package/dist/components/qr-code/index.d.ts +159 -0
- package/dist/components/qr-code/index.js +263 -0
- package/dist/components/radio-group/index.d.ts +231 -0
- package/dist/components/radio-group/index.js +378 -0
- package/dist/components/rating-group/index.d.ts +201 -0
- package/dist/components/rating-group/index.js +330 -0
- package/dist/components/scroll-area/index.d.ts +171 -0
- package/dist/components/scroll-area/index.js +264 -0
- package/dist/components/segment-group/index.d.ts +231 -0
- package/dist/components/segment-group/index.js +422 -0
- package/dist/components/select/index.d.ts +39 -39
- package/dist/components/select/index.js +1 -1
- package/dist/components/signature-pad/index.d.ts +202 -0
- package/dist/components/signature-pad/index.js +345 -0
- package/dist/components/slider/index.d.ts +300 -0
- package/dist/components/slider/index.js +511 -0
- package/dist/components/splitter/index.d.ts +162 -0
- package/dist/components/splitter/index.js +280 -0
- package/dist/components/steps/index.d.ts +290 -0
- package/dist/components/steps/index.js +469 -0
- package/dist/components/switch/index.d.ts +179 -0
- package/dist/components/switch/index.js +290 -0
- package/dist/components/tabs/index.d.ts +181 -0
- package/dist/components/tabs/index.js +335 -0
- package/dist/components/tags-input/index.d.ts +339 -0
- package/dist/components/tags-input/index.js +569 -0
- package/dist/components/timer/index.d.ts +177 -0
- package/dist/components/timer/index.js +295 -0
- package/dist/components/toast/index.d.ts +154 -0
- package/dist/components/toast/index.js +265 -0
- package/dist/components/toggle/index.d.ts +101 -0
- package/dist/components/toggle/index.js +131 -0
- package/dist/components/toggle-group/index.d.ts +127 -0
- package/dist/components/toggle-group/index.js +207 -0
- package/dist/components/tooltip/index.d.ts +201 -0
- package/dist/components/tooltip/index.js +349 -0
- package/dist/components/tour/index.d.ts +308 -0
- package/dist/components/tour/index.js +505 -0
- package/dist/components/tree-view/index.d.ts +5 -5
- package/dist/components/tree-view/index.js +3 -3
- package/dist/{index-Cjk1WhUx.d.ts → index-8bjPAUl0.d.ts} +10 -10
- package/dist/{index-D0_ID5xv.d.ts → index-BnYwp0nl.d.ts} +7 -7
- package/dist/{index-ByYmM8LZ.d.ts → index-CmCVWB7e.d.ts} +33 -33
- package/dist/index.d.ts +3 -3
- package/dist/{tree-view-CzfDgztL.js → tree-view-N6ShNmpe.js} +1 -1
- package/package.json +78 -2
- /package/dist/{collapsible-D1Mx4C0H.js → collapsible-SXAS3iFc.js} +0 -0
- /package/dist/{collection-DiwGNCAy.js → collection-C_ZHBDQD.js} +0 -0
- /package/dist/{factory-Dg6Whljf.d.ts → factory-B5zr8_kk.d.ts} +0 -0
- /package/dist/{index-DI09ccnU.d.ts → index-CCRVRFFQ.d.ts} +0 -0
- /package/dist/{index-ECeveDvH.d.ts → index-DhFoJHfp.d.ts} +0 -0
- /package/dist/{presence-types-BaQ7PILD.d.ts → presence-types-BJRr8tqd.d.ts} +0 -0
- /package/dist/{types-BkS9kMJ5.d.ts → types-DIEO6uP3.d.ts} +0 -0
- /package/dist/{use-render-strategy-bdLKqL57.d.ts → use-render-strategy-U5NxU252.d.ts} +0 -0
|
@@ -0,0 +1,469 @@
|
|
|
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-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 { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
|
|
9
|
+
import * as steps from "@sprawlify/primitives/machines/steps";
|
|
10
|
+
import { anatomy as stepsAnatomy } from "@sprawlify/primitives/machines/steps";
|
|
11
|
+
|
|
12
|
+
//#region src/components/steps/use-steps-context.ts
|
|
13
|
+
const [StepsProvider, useStepsContext] = createContext("StepsContext");
|
|
14
|
+
|
|
15
|
+
//#endregion
|
|
16
|
+
//#region src/components/steps/steps-completed-content.vue?vue&type=script&setup=true&lang.ts
|
|
17
|
+
var steps_completed_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
18
|
+
__name: "steps-completed-content",
|
|
19
|
+
props: { asChild: {
|
|
20
|
+
type: Boolean,
|
|
21
|
+
required: false
|
|
22
|
+
} },
|
|
23
|
+
setup(__props) {
|
|
24
|
+
const steps = useStepsContext();
|
|
25
|
+
const itemProps = computed(() => ({ index: steps.value.count }));
|
|
26
|
+
useForwardExpose();
|
|
27
|
+
return (_ctx, _cache) => {
|
|
28
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(steps).getContentProps(itemProps.value), { "as-child": __props.asChild }), {
|
|
29
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
30
|
+
_: 3
|
|
31
|
+
}, 16, ["as-child"]);
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
//#endregion
|
|
37
|
+
//#region src/components/steps/steps-completed-content.vue
|
|
38
|
+
var steps_completed_content_default = steps_completed_content_vue_vue_type_script_setup_true_lang_default;
|
|
39
|
+
|
|
40
|
+
//#endregion
|
|
41
|
+
//#region src/components/steps/steps-content.vue?vue&type=script&setup=true&lang.ts
|
|
42
|
+
var steps_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
43
|
+
__name: "steps-content",
|
|
44
|
+
props: {
|
|
45
|
+
asChild: {
|
|
46
|
+
type: Boolean,
|
|
47
|
+
required: false
|
|
48
|
+
},
|
|
49
|
+
index: {
|
|
50
|
+
type: Number,
|
|
51
|
+
required: true
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
setup(__props) {
|
|
55
|
+
const itemProps = __props;
|
|
56
|
+
const steps = useStepsContext();
|
|
57
|
+
useForwardExpose();
|
|
58
|
+
return (_ctx, _cache) => {
|
|
59
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(steps).getContentProps(itemProps), { "as-child": __props.asChild }), {
|
|
60
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
61
|
+
_: 3
|
|
62
|
+
}, 16, ["as-child"]);
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
//#endregion
|
|
68
|
+
//#region src/components/steps/steps-content.vue
|
|
69
|
+
var steps_content_default = steps_content_vue_vue_type_script_setup_true_lang_default;
|
|
70
|
+
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/components/steps/steps-context.vue?vue&type=script&setup=true&lang.ts
|
|
73
|
+
var steps_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
74
|
+
__name: "steps-context",
|
|
75
|
+
setup(__props) {
|
|
76
|
+
const steps = useStepsContext();
|
|
77
|
+
return (_ctx, _cache) => {
|
|
78
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(steps))));
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
//#endregion
|
|
84
|
+
//#region src/components/steps/steps-context.vue
|
|
85
|
+
var steps_context_default = steps_context_vue_vue_type_script_setup_true_lang_default;
|
|
86
|
+
|
|
87
|
+
//#endregion
|
|
88
|
+
//#region src/components/steps/use-steps-item-props-context.ts
|
|
89
|
+
const [StepsItemPropsProvider, useStepsItemPropsContext] = createContext("StepsItemPropsContext");
|
|
90
|
+
|
|
91
|
+
//#endregion
|
|
92
|
+
//#region src/components/steps/steps-indicator.vue?vue&type=script&setup=true&lang.ts
|
|
93
|
+
var steps_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
94
|
+
__name: "steps-indicator",
|
|
95
|
+
props: { asChild: {
|
|
96
|
+
type: Boolean,
|
|
97
|
+
required: false
|
|
98
|
+
} },
|
|
99
|
+
setup(__props) {
|
|
100
|
+
const steps = useStepsContext();
|
|
101
|
+
const itemProps = useStepsItemPropsContext();
|
|
102
|
+
useForwardExpose();
|
|
103
|
+
return (_ctx, _cache) => {
|
|
104
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(steps).getIndicatorProps(unref(itemProps)), { "as-child": __props.asChild }), {
|
|
105
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
106
|
+
_: 3
|
|
107
|
+
}, 16, ["as-child"]);
|
|
108
|
+
};
|
|
109
|
+
}
|
|
110
|
+
});
|
|
111
|
+
|
|
112
|
+
//#endregion
|
|
113
|
+
//#region src/components/steps/steps-indicator.vue
|
|
114
|
+
var steps_indicator_default = steps_indicator_vue_vue_type_script_setup_true_lang_default;
|
|
115
|
+
|
|
116
|
+
//#endregion
|
|
117
|
+
//#region src/components/steps/use-steps-item-context.ts
|
|
118
|
+
const [StepsItemProvider, useStepsItemContext] = createContext("StepsItemContext");
|
|
119
|
+
|
|
120
|
+
//#endregion
|
|
121
|
+
//#region src/components/steps/steps-item-context.vue?vue&type=script&setup=true&lang.ts
|
|
122
|
+
var steps_item_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
123
|
+
__name: "steps-item-context",
|
|
124
|
+
setup(__props) {
|
|
125
|
+
const itemContext = useStepsItemContext();
|
|
126
|
+
return (_ctx, _cache) => {
|
|
127
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(itemContext))));
|
|
128
|
+
};
|
|
129
|
+
}
|
|
130
|
+
});
|
|
131
|
+
|
|
132
|
+
//#endregion
|
|
133
|
+
//#region src/components/steps/steps-item-context.vue
|
|
134
|
+
var steps_item_context_default = steps_item_context_vue_vue_type_script_setup_true_lang_default;
|
|
135
|
+
|
|
136
|
+
//#endregion
|
|
137
|
+
//#region src/components/steps/steps-item.vue?vue&type=script&setup=true&lang.ts
|
|
138
|
+
var steps_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
139
|
+
__name: "steps-item",
|
|
140
|
+
props: {
|
|
141
|
+
index: {
|
|
142
|
+
type: Number,
|
|
143
|
+
required: true
|
|
144
|
+
},
|
|
145
|
+
asChild: {
|
|
146
|
+
type: Boolean,
|
|
147
|
+
required: false
|
|
148
|
+
}
|
|
149
|
+
},
|
|
150
|
+
setup(__props) {
|
|
151
|
+
const props = __props;
|
|
152
|
+
const steps = useStepsContext();
|
|
153
|
+
const itemState = computed(() => steps.value.getItemState(props));
|
|
154
|
+
StepsItemPropsProvider(props);
|
|
155
|
+
StepsItemProvider(itemState);
|
|
156
|
+
useForwardExpose();
|
|
157
|
+
return (_ctx, _cache) => {
|
|
158
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(steps).getItemProps(props), { "as-child": __props.asChild }), {
|
|
159
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
160
|
+
_: 3
|
|
161
|
+
}, 16, ["as-child"]);
|
|
162
|
+
};
|
|
163
|
+
}
|
|
164
|
+
});
|
|
165
|
+
|
|
166
|
+
//#endregion
|
|
167
|
+
//#region src/components/steps/steps-item.vue
|
|
168
|
+
var steps_item_default = steps_item_vue_vue_type_script_setup_true_lang_default;
|
|
169
|
+
|
|
170
|
+
//#endregion
|
|
171
|
+
//#region src/components/steps/steps-list.vue?vue&type=script&setup=true&lang.ts
|
|
172
|
+
var steps_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
173
|
+
__name: "steps-list",
|
|
174
|
+
props: { asChild: {
|
|
175
|
+
type: Boolean,
|
|
176
|
+
required: false
|
|
177
|
+
} },
|
|
178
|
+
setup(__props) {
|
|
179
|
+
const steps = useStepsContext();
|
|
180
|
+
useForwardExpose();
|
|
181
|
+
return (_ctx, _cache) => {
|
|
182
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(steps).getListProps(), { "as-child": __props.asChild }), {
|
|
183
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
184
|
+
_: 3
|
|
185
|
+
}, 16, ["as-child"]);
|
|
186
|
+
};
|
|
187
|
+
}
|
|
188
|
+
});
|
|
189
|
+
|
|
190
|
+
//#endregion
|
|
191
|
+
//#region src/components/steps/steps-list.vue
|
|
192
|
+
var steps_list_default = steps_list_vue_vue_type_script_setup_true_lang_default;
|
|
193
|
+
|
|
194
|
+
//#endregion
|
|
195
|
+
//#region src/components/steps/steps-next-trigger.vue?vue&type=script&setup=true&lang.ts
|
|
196
|
+
var steps_next_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
197
|
+
__name: "steps-next-trigger",
|
|
198
|
+
props: { asChild: {
|
|
199
|
+
type: Boolean,
|
|
200
|
+
required: false
|
|
201
|
+
} },
|
|
202
|
+
setup(__props) {
|
|
203
|
+
const steps = useStepsContext();
|
|
204
|
+
useForwardExpose();
|
|
205
|
+
return (_ctx, _cache) => {
|
|
206
|
+
return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(steps).getNextTriggerProps(), { "as-child": __props.asChild }), {
|
|
207
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
208
|
+
_: 3
|
|
209
|
+
}, 16, ["as-child"]);
|
|
210
|
+
};
|
|
211
|
+
}
|
|
212
|
+
});
|
|
213
|
+
|
|
214
|
+
//#endregion
|
|
215
|
+
//#region src/components/steps/steps-next-trigger.vue
|
|
216
|
+
var steps_next_trigger_default = steps_next_trigger_vue_vue_type_script_setup_true_lang_default;
|
|
217
|
+
|
|
218
|
+
//#endregion
|
|
219
|
+
//#region src/components/steps/steps-prev-trigger.vue?vue&type=script&setup=true&lang.ts
|
|
220
|
+
var steps_prev_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
221
|
+
__name: "steps-prev-trigger",
|
|
222
|
+
props: { asChild: {
|
|
223
|
+
type: Boolean,
|
|
224
|
+
required: false
|
|
225
|
+
} },
|
|
226
|
+
setup(__props) {
|
|
227
|
+
const steps = useStepsContext();
|
|
228
|
+
useForwardExpose();
|
|
229
|
+
return (_ctx, _cache) => {
|
|
230
|
+
return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(steps).getPrevTriggerProps(), { "as-child": __props.asChild }), {
|
|
231
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
232
|
+
_: 3
|
|
233
|
+
}, 16, ["as-child"]);
|
|
234
|
+
};
|
|
235
|
+
}
|
|
236
|
+
});
|
|
237
|
+
|
|
238
|
+
//#endregion
|
|
239
|
+
//#region src/components/steps/steps-prev-trigger.vue
|
|
240
|
+
var steps_prev_trigger_default = steps_prev_trigger_vue_vue_type_script_setup_true_lang_default;
|
|
241
|
+
|
|
242
|
+
//#endregion
|
|
243
|
+
//#region src/components/steps/steps-progress.vue?vue&type=script&setup=true&lang.ts
|
|
244
|
+
var steps_progress_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
245
|
+
__name: "steps-progress",
|
|
246
|
+
props: { asChild: {
|
|
247
|
+
type: Boolean,
|
|
248
|
+
required: false
|
|
249
|
+
} },
|
|
250
|
+
setup(__props) {
|
|
251
|
+
const steps = useStepsContext();
|
|
252
|
+
useForwardExpose();
|
|
253
|
+
return (_ctx, _cache) => {
|
|
254
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(steps).getProgressProps(), { "as-child": __props.asChild }), {
|
|
255
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
256
|
+
_: 3
|
|
257
|
+
}, 16, ["as-child"]);
|
|
258
|
+
};
|
|
259
|
+
}
|
|
260
|
+
});
|
|
261
|
+
|
|
262
|
+
//#endregion
|
|
263
|
+
//#region src/components/steps/steps-progress.vue
|
|
264
|
+
var steps_progress_default = steps_progress_vue_vue_type_script_setup_true_lang_default;
|
|
265
|
+
|
|
266
|
+
//#endregion
|
|
267
|
+
//#region src/components/steps/steps-root-provider.vue?vue&type=script&setup=true&lang.ts
|
|
268
|
+
var steps_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
269
|
+
__name: "steps-root-provider",
|
|
270
|
+
props: {
|
|
271
|
+
value: {
|
|
272
|
+
type: null,
|
|
273
|
+
required: true
|
|
274
|
+
},
|
|
275
|
+
asChild: {
|
|
276
|
+
type: Boolean,
|
|
277
|
+
required: false
|
|
278
|
+
}
|
|
279
|
+
},
|
|
280
|
+
setup(__props) {
|
|
281
|
+
const props = __props;
|
|
282
|
+
const steps = computed(() => props.value);
|
|
283
|
+
StepsProvider(steps);
|
|
284
|
+
useForwardExpose();
|
|
285
|
+
return (_ctx, _cache) => {
|
|
286
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(steps.value.getRootProps(), { "as-child": __props.asChild }), {
|
|
287
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
288
|
+
_: 3
|
|
289
|
+
}, 16, ["as-child"]);
|
|
290
|
+
};
|
|
291
|
+
}
|
|
292
|
+
});
|
|
293
|
+
|
|
294
|
+
//#endregion
|
|
295
|
+
//#region src/components/steps/steps-root-provider.vue
|
|
296
|
+
var steps_root_provider_default = steps_root_provider_vue_vue_type_script_setup_true_lang_default;
|
|
297
|
+
|
|
298
|
+
//#endregion
|
|
299
|
+
//#region src/components/steps/use-steps.ts
|
|
300
|
+
function useSteps(props = {}, emit) {
|
|
301
|
+
const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
|
|
302
|
+
const locale = useLocaleContext(DEFAULT_LOCALE);
|
|
303
|
+
const id = useId();
|
|
304
|
+
const context = computed(() => {
|
|
305
|
+
const localProps = toValue(props);
|
|
306
|
+
return {
|
|
307
|
+
id,
|
|
308
|
+
dir: locale.value.dir,
|
|
309
|
+
getRootNode: env?.value?.getRootNode,
|
|
310
|
+
...cleanProps(localProps),
|
|
311
|
+
onStepChange: (details) => {
|
|
312
|
+
emit?.("stepChange", details);
|
|
313
|
+
emit?.("update:step", details.step);
|
|
314
|
+
localProps.onStepChange?.(details);
|
|
315
|
+
},
|
|
316
|
+
onStepComplete: () => {
|
|
317
|
+
emit?.("stepComplete");
|
|
318
|
+
localProps.onStepComplete?.();
|
|
319
|
+
},
|
|
320
|
+
onStepInvalid: (details) => {
|
|
321
|
+
emit?.("stepInvalid", details);
|
|
322
|
+
localProps.onStepInvalid?.(details);
|
|
323
|
+
}
|
|
324
|
+
};
|
|
325
|
+
});
|
|
326
|
+
const service = useMachine(steps.machine, context);
|
|
327
|
+
return computed(() => steps.connect(service, normalizeProps$1));
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
//#endregion
|
|
331
|
+
//#region src/components/steps/steps-root.vue?vue&type=script&setup=true&lang.ts
|
|
332
|
+
var steps_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
333
|
+
__name: "steps-root",
|
|
334
|
+
props: /* @__PURE__ */ mergeDefaults({
|
|
335
|
+
count: {
|
|
336
|
+
type: Number,
|
|
337
|
+
required: false
|
|
338
|
+
},
|
|
339
|
+
defaultStep: {
|
|
340
|
+
type: Number,
|
|
341
|
+
required: false
|
|
342
|
+
},
|
|
343
|
+
id: {
|
|
344
|
+
type: String,
|
|
345
|
+
required: false
|
|
346
|
+
},
|
|
347
|
+
ids: {
|
|
348
|
+
type: null,
|
|
349
|
+
required: false
|
|
350
|
+
},
|
|
351
|
+
isStepSkippable: {
|
|
352
|
+
type: Function,
|
|
353
|
+
required: false
|
|
354
|
+
},
|
|
355
|
+
isStepValid: {
|
|
356
|
+
type: Function,
|
|
357
|
+
required: false
|
|
358
|
+
},
|
|
359
|
+
linear: {
|
|
360
|
+
type: Boolean,
|
|
361
|
+
required: false
|
|
362
|
+
},
|
|
363
|
+
orientation: {
|
|
364
|
+
type: String,
|
|
365
|
+
required: false
|
|
366
|
+
},
|
|
367
|
+
step: {
|
|
368
|
+
type: Number,
|
|
369
|
+
required: false
|
|
370
|
+
},
|
|
371
|
+
asChild: {
|
|
372
|
+
type: Boolean,
|
|
373
|
+
required: false
|
|
374
|
+
}
|
|
375
|
+
}, { linear: void 0 }),
|
|
376
|
+
emits: [
|
|
377
|
+
"stepChange",
|
|
378
|
+
"stepComplete",
|
|
379
|
+
"stepInvalid",
|
|
380
|
+
"update:step"
|
|
381
|
+
],
|
|
382
|
+
setup(__props, { emit: __emit }) {
|
|
383
|
+
const steps = useSteps(__props, __emit);
|
|
384
|
+
StepsProvider(steps);
|
|
385
|
+
useForwardExpose();
|
|
386
|
+
return (_ctx, _cache) => {
|
|
387
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(steps).getRootProps(), { "as-child": __props.asChild }), {
|
|
388
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
389
|
+
_: 3
|
|
390
|
+
}, 16, ["as-child"]);
|
|
391
|
+
};
|
|
392
|
+
}
|
|
393
|
+
});
|
|
394
|
+
|
|
395
|
+
//#endregion
|
|
396
|
+
//#region src/components/steps/steps-root.vue
|
|
397
|
+
var steps_root_default = steps_root_vue_vue_type_script_setup_true_lang_default;
|
|
398
|
+
|
|
399
|
+
//#endregion
|
|
400
|
+
//#region src/components/steps/steps-separator.vue?vue&type=script&setup=true&lang.ts
|
|
401
|
+
var steps_separator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
402
|
+
__name: "steps-separator",
|
|
403
|
+
props: { asChild: {
|
|
404
|
+
type: Boolean,
|
|
405
|
+
required: false
|
|
406
|
+
} },
|
|
407
|
+
setup(__props) {
|
|
408
|
+
const steps = useStepsContext();
|
|
409
|
+
const itemProps = useStepsItemPropsContext();
|
|
410
|
+
useForwardExpose();
|
|
411
|
+
return (_ctx, _cache) => {
|
|
412
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(steps).getSeparatorProps(unref(itemProps)), { "as-child": __props.asChild }), {
|
|
413
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
414
|
+
_: 3
|
|
415
|
+
}, 16, ["as-child"]);
|
|
416
|
+
};
|
|
417
|
+
}
|
|
418
|
+
});
|
|
419
|
+
|
|
420
|
+
//#endregion
|
|
421
|
+
//#region src/components/steps/steps-separator.vue
|
|
422
|
+
var steps_separator_default = steps_separator_vue_vue_type_script_setup_true_lang_default;
|
|
423
|
+
|
|
424
|
+
//#endregion
|
|
425
|
+
//#region src/components/steps/steps-trigger.vue?vue&type=script&setup=true&lang.ts
|
|
426
|
+
var steps_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
427
|
+
__name: "steps-trigger",
|
|
428
|
+
props: { asChild: {
|
|
429
|
+
type: Boolean,
|
|
430
|
+
required: false
|
|
431
|
+
} },
|
|
432
|
+
setup(__props) {
|
|
433
|
+
const steps = useStepsContext();
|
|
434
|
+
const itemProps = useStepsItemPropsContext();
|
|
435
|
+
useForwardExpose();
|
|
436
|
+
return (_ctx, _cache) => {
|
|
437
|
+
return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(steps).getTriggerProps(unref(itemProps)), { "as-child": __props.asChild }), {
|
|
438
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
439
|
+
_: 3
|
|
440
|
+
}, 16, ["as-child"]);
|
|
441
|
+
};
|
|
442
|
+
}
|
|
443
|
+
});
|
|
444
|
+
|
|
445
|
+
//#endregion
|
|
446
|
+
//#region src/components/steps/steps-trigger.vue
|
|
447
|
+
var steps_trigger_default = steps_trigger_vue_vue_type_script_setup_true_lang_default;
|
|
448
|
+
|
|
449
|
+
//#endregion
|
|
450
|
+
//#region src/components/steps/steps.ts
|
|
451
|
+
var steps_exports = /* @__PURE__ */ __exportAll({
|
|
452
|
+
CompletedContent: () => steps_completed_content_default,
|
|
453
|
+
Content: () => steps_content_default,
|
|
454
|
+
Context: () => steps_context_default,
|
|
455
|
+
Indicator: () => steps_indicator_default,
|
|
456
|
+
Item: () => steps_item_default,
|
|
457
|
+
ItemContext: () => steps_item_context_default,
|
|
458
|
+
List: () => steps_list_default,
|
|
459
|
+
NextTrigger: () => steps_next_trigger_default,
|
|
460
|
+
PrevTrigger: () => steps_prev_trigger_default,
|
|
461
|
+
Progress: () => steps_progress_default,
|
|
462
|
+
Root: () => steps_root_default,
|
|
463
|
+
RootProvider: () => steps_root_provider_default,
|
|
464
|
+
Separator: () => steps_separator_default,
|
|
465
|
+
Trigger: () => steps_trigger_default
|
|
466
|
+
});
|
|
467
|
+
|
|
468
|
+
//#endregion
|
|
469
|
+
export { steps_exports as Steps, steps_completed_content_default as StepsCompletedContent, steps_content_default as StepsContent, steps_context_default as StepsContext, steps_indicator_default as StepsIndicator, steps_item_default as StepsItem, steps_item_context_default as StepsItemContext, steps_list_default as StepsList, steps_next_trigger_default as StepsNextTrigger, steps_prev_trigger_default as StepsPrevTrigger, steps_progress_default as StepsProgress, steps_root_default as StepsRoot, steps_root_provider_default as StepsRootProvider, steps_separator_default as StepsSeparator, steps_trigger_default as StepsTrigger, stepsAnatomy, useSteps, useStepsContext, useStepsItemContext };
|
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
import { t as PolymorphicProps } from "../../factory-B5zr8_kk.js";
|
|
2
|
+
import { a as Optional, r as EmitFn$1 } from "../../types-DIEO6uP3.js";
|
|
3
|
+
import { r as PropTypes } from "../../index-CCRVRFFQ.js";
|
|
4
|
+
import * as vue1559 from "vue";
|
|
5
|
+
import { ComputedRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
|
|
6
|
+
import * as sprawlifySwitch from "@sprawlify/primitives/machines/switch";
|
|
7
|
+
import { CheckedChangeDetails, CheckedChangeDetails as SwitchCheckedChangeDetails, anatomy as switchAnatomy } from "@sprawlify/primitives/machines/switch";
|
|
8
|
+
|
|
9
|
+
//#region src/components/switch/switch-control.vue.d.ts
|
|
10
|
+
interface SwitchControlBaseProps extends PolymorphicProps {}
|
|
11
|
+
interface SwitchControlProps extends SwitchControlBaseProps,
|
|
12
|
+
/**
|
|
13
|
+
* @vue-ignore
|
|
14
|
+
*/
|
|
15
|
+
HTMLAttributes {}
|
|
16
|
+
declare const _default$1: typeof __VLS_export$6;
|
|
17
|
+
declare const __VLS_export$6: __VLS_WithSlots$6<vue1559.DefineComponent<SwitchControlProps, {}, {}, {}, {}, vue1559.ComponentOptionsMixin, vue1559.ComponentOptionsMixin, {}, string, vue1559.PublicProps, Readonly<SwitchControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1559.ComponentProvideOptions, false, {}, any>, {
|
|
18
|
+
default?: (props: {}) => any;
|
|
19
|
+
}>;
|
|
20
|
+
type __VLS_WithSlots$6<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
//#endregion
|
|
26
|
+
//#region src/components/switch/switch-hidden-input.vue.d.ts
|
|
27
|
+
interface SwitchHiddenInputBaseProps extends PolymorphicProps {}
|
|
28
|
+
interface SwitchHiddenInputProps extends SwitchHiddenInputBaseProps,
|
|
29
|
+
/**
|
|
30
|
+
* @vue-ignore
|
|
31
|
+
*/
|
|
32
|
+
InputHTMLAttributes {}
|
|
33
|
+
declare const _default$2: typeof __VLS_export$5;
|
|
34
|
+
declare const __VLS_export$5: __VLS_WithSlots$5<vue1559.DefineComponent<SwitchHiddenInputProps, {}, {}, {}, {}, vue1559.ComponentOptionsMixin, vue1559.ComponentOptionsMixin, {}, string, vue1559.PublicProps, Readonly<SwitchHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1559.ComponentProvideOptions, false, {}, any>, {
|
|
35
|
+
default?: (props: {}) => any;
|
|
36
|
+
}>;
|
|
37
|
+
type __VLS_WithSlots$5<T, S> = T & {
|
|
38
|
+
new (): {
|
|
39
|
+
$slots: S;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region src/components/switch/switch-label.vue.d.ts
|
|
44
|
+
interface SwitchLabelBaseProps extends PolymorphicProps {}
|
|
45
|
+
interface SwitchLabelProps extends SwitchLabelBaseProps,
|
|
46
|
+
/**
|
|
47
|
+
* @vue-ignore
|
|
48
|
+
*/
|
|
49
|
+
HTMLAttributes {}
|
|
50
|
+
declare const _default$3: typeof __VLS_export$4;
|
|
51
|
+
declare const __VLS_export$4: __VLS_WithSlots$4<vue1559.DefineComponent<SwitchLabelProps, {}, {}, {}, {}, vue1559.ComponentOptionsMixin, vue1559.ComponentOptionsMixin, {}, string, vue1559.PublicProps, Readonly<SwitchLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1559.ComponentProvideOptions, false, {}, any>, {
|
|
52
|
+
default?: (props: {}) => any;
|
|
53
|
+
}>;
|
|
54
|
+
type __VLS_WithSlots$4<T, S> = T & {
|
|
55
|
+
new (): {
|
|
56
|
+
$slots: S;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
//#endregion
|
|
60
|
+
//#region src/components/switch/switch-root-provider.vue.d.ts
|
|
61
|
+
interface RootProviderProps {
|
|
62
|
+
value: UnwrapRef<UseSwitchReturn>;
|
|
63
|
+
}
|
|
64
|
+
interface SwitchRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
|
|
65
|
+
interface SwitchRootProviderProps extends SwitchRootProviderBaseProps,
|
|
66
|
+
/**
|
|
67
|
+
* @vue-ignore
|
|
68
|
+
*/
|
|
69
|
+
LabelHTMLAttributes {}
|
|
70
|
+
declare const _default$5: typeof __VLS_export$3;
|
|
71
|
+
declare const __VLS_export$3: __VLS_WithSlots$3<vue1559.DefineComponent<SwitchRootProviderProps, {}, {}, {}, {}, vue1559.ComponentOptionsMixin, vue1559.ComponentOptionsMixin, {}, string, vue1559.PublicProps, Readonly<SwitchRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1559.ComponentProvideOptions, false, {}, any>, {
|
|
72
|
+
default?: (props: {}) => any;
|
|
73
|
+
}>;
|
|
74
|
+
type __VLS_WithSlots$3<T, S> = T & {
|
|
75
|
+
new (): {
|
|
76
|
+
$slots: S;
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
//#endregion
|
|
80
|
+
//#region src/components/switch/switch-types.d.ts
|
|
81
|
+
interface RootProps {
|
|
82
|
+
checked?: boolean;
|
|
83
|
+
defaultChecked?: boolean;
|
|
84
|
+
disabled?: boolean;
|
|
85
|
+
form?: string;
|
|
86
|
+
id?: string;
|
|
87
|
+
ids?: Partial<{
|
|
88
|
+
root: string;
|
|
89
|
+
hiddenInput: string;
|
|
90
|
+
control: string;
|
|
91
|
+
label: string;
|
|
92
|
+
thumb: string;
|
|
93
|
+
}>;
|
|
94
|
+
invalid?: boolean;
|
|
95
|
+
label?: string;
|
|
96
|
+
name?: string;
|
|
97
|
+
readOnly?: boolean;
|
|
98
|
+
required?: boolean;
|
|
99
|
+
value?: string;
|
|
100
|
+
}
|
|
101
|
+
type RootEmits = {
|
|
102
|
+
checkedChange: [details: sprawlifySwitch.CheckedChangeDetails];
|
|
103
|
+
'update:checked': [checked: boolean];
|
|
104
|
+
};
|
|
105
|
+
//#endregion
|
|
106
|
+
//#region src/components/switch/switch-root.vue.d.ts
|
|
107
|
+
interface SwitchRootBaseProps extends RootProps, PolymorphicProps {}
|
|
108
|
+
interface SwitchRootProps extends SwitchRootBaseProps,
|
|
109
|
+
/**
|
|
110
|
+
* @vue-ignore
|
|
111
|
+
*/
|
|
112
|
+
LabelHTMLAttributes {}
|
|
113
|
+
interface SwitchRootEmits extends RootEmits {}
|
|
114
|
+
declare const _default$4: typeof __VLS_export$2;
|
|
115
|
+
declare const __VLS_export$2: __VLS_WithSlots$2<vue1559.DefineComponent<SwitchRootProps, {}, {}, {}, {}, vue1559.ComponentOptionsMixin, vue1559.ComponentOptionsMixin, {
|
|
116
|
+
"update:checked": (checked: boolean) => any;
|
|
117
|
+
checkedChange: (details: sprawlifySwitch.CheckedChangeDetails) => any;
|
|
118
|
+
}, string, vue1559.PublicProps, Readonly<SwitchRootProps> & Readonly<{
|
|
119
|
+
"onUpdate:checked"?: ((checked: boolean) => any) | undefined;
|
|
120
|
+
onCheckedChange?: ((details: sprawlifySwitch.CheckedChangeDetails) => any) | undefined;
|
|
121
|
+
}>, {
|
|
122
|
+
required: boolean;
|
|
123
|
+
disabled: boolean;
|
|
124
|
+
invalid: boolean;
|
|
125
|
+
readOnly: boolean;
|
|
126
|
+
checked: boolean;
|
|
127
|
+
defaultChecked: boolean;
|
|
128
|
+
}, {}, {}, {}, string, vue1559.ComponentProvideOptions, false, {}, any>, {
|
|
129
|
+
default?: (props: {}) => any;
|
|
130
|
+
}>;
|
|
131
|
+
type __VLS_WithSlots$2<T, S> = T & {
|
|
132
|
+
new (): {
|
|
133
|
+
$slots: S;
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
//#endregion
|
|
137
|
+
//#region src/components/switch/switch-thumb.vue.d.ts
|
|
138
|
+
interface SwitchThumbBaseProps extends PolymorphicProps {}
|
|
139
|
+
interface SwitchThumbProps extends SwitchThumbBaseProps,
|
|
140
|
+
/**
|
|
141
|
+
* @vue-ignore
|
|
142
|
+
*/
|
|
143
|
+
HTMLAttributes {}
|
|
144
|
+
declare const _default$6: typeof __VLS_export$1;
|
|
145
|
+
declare const __VLS_export$1: __VLS_WithSlots$1<vue1559.DefineComponent<SwitchThumbProps, {}, {}, {}, {}, vue1559.ComponentOptionsMixin, vue1559.ComponentOptionsMixin, {}, string, vue1559.PublicProps, Readonly<SwitchThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1559.ComponentProvideOptions, false, {}, any>, {
|
|
146
|
+
default?: (props: {}) => any;
|
|
147
|
+
}>;
|
|
148
|
+
type __VLS_WithSlots$1<T, S> = T & {
|
|
149
|
+
new (): {
|
|
150
|
+
$slots: S;
|
|
151
|
+
};
|
|
152
|
+
};
|
|
153
|
+
declare namespace switch_d_exports {
|
|
154
|
+
export { CheckedChangeDetails, _default as Context, SwitchContextProps as ContextProps, _default$1 as Control, SwitchControlBaseProps as ControlBaseProps, SwitchControlProps as ControlProps, _default$2 as HiddenInput, SwitchHiddenInputBaseProps as HiddenInputBaseProps, SwitchHiddenInputProps as HiddenInputProps, _default$3 as Label, SwitchLabelBaseProps as LabelBaseProps, SwitchLabelProps as LabelProps, _default$4 as Root, SwitchRootBaseProps as RootBaseProps, SwitchRootEmits as RootEmits, SwitchRootProps as RootProps, _default$5 as RootProvider, SwitchRootProviderBaseProps as RootProviderBaseProps, SwitchRootProviderProps as RootProviderProps, _default$6 as Thumb, SwitchThumbBaseProps as ThumbBaseProps, SwitchThumbProps as ThumbProps };
|
|
155
|
+
}
|
|
156
|
+
//#endregion
|
|
157
|
+
//#region src/components/switch/use-switch.d.ts
|
|
158
|
+
interface UseSwitchProps extends Optional<Omit<sprawlifySwitch.Props, 'dir' | 'getRootNode'>, 'id'> {}
|
|
159
|
+
interface UseSwitchReturn extends ComputedRef<sprawlifySwitch.Api<PropTypes>> {}
|
|
160
|
+
declare const useSwitch: (props?: MaybeRef<UseSwitchProps>, emit?: EmitFn$1<SwitchRootEmits>) => UseSwitchReturn;
|
|
161
|
+
//#endregion
|
|
162
|
+
//#region src/components/switch/use-switch-context.d.ts
|
|
163
|
+
interface UseSwitchContext extends UseSwitchReturn {}
|
|
164
|
+
//#endregion
|
|
165
|
+
//#region src/components/switch/switch-context.vue.d.ts
|
|
166
|
+
interface SwitchContextProps extends SlotsType<{
|
|
167
|
+
default: UnwrapRef<UseSwitchContext>;
|
|
168
|
+
}> {}
|
|
169
|
+
declare const _default: typeof __VLS_export;
|
|
170
|
+
declare const __VLS_export: __VLS_WithSlots<vue1559.DefineComponent<{}, {}, {}, {}, {}, vue1559.ComponentOptionsMixin, vue1559.ComponentOptionsMixin, {}, string, vue1559.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue1559.ComponentProvideOptions, true, {}, any>, {
|
|
171
|
+
default(context: UnwrapRef<UseSwitchContext>): unknown;
|
|
172
|
+
}>;
|
|
173
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
174
|
+
new (): {
|
|
175
|
+
$slots: S;
|
|
176
|
+
};
|
|
177
|
+
};
|
|
178
|
+
//#endregion
|
|
179
|
+
export { switch_d_exports as Switch, type SwitchCheckedChangeDetails, _default as SwitchContext, type SwitchContextProps, _default$1 as SwitchControl, type SwitchControlBaseProps, type SwitchControlProps, _default$2 as SwitchHiddenInput, type SwitchHiddenInputBaseProps, type SwitchHiddenInputProps, _default$3 as SwitchLabel, type SwitchLabelBaseProps, type SwitchLabelProps, _default$4 as SwitchRoot, type SwitchRootBaseProps, type SwitchRootEmits, type SwitchRootProps, _default$5 as SwitchRootProvider, type SwitchRootProviderBaseProps, type SwitchRootProviderProps, _default$6 as SwitchThumb, type SwitchThumbBaseProps, type SwitchThumbProps, type UseSwitchContext, type UseSwitchProps, type UseSwitchReturn, switchAnatomy, useSwitch, useSwitchContext };
|