@sprawlify/vue 0.0.67 → 0.0.72
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/{collapsible-DQfAISmg.js → collapsible-jX9S7WYj.js} +5 -4
- package/dist/{collection-Ba0Aeh5P.js → collection-DGKjEgOz.js} +1 -1
- package/dist/components/accordion/index.d.ts +19 -19
- package/dist/components/accordion/index.js +8 -7
- package/dist/components/angle-slider/index.d.ts +18 -18
- package/dist/components/angle-slider/index.js +5 -4
- package/dist/components/avatar/index.d.ts +11 -11
- package/dist/components/avatar/index.js +5 -4
- package/dist/components/bottom-sheet/index.d.ts +22 -22
- package/dist/components/bottom-sheet/index.js +8 -7
- package/dist/components/carousel/index.d.ts +25 -25
- package/dist/components/carousel/index.js +5 -4
- package/dist/components/checkbox/index.d.ts +27 -27
- package/dist/components/checkbox/index.js +8 -12
- 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 +5 -4
- 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 +56 -56
- package/dist/components/color-picker/index.js +8 -7
- package/dist/components/combobox/index.d.ts +38 -38
- package/dist/components/combobox/index.js +9 -8
- package/dist/components/date-picker/index.d.ts +47 -47
- package/dist/components/date-picker/index.js +7 -6
- package/dist/components/dialog/index.d.ts +35 -35
- package/dist/components/dialog/index.js +7 -6
- package/dist/components/download-trigger/index.d.ts +4 -4
- package/dist/components/download-trigger/index.js +4 -3
- package/dist/components/editable/index.d.ts +29 -29
- package/dist/components/editable/index.js +6 -5
- package/dist/components/field/index.d.ts +25 -25
- 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 +325 -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 +4 -4
- package/dist/components/highlight/index.js +1 -1
- 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 +55 -56
- package/dist/components/menu/index.js +7 -6
- 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/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 +9 -8
- 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/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-CDQghZtv.d.ts → index-B_UiXhk3.d.ts} +11 -11
- package/dist/index-DwWFWpls.d.ts +447 -0
- package/dist/{index-BBHms9-0.d.ts → index-xb1q4_02.d.ts} +7 -7
- package/dist/index.d.ts +3 -3
- package/dist/index.js +3 -2
- package/dist/{presence-CvUnYMZQ.js → presence-B4-UhJY9.js} +3 -2
- package/dist/{providers-B2CNPFg1.js → providers-DNBWT-O_.js} +1 -1
- package/dist/tree-view-Ctpu5RjE.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-DA33j31C.js} +1 -1
- package/package.json +126 -2
- /package/dist/{clean-props-BDv2zb5M.js → clean-props-D2R4tz5e.js} +0 -0
- /package/dist/{create-split-props-YZ3qgXe_.js → create-split-props-0RD5_O4P.js} +0 -0
- /package/dist/{factory-D_ge_w76.d.ts → factory-B5zr8_kk.d.ts} +0 -0
- /package/dist/{factory-BH3WrWd2.js → factory-Co08Aw8u.js} +0 -0
- /package/dist/{index-B66Om_3U.d.ts → index-CCRVRFFQ.d.ts} +0 -0
- /package/dist/{index-DqRk-Yea.d.ts → index-DhFoJHfp.d.ts} +0 -0
- /package/dist/{presence-types-Bv1E60Cw.d.ts → presence-types-BJRr8tqd.d.ts} +0 -0
- /package/dist/{types-Bj-dS2Hc.d.ts → types-DIEO6uP3.d.ts} +0 -0
- /package/dist/{use-render-strategy-CHj_pCfT.d.ts → use-render-strategy-U5NxU252.d.ts} +0 -0
|
@@ -0,0 +1,213 @@
|
|
|
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 vue1672 from "vue";
|
|
5
|
+
import { ComputedRef, HTMLAttributes, MaybeRef, UnwrapRef } from "vue";
|
|
6
|
+
import * as passwordInput from "@sprawlify/primitives/machines/password-input";
|
|
7
|
+
import { VisibilityChangeDetails, VisibilityChangeDetails as PasswordInputVisibilityChangeDetails, anatomy as passwordInputAnatomy } from "@sprawlify/primitives/machines/password-input";
|
|
8
|
+
|
|
9
|
+
//#region src/components/password-input/password-input-types.d.ts
|
|
10
|
+
interface RootProps {
|
|
11
|
+
autoComplete?: passwordInput.Props['autoComplete'];
|
|
12
|
+
defaultVisible?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
id?: string;
|
|
15
|
+
ids?: passwordInput.Props['ids'];
|
|
16
|
+
ignorePasswordManagers?: boolean;
|
|
17
|
+
invalid?: boolean;
|
|
18
|
+
name?: string;
|
|
19
|
+
readOnly?: boolean;
|
|
20
|
+
required?: boolean;
|
|
21
|
+
translations?: passwordInput.IntlTranslations;
|
|
22
|
+
visible?: boolean;
|
|
23
|
+
}
|
|
24
|
+
type RootEmits = {
|
|
25
|
+
visibilityChange: [details: passwordInput.VisibilityChangeDetails];
|
|
26
|
+
'update:visible': [visible: boolean];
|
|
27
|
+
};
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/password-input/use-password-input.d.ts
|
|
30
|
+
interface UsePasswordInputProps extends Optional<Omit<passwordInput.Props, 'dir' | 'getRootNode'>, 'id'> {}
|
|
31
|
+
interface UsePasswordInputReturn extends ComputedRef<passwordInput.Api<PropTypes>> {}
|
|
32
|
+
declare const usePasswordInput: (props?: MaybeRef<UsePasswordInputProps>, emit?: EmitFn$1<RootEmits>) => ComputedRef<passwordInput.Api<PropTypes>>;
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/components/password-input/password-input-context.vue.d.ts
|
|
35
|
+
interface PasswordInputContextProps {
|
|
36
|
+
value: UsePasswordInputReturn;
|
|
37
|
+
}
|
|
38
|
+
declare const _default: typeof __VLS_export$7;
|
|
39
|
+
declare const __VLS_export$7: __VLS_WithSlots$6<vue1672.DefineComponent<PasswordInputContextProps, {}, {}, {}, {}, vue1672.ComponentOptionsMixin, vue1672.ComponentOptionsMixin, {}, string, vue1672.PublicProps, Readonly<PasswordInputContextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1672.ComponentProvideOptions, false, {}, any>, {
|
|
40
|
+
default?: (props: {
|
|
41
|
+
visible: boolean;
|
|
42
|
+
disabled: boolean;
|
|
43
|
+
invalid: boolean;
|
|
44
|
+
focus: VoidFunction;
|
|
45
|
+
setVisible: (value: boolean) => void;
|
|
46
|
+
toggleVisible: VoidFunction;
|
|
47
|
+
getRootProps: () => vue1672.HTMLAttributes & {
|
|
48
|
+
key?: string | number | symbol | undefined;
|
|
49
|
+
ref?: vue1672.VNodeRef | undefined;
|
|
50
|
+
};
|
|
51
|
+
getLabelProps: () => vue1672.LabelHTMLAttributes & vue1672.ReservedProps;
|
|
52
|
+
getInputProps: () => vue1672.InputHTMLAttributes & vue1672.ReservedProps;
|
|
53
|
+
getVisibilityTriggerProps: () => vue1672.ButtonHTMLAttributes & vue1672.ReservedProps;
|
|
54
|
+
getIndicatorProps: () => vue1672.HTMLAttributes & {
|
|
55
|
+
key?: string | number | symbol | undefined;
|
|
56
|
+
ref?: vue1672.VNodeRef | undefined;
|
|
57
|
+
};
|
|
58
|
+
getControlProps: () => vue1672.HTMLAttributes & {
|
|
59
|
+
key?: string | number | symbol | undefined;
|
|
60
|
+
ref?: vue1672.VNodeRef | undefined;
|
|
61
|
+
};
|
|
62
|
+
}) => any;
|
|
63
|
+
}>;
|
|
64
|
+
type __VLS_WithSlots$6<T, S> = T & {
|
|
65
|
+
new (): {
|
|
66
|
+
$slots: S;
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
//#endregion
|
|
70
|
+
//#region src/components/password-input/password-input-control.vue.d.ts
|
|
71
|
+
interface PasswordInputControlBaseProps extends PolymorphicProps {}
|
|
72
|
+
interface PasswordInputControlProps extends PasswordInputControlBaseProps,
|
|
73
|
+
/**
|
|
74
|
+
* @vue-ignore
|
|
75
|
+
*/
|
|
76
|
+
HTMLAttributes {}
|
|
77
|
+
declare const _default$1: typeof __VLS_export$6;
|
|
78
|
+
declare const __VLS_export$6: __VLS_WithSlots$5<vue1672.DefineComponent<PasswordInputControlProps, {}, {}, {}, {}, vue1672.ComponentOptionsMixin, vue1672.ComponentOptionsMixin, {}, string, vue1672.PublicProps, Readonly<PasswordInputControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1672.ComponentProvideOptions, false, {}, any>, {
|
|
79
|
+
default?: (props: {}) => any;
|
|
80
|
+
}>;
|
|
81
|
+
type __VLS_WithSlots$5<T, S> = T & {
|
|
82
|
+
new (): {
|
|
83
|
+
$slots: S;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
//#endregion
|
|
87
|
+
//#region src/components/password-input/password-input-indicator.vue.d.ts
|
|
88
|
+
interface PasswordInputIndicatorBaseProps extends PolymorphicProps {
|
|
89
|
+
/**
|
|
90
|
+
* The fallback content to display when the password is not visible.
|
|
91
|
+
*/
|
|
92
|
+
fallback?: string;
|
|
93
|
+
}
|
|
94
|
+
interface PasswordInputIndicatorProps extends PasswordInputIndicatorBaseProps,
|
|
95
|
+
/**
|
|
96
|
+
* @vue-ignore
|
|
97
|
+
*/
|
|
98
|
+
HTMLAttributes {}
|
|
99
|
+
declare const _default$2: typeof __VLS_export$5;
|
|
100
|
+
declare const __VLS_export$5: __VLS_WithSlots$4<vue1672.DefineComponent<PasswordInputIndicatorProps, {}, {}, {}, {}, vue1672.ComponentOptionsMixin, vue1672.ComponentOptionsMixin, {}, string, vue1672.PublicProps, Readonly<PasswordInputIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1672.ComponentProvideOptions, false, {}, any>, {
|
|
101
|
+
default?: (props: {}) => any;
|
|
102
|
+
} & {
|
|
103
|
+
fallback?: (props: {
|
|
104
|
+
fallback: string | undefined;
|
|
105
|
+
}) => any;
|
|
106
|
+
}>;
|
|
107
|
+
type __VLS_WithSlots$4<T, S> = T & {
|
|
108
|
+
new (): {
|
|
109
|
+
$slots: S;
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
//#endregion
|
|
113
|
+
//#region src/components/password-input/password-input-input.vue.d.ts
|
|
114
|
+
interface PasswordInputInputBaseProps extends PolymorphicProps {}
|
|
115
|
+
interface PasswordInputInputProps extends PasswordInputInputBaseProps,
|
|
116
|
+
/**
|
|
117
|
+
* @vue-ignore
|
|
118
|
+
*/
|
|
119
|
+
HTMLAttributes {}
|
|
120
|
+
declare const _default$3: typeof __VLS_export$4;
|
|
121
|
+
declare const __VLS_export$4: vue1672.DefineComponent<PasswordInputInputProps, {}, {}, {}, {}, vue1672.ComponentOptionsMixin, vue1672.ComponentOptionsMixin, {}, string, vue1672.PublicProps, Readonly<PasswordInputInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1672.ComponentProvideOptions, false, {}, any>;
|
|
122
|
+
//#endregion
|
|
123
|
+
//#region src/components/password-input/password-input-label.vue.d.ts
|
|
124
|
+
interface PasswordInputLabelBaseProps extends PolymorphicProps {}
|
|
125
|
+
interface PasswordInputLabelProps extends PasswordInputLabelBaseProps,
|
|
126
|
+
/**
|
|
127
|
+
* @vue-ignore
|
|
128
|
+
*/
|
|
129
|
+
HTMLAttributes {}
|
|
130
|
+
declare const _default$4: typeof __VLS_export$3;
|
|
131
|
+
declare const __VLS_export$3: __VLS_WithSlots$3<vue1672.DefineComponent<PasswordInputLabelProps, {}, {}, {}, {}, vue1672.ComponentOptionsMixin, vue1672.ComponentOptionsMixin, {}, string, vue1672.PublicProps, Readonly<PasswordInputLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1672.ComponentProvideOptions, false, {}, any>, {
|
|
132
|
+
default?: (props: {}) => any;
|
|
133
|
+
}>;
|
|
134
|
+
type __VLS_WithSlots$3<T, S> = T & {
|
|
135
|
+
new (): {
|
|
136
|
+
$slots: S;
|
|
137
|
+
};
|
|
138
|
+
};
|
|
139
|
+
//#endregion
|
|
140
|
+
//#region src/components/password-input/password-input-root.vue.d.ts
|
|
141
|
+
interface PasswordInputRootBaseProps extends RootProps, PolymorphicProps {}
|
|
142
|
+
interface PasswordInputRootProps extends PasswordInputRootBaseProps,
|
|
143
|
+
/**
|
|
144
|
+
* @vue-ignore
|
|
145
|
+
*/
|
|
146
|
+
HTMLAttributes {}
|
|
147
|
+
declare const _default$5: typeof __VLS_export$2;
|
|
148
|
+
declare const __VLS_export$2: __VLS_WithSlots$2<vue1672.DefineComponent<PasswordInputRootProps, {}, {}, {}, {}, vue1672.ComponentOptionsMixin, vue1672.ComponentOptionsMixin, {
|
|
149
|
+
visibilityChange: (details: passwordInput.VisibilityChangeDetails) => any;
|
|
150
|
+
"update:visible": (visible: boolean) => any;
|
|
151
|
+
}, string, vue1672.PublicProps, Readonly<PasswordInputRootProps> & Readonly<{
|
|
152
|
+
onVisibilityChange?: ((details: passwordInput.VisibilityChangeDetails) => any) | undefined;
|
|
153
|
+
"onUpdate:visible"?: ((visible: boolean) => any) | undefined;
|
|
154
|
+
}>, {
|
|
155
|
+
required: boolean;
|
|
156
|
+
disabled: boolean;
|
|
157
|
+
invalid: boolean;
|
|
158
|
+
readOnly: boolean;
|
|
159
|
+
defaultVisible: boolean;
|
|
160
|
+
ignorePasswordManagers: boolean;
|
|
161
|
+
visible: boolean;
|
|
162
|
+
}, {}, {}, {}, string, vue1672.ComponentProvideOptions, false, {}, any>, {
|
|
163
|
+
default?: (props: {}) => any;
|
|
164
|
+
}>;
|
|
165
|
+
type __VLS_WithSlots$2<T, S> = T & {
|
|
166
|
+
new (): {
|
|
167
|
+
$slots: S;
|
|
168
|
+
};
|
|
169
|
+
};
|
|
170
|
+
//#endregion
|
|
171
|
+
//#region src/components/password-input/password-input-root-provider.vue.d.ts
|
|
172
|
+
interface PasswordInputRootProviderBaseProps extends PolymorphicProps {
|
|
173
|
+
value: UnwrapRef<UsePasswordInputReturn>;
|
|
174
|
+
}
|
|
175
|
+
interface PasswordInputRootProviderProps extends PasswordInputRootProviderBaseProps,
|
|
176
|
+
/**
|
|
177
|
+
* @vue-ignore
|
|
178
|
+
*/
|
|
179
|
+
HTMLAttributes {}
|
|
180
|
+
declare const _default$6: typeof __VLS_export$1;
|
|
181
|
+
declare const __VLS_export$1: __VLS_WithSlots$1<vue1672.DefineComponent<PasswordInputRootProviderProps, {}, {}, {}, {}, vue1672.ComponentOptionsMixin, vue1672.ComponentOptionsMixin, {}, string, vue1672.PublicProps, Readonly<PasswordInputRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1672.ComponentProvideOptions, false, {}, any>, {
|
|
182
|
+
default?: (props: {}) => any;
|
|
183
|
+
}>;
|
|
184
|
+
type __VLS_WithSlots$1<T, S> = T & {
|
|
185
|
+
new (): {
|
|
186
|
+
$slots: S;
|
|
187
|
+
};
|
|
188
|
+
};
|
|
189
|
+
//#endregion
|
|
190
|
+
//#region src/components/password-input/password-input-visibility-trigger.vue.d.ts
|
|
191
|
+
interface PasswordInputVisibilityTriggerBaseProps extends PolymorphicProps {}
|
|
192
|
+
interface PasswordInputVisibilityTriggerProps extends PasswordInputVisibilityTriggerBaseProps,
|
|
193
|
+
/**
|
|
194
|
+
* @vue-ignore
|
|
195
|
+
*/
|
|
196
|
+
HTMLAttributes {}
|
|
197
|
+
declare const _default$7: typeof __VLS_export;
|
|
198
|
+
declare const __VLS_export: __VLS_WithSlots<vue1672.DefineComponent<PasswordInputVisibilityTriggerProps, {}, {}, {}, {}, vue1672.ComponentOptionsMixin, vue1672.ComponentOptionsMixin, {}, string, vue1672.PublicProps, Readonly<PasswordInputVisibilityTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1672.ComponentProvideOptions, false, {}, any>, {
|
|
199
|
+
default?: (props: {}) => any;
|
|
200
|
+
}>;
|
|
201
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
202
|
+
new (): {
|
|
203
|
+
$slots: S;
|
|
204
|
+
};
|
|
205
|
+
};
|
|
206
|
+
//#endregion
|
|
207
|
+
//#region src/components/password-input/use-password-input-context.d.ts
|
|
208
|
+
interface UsePasswordInputContext extends UsePasswordInputReturn {}
|
|
209
|
+
declare namespace password_input_d_exports {
|
|
210
|
+
export { _default as Context, PasswordInputContextProps as ContextProps, _default$1 as Control, PasswordInputControlBaseProps as ControlBaseProps, PasswordInputControlProps as ControlProps, _default$2 as Indicator, PasswordInputIndicatorBaseProps as IndicatorBaseProps, PasswordInputIndicatorProps as IndicatorProps, _default$3 as Input, PasswordInputInputBaseProps as InputBaseProps, PasswordInputInputProps as InputProps, _default$4 as Label, PasswordInputLabelBaseProps as LabelBaseProps, PasswordInputLabelProps as LabelProps, _default$5 as Root, PasswordInputRootBaseProps as RootBaseProps, PasswordInputRootProps as RootProps, _default$6 as RootProvider, PasswordInputRootProviderBaseProps as RootProviderBaseProps, PasswordInputRootProviderProps as RootProviderProps, VisibilityChangeDetails, _default$7 as VisibilityTrigger, PasswordInputVisibilityTriggerBaseProps as VisibilityTriggerBaseProps, PasswordInputVisibilityTriggerProps as VisibilityTriggerProps };
|
|
211
|
+
}
|
|
212
|
+
//#endregion
|
|
213
|
+
export { password_input_d_exports as PasswordInput, _default as PasswordInputContext, type PasswordInputContextProps, _default$1 as PasswordInputControl, type PasswordInputControlBaseProps, type PasswordInputControlProps, _default$2 as PasswordInputIndicator, type PasswordInputIndicatorBaseProps, type PasswordInputIndicatorProps, _default$3 as PasswordInputInput, type PasswordInputInputBaseProps, type PasswordInputInputProps, _default$4 as PasswordInputLabel, type PasswordInputLabelBaseProps, type PasswordInputLabelProps, _default$5 as PasswordInputRoot, type PasswordInputRootBaseProps, type PasswordInputRootProps, _default$6 as PasswordInputRootProvider, type PasswordInputRootProviderBaseProps, type PasswordInputRootProviderProps, type PasswordInputVisibilityChangeDetails, _default$7 as PasswordInputVisibilityTrigger, type PasswordInputVisibilityTriggerBaseProps, type PasswordInputVisibilityTriggerProps, type UsePasswordInputContext, type UsePasswordInputProps, type UsePasswordInputReturn, passwordInputAnatomy, usePasswordInput, usePasswordInputContext };
|
|
@@ -0,0 +1,325 @@
|
|
|
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-D2R4tz5e.js";
|
|
8
|
+
import { m as useFieldContext } from "../../field-CtPR24u6.js";
|
|
9
|
+
import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toDisplayString, toValue, unref, useId, withCtx } from "vue";
|
|
10
|
+
import * as passwordInput from "@sprawlify/primitives/machines/password-input";
|
|
11
|
+
import { anatomy as passwordInputAnatomy } from "@sprawlify/primitives/machines/password-input";
|
|
12
|
+
|
|
13
|
+
//#region src/components/password-input/use-password-input-context.ts
|
|
14
|
+
const [PasswordInputProvider, usePasswordInputContext] = createContext("PasswordInput");
|
|
15
|
+
|
|
16
|
+
//#endregion
|
|
17
|
+
//#region src/components/password-input/password-input-context.vue?vue&type=script&setup=true&lang.ts
|
|
18
|
+
var password_input_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
19
|
+
__name: "password-input-context",
|
|
20
|
+
props: { value: {
|
|
21
|
+
type: Object,
|
|
22
|
+
required: true
|
|
23
|
+
} },
|
|
24
|
+
setup(__props) {
|
|
25
|
+
const passwordInput = usePasswordInputContext();
|
|
26
|
+
return (_ctx, _cache) => {
|
|
27
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(passwordInput))));
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
//#endregion
|
|
33
|
+
//#region src/components/password-input/password-input-context.vue
|
|
34
|
+
var password_input_context_default = password_input_context_vue_vue_type_script_setup_true_lang_default;
|
|
35
|
+
|
|
36
|
+
//#endregion
|
|
37
|
+
//#region src/components/password-input/password-input-control.vue?vue&type=script&setup=true&lang.ts
|
|
38
|
+
var password_input_control_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
39
|
+
__name: "password-input-control",
|
|
40
|
+
props: { asChild: {
|
|
41
|
+
type: Boolean,
|
|
42
|
+
required: false
|
|
43
|
+
} },
|
|
44
|
+
setup(__props) {
|
|
45
|
+
const passwordInput = usePasswordInputContext();
|
|
46
|
+
useForwardExpose();
|
|
47
|
+
return (_ctx, _cache) => {
|
|
48
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(passwordInput).getControlProps(), { "as-child": __props.asChild }), {
|
|
49
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
50
|
+
_: 3
|
|
51
|
+
}, 16, ["as-child"]);
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
|
|
56
|
+
//#endregion
|
|
57
|
+
//#region src/components/password-input/password-input-control.vue
|
|
58
|
+
var password_input_control_default = password_input_control_vue_vue_type_script_setup_true_lang_default;
|
|
59
|
+
|
|
60
|
+
//#endregion
|
|
61
|
+
//#region src/components/password-input/password-input-indicator.vue?vue&type=script&setup=true&lang.ts
|
|
62
|
+
var password_input_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
63
|
+
__name: "password-input-indicator",
|
|
64
|
+
props: {
|
|
65
|
+
fallback: {
|
|
66
|
+
type: String,
|
|
67
|
+
required: false
|
|
68
|
+
},
|
|
69
|
+
asChild: {
|
|
70
|
+
type: Boolean,
|
|
71
|
+
required: false
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
setup(__props) {
|
|
75
|
+
const passwordInput = usePasswordInputContext();
|
|
76
|
+
useForwardExpose();
|
|
77
|
+
return (_ctx, _cache) => {
|
|
78
|
+
return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(passwordInput).getIndicatorProps(), { "as-child": __props.asChild }), {
|
|
79
|
+
default: withCtx(() => [unref(passwordInput).visible ? renderSlot(_ctx.$slots, "default", { key: 0 }) : renderSlot(_ctx.$slots, "fallback", {
|
|
80
|
+
key: 1,
|
|
81
|
+
fallback: __props.fallback
|
|
82
|
+
}, () => [createTextVNode(toDisplayString(__props.fallback), 1)])]),
|
|
83
|
+
_: 3
|
|
84
|
+
}, 16, ["as-child"]);
|
|
85
|
+
};
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
|
|
89
|
+
//#endregion
|
|
90
|
+
//#region src/components/password-input/password-input-indicator.vue
|
|
91
|
+
var password_input_indicator_default = password_input_indicator_vue_vue_type_script_setup_true_lang_default;
|
|
92
|
+
|
|
93
|
+
//#endregion
|
|
94
|
+
//#region src/components/password-input/password-input-input.vue?vue&type=script&setup=true&lang.ts
|
|
95
|
+
var password_input_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
96
|
+
__name: "password-input-input",
|
|
97
|
+
props: { asChild: {
|
|
98
|
+
type: Boolean,
|
|
99
|
+
required: false
|
|
100
|
+
} },
|
|
101
|
+
setup(__props) {
|
|
102
|
+
const passwordInput = usePasswordInputContext();
|
|
103
|
+
const field = useFieldContext();
|
|
104
|
+
useForwardExpose();
|
|
105
|
+
return (_ctx, _cache) => {
|
|
106
|
+
return openBlock(), createBlock(unref(sprawlify).input, mergeProps(unref(passwordInput).getInputProps(), {
|
|
107
|
+
"aria-describedby": unref(field)?.ariaDescribedby,
|
|
108
|
+
"as-child": __props.asChild
|
|
109
|
+
}), null, 16, ["aria-describedby", "as-child"]);
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
});
|
|
113
|
+
|
|
114
|
+
//#endregion
|
|
115
|
+
//#region src/components/password-input/password-input-input.vue
|
|
116
|
+
var password_input_input_default = password_input_input_vue_vue_type_script_setup_true_lang_default;
|
|
117
|
+
|
|
118
|
+
//#endregion
|
|
119
|
+
//#region src/components/password-input/password-input-label.vue?vue&type=script&setup=true&lang.ts
|
|
120
|
+
var password_input_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
121
|
+
__name: "password-input-label",
|
|
122
|
+
props: { asChild: {
|
|
123
|
+
type: Boolean,
|
|
124
|
+
required: false
|
|
125
|
+
} },
|
|
126
|
+
setup(__props) {
|
|
127
|
+
const passwordInput = usePasswordInputContext();
|
|
128
|
+
useForwardExpose();
|
|
129
|
+
return (_ctx, _cache) => {
|
|
130
|
+
return openBlock(), createBlock(unref(sprawlify).label, mergeProps(unref(passwordInput).getLabelProps(), { "as-child": __props.asChild }), {
|
|
131
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
132
|
+
_: 3
|
|
133
|
+
}, 16, ["as-child"]);
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
});
|
|
137
|
+
|
|
138
|
+
//#endregion
|
|
139
|
+
//#region src/components/password-input/password-input-label.vue
|
|
140
|
+
var password_input_label_default = password_input_label_vue_vue_type_script_setup_true_lang_default;
|
|
141
|
+
|
|
142
|
+
//#endregion
|
|
143
|
+
//#region src/components/password-input/use-password-input.ts
|
|
144
|
+
const usePasswordInput = (props = {}, emit) => {
|
|
145
|
+
const id = useId();
|
|
146
|
+
const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
|
|
147
|
+
const locale = useLocaleContext(DEFAULT_LOCALE);
|
|
148
|
+
const field = useFieldContext();
|
|
149
|
+
const context = computed(() => {
|
|
150
|
+
const localeProps = toValue(props);
|
|
151
|
+
return {
|
|
152
|
+
id,
|
|
153
|
+
ids: { input: field?.value.ids.control },
|
|
154
|
+
disabled: field?.value.disabled,
|
|
155
|
+
readOnly: field?.value.readOnly,
|
|
156
|
+
required: field?.value.required,
|
|
157
|
+
invalid: field?.value.invalid,
|
|
158
|
+
dir: locale.value.dir,
|
|
159
|
+
getRootNode: env?.value.getRootNode,
|
|
160
|
+
...cleanProps(localeProps),
|
|
161
|
+
onVisibilityChange: (details) => {
|
|
162
|
+
emit?.("visibilityChange", details);
|
|
163
|
+
emit?.("update:visible", details.visible);
|
|
164
|
+
localeProps.onVisibilityChange?.(details);
|
|
165
|
+
}
|
|
166
|
+
};
|
|
167
|
+
});
|
|
168
|
+
const service = useMachine(passwordInput.machine, context);
|
|
169
|
+
return computed(() => passwordInput.connect(service, normalizeProps$1));
|
|
170
|
+
};
|
|
171
|
+
|
|
172
|
+
//#endregion
|
|
173
|
+
//#region src/components/password-input/password-input-root.vue?vue&type=script&setup=true&lang.ts
|
|
174
|
+
var password_input_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
175
|
+
__name: "password-input-root",
|
|
176
|
+
props: /* @__PURE__ */ mergeDefaults({
|
|
177
|
+
autoComplete: {
|
|
178
|
+
type: null,
|
|
179
|
+
required: false
|
|
180
|
+
},
|
|
181
|
+
defaultVisible: {
|
|
182
|
+
type: Boolean,
|
|
183
|
+
required: false
|
|
184
|
+
},
|
|
185
|
+
disabled: {
|
|
186
|
+
type: Boolean,
|
|
187
|
+
required: false
|
|
188
|
+
},
|
|
189
|
+
id: {
|
|
190
|
+
type: String,
|
|
191
|
+
required: false
|
|
192
|
+
},
|
|
193
|
+
ids: {
|
|
194
|
+
type: null,
|
|
195
|
+
required: false
|
|
196
|
+
},
|
|
197
|
+
ignorePasswordManagers: {
|
|
198
|
+
type: Boolean,
|
|
199
|
+
required: false
|
|
200
|
+
},
|
|
201
|
+
invalid: {
|
|
202
|
+
type: Boolean,
|
|
203
|
+
required: false
|
|
204
|
+
},
|
|
205
|
+
name: {
|
|
206
|
+
type: String,
|
|
207
|
+
required: false
|
|
208
|
+
},
|
|
209
|
+
readOnly: {
|
|
210
|
+
type: Boolean,
|
|
211
|
+
required: false
|
|
212
|
+
},
|
|
213
|
+
required: {
|
|
214
|
+
type: Boolean,
|
|
215
|
+
required: false
|
|
216
|
+
},
|
|
217
|
+
translations: {
|
|
218
|
+
type: null,
|
|
219
|
+
required: false
|
|
220
|
+
},
|
|
221
|
+
visible: {
|
|
222
|
+
type: Boolean,
|
|
223
|
+
required: false
|
|
224
|
+
},
|
|
225
|
+
asChild: {
|
|
226
|
+
type: Boolean,
|
|
227
|
+
required: false
|
|
228
|
+
}
|
|
229
|
+
}, {
|
|
230
|
+
defaultVisible: void 0,
|
|
231
|
+
disabled: void 0,
|
|
232
|
+
ignorePasswordManagers: void 0,
|
|
233
|
+
invalid: void 0,
|
|
234
|
+
readOnly: void 0,
|
|
235
|
+
required: void 0,
|
|
236
|
+
visible: void 0
|
|
237
|
+
}),
|
|
238
|
+
emits: ["visibilityChange", "update:visible"],
|
|
239
|
+
setup(__props, { emit: __emit }) {
|
|
240
|
+
const passwordInput = usePasswordInput(__props, __emit);
|
|
241
|
+
PasswordInputProvider(passwordInput);
|
|
242
|
+
useForwardExpose();
|
|
243
|
+
return (_ctx, _cache) => {
|
|
244
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(passwordInput).getRootProps(), { "as-child": __props.asChild }), {
|
|
245
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
246
|
+
_: 3
|
|
247
|
+
}, 16, ["as-child"]);
|
|
248
|
+
};
|
|
249
|
+
}
|
|
250
|
+
});
|
|
251
|
+
|
|
252
|
+
//#endregion
|
|
253
|
+
//#region src/components/password-input/password-input-root.vue
|
|
254
|
+
var password_input_root_default = password_input_root_vue_vue_type_script_setup_true_lang_default;
|
|
255
|
+
|
|
256
|
+
//#endregion
|
|
257
|
+
//#region src/components/password-input/password-input-root-provider.vue?vue&type=script&setup=true&lang.ts
|
|
258
|
+
var password_input_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
259
|
+
__name: "password-input-root-provider",
|
|
260
|
+
props: {
|
|
261
|
+
value: {
|
|
262
|
+
type: null,
|
|
263
|
+
required: true
|
|
264
|
+
},
|
|
265
|
+
asChild: {
|
|
266
|
+
type: Boolean,
|
|
267
|
+
required: false
|
|
268
|
+
}
|
|
269
|
+
},
|
|
270
|
+
setup(__props) {
|
|
271
|
+
const props = __props;
|
|
272
|
+
PasswordInputProvider(computed(() => props.value));
|
|
273
|
+
useForwardExpose();
|
|
274
|
+
return (_ctx, _cache) => {
|
|
275
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(__props.value.getRootProps(), { "as-child": __props.asChild }), {
|
|
276
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
277
|
+
_: 3
|
|
278
|
+
}, 16, ["as-child"]);
|
|
279
|
+
};
|
|
280
|
+
}
|
|
281
|
+
});
|
|
282
|
+
|
|
283
|
+
//#endregion
|
|
284
|
+
//#region src/components/password-input/password-input-root-provider.vue
|
|
285
|
+
var password_input_root_provider_default = password_input_root_provider_vue_vue_type_script_setup_true_lang_default;
|
|
286
|
+
|
|
287
|
+
//#endregion
|
|
288
|
+
//#region src/components/password-input/password-input-visibility-trigger.vue?vue&type=script&setup=true&lang.ts
|
|
289
|
+
var password_input_visibility_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
290
|
+
__name: "password-input-visibility-trigger",
|
|
291
|
+
props: { asChild: {
|
|
292
|
+
type: Boolean,
|
|
293
|
+
required: false
|
|
294
|
+
} },
|
|
295
|
+
setup(__props) {
|
|
296
|
+
const passwordInput = usePasswordInputContext();
|
|
297
|
+
useForwardExpose();
|
|
298
|
+
return (_ctx, _cache) => {
|
|
299
|
+
return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(passwordInput).getVisibilityTriggerProps(), { "as-child": __props.asChild }), {
|
|
300
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
301
|
+
_: 3
|
|
302
|
+
}, 16, ["as-child"]);
|
|
303
|
+
};
|
|
304
|
+
}
|
|
305
|
+
});
|
|
306
|
+
|
|
307
|
+
//#endregion
|
|
308
|
+
//#region src/components/password-input/password-input-visibility-trigger.vue
|
|
309
|
+
var password_input_visibility_trigger_default = password_input_visibility_trigger_vue_vue_type_script_setup_true_lang_default;
|
|
310
|
+
|
|
311
|
+
//#endregion
|
|
312
|
+
//#region src/components/password-input/password-input.ts
|
|
313
|
+
var password_input_exports = /* @__PURE__ */ __exportAll({
|
|
314
|
+
Context: () => password_input_context_default,
|
|
315
|
+
Control: () => password_input_control_default,
|
|
316
|
+
Indicator: () => password_input_indicator_default,
|
|
317
|
+
Input: () => password_input_input_default,
|
|
318
|
+
Label: () => password_input_label_default,
|
|
319
|
+
Root: () => password_input_root_default,
|
|
320
|
+
RootProvider: () => password_input_root_provider_default,
|
|
321
|
+
VisibilityTrigger: () => password_input_visibility_trigger_default
|
|
322
|
+
});
|
|
323
|
+
|
|
324
|
+
//#endregion
|
|
325
|
+
export { password_input_exports as PasswordInput, password_input_context_default as PasswordInputContext, password_input_control_default as PasswordInputControl, password_input_indicator_default as PasswordInputIndicator, password_input_input_default as PasswordInputInput, password_input_label_default as PasswordInputLabel, password_input_root_default as PasswordInputRoot, password_input_root_provider_default as PasswordInputRootProvider, password_input_visibility_trigger_default as PasswordInputVisibilityTrigger, passwordInputAnatomy, usePasswordInput, usePasswordInputContext };
|