@ironsource/shared-ui 2.1.1-rc.1 → 2.1.1-rc.3

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.
Files changed (27) hide show
  1. package/{CardPanel.vue_vue_type_style_index_0_scoped_3cda0f04_lang.css → CardPanel.vue_vue_type_style_index_0_scoped_d2b5d12f_lang.css} +1 -1
  2. package/{FormCard.vue_vue_type_style_index_0_scoped_bb7d27f9_lang.css → FormCard.vue_vue_type_style_index_0_scoped_ad5e4be0_lang.css} +1 -1
  3. package/FormRow.vue_vue_type_style_index_0_scoped_017dc22e_lang.css +1 -0
  4. package/components/{layout → forms}/CardPanel.vue.js +2 -2
  5. package/components/{layout → forms}/CardPanel.vue2.js +1 -1
  6. package/components/forms/FormCard.vue.js +7 -0
  7. package/components/{layout → forms}/FormCard.vue2.js +1 -1
  8. package/components/forms/FormRow.vue.js +7 -0
  9. package/components/forms/FormRow.vue2.js +41 -0
  10. package/components/forms/index.d.ts +397 -0
  11. package/components/forms/index.js +9 -2
  12. package/components/forms/validation/examples/dynamicForm/useFormTestValidation.d.ts +2 -1
  13. package/components/forms/validation/examples/simpleForm/useSimpleFormValidation.d.ts +2 -1
  14. package/components/icon/v3/icons/Duplicate.vue.js +1 -1
  15. package/components/layout/index.d.ts +3 -398
  16. package/components/layout/index.js +4 -10
  17. package/composables/useFormValidation.d.ts +2 -2
  18. package/composables/useFormValidation.js +12 -12
  19. package/index.js +85 -84
  20. package/package.json +1 -1
  21. package/FormRow.vue_vue_type_style_index_0_scoped_8daca9c2_lang.css +0 -1
  22. package/components/layout/FormCard.vue.js +0 -7
  23. package/components/layout/FormRow.vue.js +0 -7
  24. package/components/layout/FormRow.vue2.js +0 -43
  25. /package/components/{layout → forms}/CardPanel.vue.d.ts +0 -0
  26. /package/components/{layout → forms}/FormCard.vue.d.ts +0 -0
  27. /package/components/{layout → forms}/FormRow.vue.d.ts +0 -0
@@ -1 +1 @@
1
- .card-panel[data-v-3cda0f04]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper);padding:calc(var(--spacing-300) - 2px) var(--spacing-300)}.card-panel--has-next[data-v-3cda0f04]{border-bottom-right-radius:0;border-bottom-left-radius:0}.card-panel--has-next+.card-panel[data-v-3cda0f04]{border-top:0;border-top-right-radius:0;border-top-left-radius:0}
1
+ .card-panel[data-v-d2b5d12f]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper);padding:calc(var(--spacing-300) - 2px) var(--spacing-300)}.card-panel--has-next[data-v-d2b5d12f]{border-bottom-right-radius:0;border-bottom-left-radius:0}.card-panel--has-next+.card-panel[data-v-d2b5d12f]{border-top:0;border-top-right-radius:0;border-top-left-radius:0}
@@ -1 +1 @@
1
- .form-card[data-v-bb7d27f9]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-default)}.card-header[data-v-bb7d27f9]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-700);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300)}.card-content[data-v-bb7d27f9]{padding:var(--spacing-300) var(--spacing-400)}.card-content--no-padding[data-v-bb7d27f9]{padding:0}.form-actions[data-v-bb7d27f9]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-bb7d27f9]{margin-left:var(--spacing-100)}
1
+ .form-card[data-v-ad5e4be0]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-default)}.card-header[data-v-ad5e4be0]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-700);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300)}.card-content[data-v-ad5e4be0]{padding:var(--spacing-300) var(--spacing-400)}.card-content--no-padding[data-v-ad5e4be0]{padding:0}.form-actions[data-v-ad5e4be0]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-ad5e4be0]{margin-left:var(--spacing-100)}
@@ -0,0 +1 @@
1
+ .form-row[data-v-017dc22e]{display:flex;height:auto;gap:1.5rem;align-items:baseline}.form-row .label-container[data-v-017dc22e]{display:flex;min-height:1.75rem;height:100%;width:12.875rem;align-items:center;gap:.25rem;flex-shrink:0}.form-row .label-container .mandatory[data-v-017dc22e]{color:var(--error-main);padding-top:.1875rem}.form-row .content[data-v-017dc22e]{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;width:100%}
@@ -1,7 +1,7 @@
1
1
  import o from "./CardPanel.vue2.js";
2
2
  /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../CardPanel.vue_vue_type_style_index_0_scoped_3cda0f04_lang.css"; //*');
4
- const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3cda0f04"]]);
3
+ // import "../../CardPanel.vue_vue_type_style_index_0_scoped_d2b5d12f_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d2b5d12f"]]);
5
5
  export {
6
6
  t as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../CardPanel.vue_vue_type_style_index_0_scoped_3cda0f04_lang.css"; import { defineComponent as t, ref as a, onMounted as r, openBlock as s, createElementBlock as d, normalizeClass as c, renderSlot as f } from "vue";
1
+ import "../../CardPanel.vue_vue_type_style_index_0_scoped_d2b5d12f_lang.css"; import { defineComponent as t, ref as a, onMounted as r, openBlock as s, createElementBlock as d, normalizeClass as c, renderSlot as f } from "vue";
2
2
  const u = /* @__PURE__ */ t({
3
3
  __name: "CardPanel",
4
4
  props: {
@@ -0,0 +1,7 @@
1
+ import o from "./FormCard.vue2.js";
2
+ /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../FormCard.vue_vue_type_style_index_0_scoped_ad5e4be0_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad5e4be0"]]);
5
+ export {
6
+ t as default
7
+ };
@@ -1,4 +1,4 @@
1
- import "../../FormCard.vue_vue_type_style_index_0_scoped_bb7d27f9_lang.css"; import { defineComponent as g, openBlock as v, createElementBlock as T, createElementVNode as r, mergeProps as n, unref as e, renderSlot as s, createVNode as i, withCtx as c, createTextVNode as f, toDisplayString as u, createCommentVNode as B } from "vue";
1
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_ad5e4be0_lang.css"; import { defineComponent as g, openBlock as v, createElementBlock as T, createElementVNode as r, mergeProps as n, unref as e, renderSlot as s, createVNode as i, withCtx as c, createTextVNode as f, toDisplayString as u, createCommentVNode as B } from "vue";
2
2
  import N from "../typography/v4/Typography.vue.js";
3
3
  import p from "../button/v4/ButtonV4.vue.js";
4
4
  import "../button/v4/IconButtonV4.vue.js";
@@ -0,0 +1,7 @@
1
+ import o from "./FormRow.vue2.js";
2
+ /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../FormRow.vue_vue_type_style_index_0_scoped_017dc22e_lang.css"; //*');
4
+ const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-017dc22e"]]);
5
+ export {
6
+ c as default
7
+ };
@@ -0,0 +1,41 @@
1
+ import "../../FormRow.vue_vue_type_style_index_0_scoped_017dc22e_lang.css"; import { defineComponent as c, openBlock as t, createElementBlock as a, createVNode as i, unref as o, withCtx as l, createTextVNode as d, toDisplayString as m, createBlock as u, createCommentVNode as r, createElementVNode as f, renderSlot as y } from "vue";
2
+ import n from "../typography/v4/Typography.vue.js";
3
+ const p = { class: "form-row" }, _ = ["data-testid"], h = { class: "content" }, B = /* @__PURE__ */ c({
4
+ __name: "FormRow",
5
+ props: {
6
+ label: { default: "" },
7
+ mandatory: { type: Boolean, default: !1 },
8
+ testId: { default: "" }
9
+ },
10
+ setup(e) {
11
+ return (s, b) => (t(), a("div", p, [
12
+ e.label ? (t(), a("div", {
13
+ key: 0,
14
+ "data-testid": e.testId,
15
+ class: "label-container"
16
+ }, [
17
+ i(o(n), { variant: "inputLabel" }, {
18
+ default: l(() => [
19
+ d(m(e.label), 1)
20
+ ]),
21
+ _: 1
22
+ }),
23
+ e.mandatory ? (t(), u(o(n), {
24
+ key: 0,
25
+ class: "mandatory"
26
+ }, {
27
+ default: l(() => [
28
+ d("*")
29
+ ]),
30
+ _: 1
31
+ })) : r("", !0)
32
+ ], 8, _)) : r("", !0),
33
+ f("div", h, [
34
+ y(s.$slots, "default", {}, void 0, !0)
35
+ ])
36
+ ]));
37
+ }
38
+ });
39
+ export {
40
+ B as default
41
+ };
@@ -1,4 +1,401 @@
1
1
  import FormField from './FormField.vue';
2
+ import FormCard from './FormCard.vue';
3
+ import CardPanel from './CardPanel.vue';
4
+ import FormRow from './FormRow.vue';
5
+ declare const FormCardTypes: () => (({
6
+ new (...args: any[]): {
7
+ $: import("vue").ComponentInternalInstance;
8
+ $data: {};
9
+ $props: Partial<{
10
+ noPadding: boolean;
11
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
12
+ noPadding: {
13
+ type: import("vue").PropType<boolean>;
14
+ default: boolean;
15
+ };
16
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "noPadding">;
17
+ $attrs: {
18
+ [x: string]: unknown;
19
+ };
20
+ $refs: {
21
+ [x: string]: unknown;
22
+ };
23
+ $slots: Readonly<{
24
+ [name: string]: import("vue").Slot;
25
+ }>;
26
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
27
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
28
+ $emit: (event: string, ...args: any[]) => void;
29
+ $el: any;
30
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
31
+ noPadding: {
32
+ type: import("vue").PropType<boolean>;
33
+ default: boolean;
34
+ };
35
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
36
+ noPadding: boolean;
37
+ }, {}, string> & {
38
+ beforeCreate?: (() => void) | (() => void)[];
39
+ created?: (() => void) | (() => void)[];
40
+ beforeMount?: (() => void) | (() => void)[];
41
+ mounted?: (() => void) | (() => void)[];
42
+ beforeUpdate?: (() => void) | (() => void)[];
43
+ updated?: (() => void) | (() => void)[];
44
+ activated?: (() => void) | (() => void)[];
45
+ deactivated?: (() => void) | (() => void)[];
46
+ beforeDestroy?: (() => void) | (() => void)[];
47
+ beforeUnmount?: (() => void) | (() => void)[];
48
+ destroyed?: (() => void) | (() => void)[];
49
+ unmounted?: (() => void) | (() => void)[];
50
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
51
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
52
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
53
+ };
54
+ $forceUpdate: () => void;
55
+ $nextTick: typeof import("vue").nextTick;
56
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
57
+ } & Readonly<import("vue").ExtractPropTypes<{
58
+ noPadding: {
59
+ type: import("vue").PropType<boolean>;
60
+ default: boolean;
61
+ };
62
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
63
+ __isFragment?: never;
64
+ __isTeleport?: never;
65
+ __isSuspense?: never;
66
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
67
+ noPadding: {
68
+ type: import("vue").PropType<boolean>;
69
+ default: boolean;
70
+ };
71
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
72
+ noPadding: boolean;
73
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
74
+ $slots: {
75
+ default?(_: {}): any;
76
+ };
77
+ })) | ({
78
+ new (...args: any[]): {
79
+ $: import("vue").ComponentInternalInstance;
80
+ $data: {};
81
+ $props: Partial<{
82
+ title: string;
83
+ testId: string;
84
+ actionButtons: boolean;
85
+ noPadding: boolean;
86
+ saveLabel: string;
87
+ cancelLabel: string;
88
+ saveLoading: boolean;
89
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
90
+ title: {
91
+ type: import("vue").PropType<string>;
92
+ default: string;
93
+ };
94
+ testId: {
95
+ type: import("vue").PropType<string>;
96
+ default: string;
97
+ };
98
+ actionButtons: {
99
+ type: import("vue").PropType<boolean>;
100
+ default: boolean;
101
+ };
102
+ noPadding: {
103
+ type: import("vue").PropType<boolean>;
104
+ default: boolean;
105
+ };
106
+ saveLabel: {
107
+ type: import("vue").PropType<string>;
108
+ default: string;
109
+ };
110
+ cancelLabel: {
111
+ type: import("vue").PropType<string>;
112
+ default: string;
113
+ };
114
+ saveLoading: {
115
+ type: import("vue").PropType<boolean>;
116
+ default: boolean;
117
+ };
118
+ }>> & {
119
+ onCancel?: () => any;
120
+ onSave?: () => any;
121
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "actionButtons" | "noPadding" | "saveLabel" | "cancelLabel" | "saveLoading">;
122
+ $attrs: {
123
+ [x: string]: unknown;
124
+ };
125
+ $refs: {
126
+ [x: string]: unknown;
127
+ };
128
+ $slots: Readonly<{
129
+ [name: string]: import("vue").Slot;
130
+ }>;
131
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
132
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
133
+ $emit: ((event: "cancel") => void) & ((event: "save") => void);
134
+ $el: any;
135
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
136
+ title: {
137
+ type: import("vue").PropType<string>;
138
+ default: string;
139
+ };
140
+ testId: {
141
+ type: import("vue").PropType<string>;
142
+ default: string;
143
+ };
144
+ actionButtons: {
145
+ type: import("vue").PropType<boolean>;
146
+ default: boolean;
147
+ };
148
+ noPadding: {
149
+ type: import("vue").PropType<boolean>;
150
+ default: boolean;
151
+ };
152
+ saveLabel: {
153
+ type: import("vue").PropType<string>;
154
+ default: string;
155
+ };
156
+ cancelLabel: {
157
+ type: import("vue").PropType<string>;
158
+ default: string;
159
+ };
160
+ saveLoading: {
161
+ type: import("vue").PropType<boolean>;
162
+ default: boolean;
163
+ };
164
+ }>> & {
165
+ onCancel?: () => any;
166
+ onSave?: () => any;
167
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
168
+ save: () => void;
169
+ cancel: () => void;
170
+ }, string, {
171
+ title: string;
172
+ testId: string;
173
+ actionButtons: boolean;
174
+ noPadding: boolean;
175
+ saveLabel: string;
176
+ cancelLabel: string;
177
+ saveLoading: boolean;
178
+ }, {}, string> & {
179
+ beforeCreate?: (() => void) | (() => void)[];
180
+ created?: (() => void) | (() => void)[];
181
+ beforeMount?: (() => void) | (() => void)[];
182
+ mounted?: (() => void) | (() => void)[];
183
+ beforeUpdate?: (() => void) | (() => void)[];
184
+ updated?: (() => void) | (() => void)[];
185
+ activated?: (() => void) | (() => void)[];
186
+ deactivated?: (() => void) | (() => void)[];
187
+ beforeDestroy?: (() => void) | (() => void)[];
188
+ beforeUnmount?: (() => void) | (() => void)[];
189
+ destroyed?: (() => void) | (() => void)[];
190
+ unmounted?: (() => void) | (() => void)[];
191
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
192
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
193
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
194
+ };
195
+ $forceUpdate: () => void;
196
+ $nextTick: typeof import("vue").nextTick;
197
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
198
+ } & Readonly<import("vue").ExtractPropTypes<{
199
+ title: {
200
+ type: import("vue").PropType<string>;
201
+ default: string;
202
+ };
203
+ testId: {
204
+ type: import("vue").PropType<string>;
205
+ default: string;
206
+ };
207
+ actionButtons: {
208
+ type: import("vue").PropType<boolean>;
209
+ default: boolean;
210
+ };
211
+ noPadding: {
212
+ type: import("vue").PropType<boolean>;
213
+ default: boolean;
214
+ };
215
+ saveLabel: {
216
+ type: import("vue").PropType<string>;
217
+ default: string;
218
+ };
219
+ cancelLabel: {
220
+ type: import("vue").PropType<string>;
221
+ default: string;
222
+ };
223
+ saveLoading: {
224
+ type: import("vue").PropType<boolean>;
225
+ default: boolean;
226
+ };
227
+ }>> & {
228
+ onCancel?: () => any;
229
+ onSave?: () => any;
230
+ } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
231
+ __isFragment?: never;
232
+ __isTeleport?: never;
233
+ __isSuspense?: never;
234
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
235
+ title: {
236
+ type: import("vue").PropType<string>;
237
+ default: string;
238
+ };
239
+ testId: {
240
+ type: import("vue").PropType<string>;
241
+ default: string;
242
+ };
243
+ actionButtons: {
244
+ type: import("vue").PropType<boolean>;
245
+ default: boolean;
246
+ };
247
+ noPadding: {
248
+ type: import("vue").PropType<boolean>;
249
+ default: boolean;
250
+ };
251
+ saveLabel: {
252
+ type: import("vue").PropType<string>;
253
+ default: string;
254
+ };
255
+ cancelLabel: {
256
+ type: import("vue").PropType<string>;
257
+ default: string;
258
+ };
259
+ saveLoading: {
260
+ type: import("vue").PropType<boolean>;
261
+ default: boolean;
262
+ };
263
+ }>> & {
264
+ onCancel?: () => any;
265
+ onSave?: () => any;
266
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
267
+ save: () => void;
268
+ cancel: () => void;
269
+ }, string, {
270
+ title: string;
271
+ testId: string;
272
+ actionButtons: boolean;
273
+ noPadding: boolean;
274
+ saveLabel: string;
275
+ cancelLabel: string;
276
+ saveLoading: boolean;
277
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
278
+ $slots: {
279
+ header?(_: {}): any;
280
+ default?(_: {}): any;
281
+ footer?(_: {}): any;
282
+ };
283
+ })) | ({
284
+ new (...args: any[]): {
285
+ $: import("vue").ComponentInternalInstance;
286
+ $data: {};
287
+ $props: Partial<{
288
+ label: string;
289
+ mandatory: boolean;
290
+ testId: string;
291
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
292
+ label: {
293
+ type: import("vue").PropType<string>;
294
+ required: true;
295
+ default: string;
296
+ };
297
+ mandatory: {
298
+ type: import("vue").PropType<boolean>;
299
+ default: boolean;
300
+ };
301
+ testId: {
302
+ type: import("vue").PropType<string>;
303
+ default: string;
304
+ };
305
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "mandatory" | "testId">;
306
+ $attrs: {
307
+ [x: string]: unknown;
308
+ };
309
+ $refs: {
310
+ [x: string]: unknown;
311
+ };
312
+ $slots: Readonly<{
313
+ [name: string]: import("vue").Slot;
314
+ }>;
315
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
316
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
317
+ $emit: (event: string, ...args: any[]) => void;
318
+ $el: any;
319
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
320
+ label: {
321
+ type: import("vue").PropType<string>;
322
+ required: true;
323
+ default: string;
324
+ };
325
+ mandatory: {
326
+ type: import("vue").PropType<boolean>;
327
+ default: boolean;
328
+ };
329
+ testId: {
330
+ type: import("vue").PropType<string>;
331
+ default: string;
332
+ };
333
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
334
+ label: string;
335
+ mandatory: boolean;
336
+ testId: string;
337
+ }, {}, string> & {
338
+ beforeCreate?: (() => void) | (() => void)[];
339
+ created?: (() => void) | (() => void)[];
340
+ beforeMount?: (() => void) | (() => void)[];
341
+ mounted?: (() => void) | (() => void)[];
342
+ beforeUpdate?: (() => void) | (() => void)[];
343
+ updated?: (() => void) | (() => void)[];
344
+ activated?: (() => void) | (() => void)[];
345
+ deactivated?: (() => void) | (() => void)[];
346
+ beforeDestroy?: (() => void) | (() => void)[];
347
+ beforeUnmount?: (() => void) | (() => void)[];
348
+ destroyed?: (() => void) | (() => void)[];
349
+ unmounted?: (() => void) | (() => void)[];
350
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
351
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
352
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
353
+ };
354
+ $forceUpdate: () => void;
355
+ $nextTick: typeof import("vue").nextTick;
356
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
357
+ } & Readonly<import("vue").ExtractPropTypes<{
358
+ label: {
359
+ type: import("vue").PropType<string>;
360
+ required: true;
361
+ default: string;
362
+ };
363
+ mandatory: {
364
+ type: import("vue").PropType<boolean>;
365
+ default: boolean;
366
+ };
367
+ testId: {
368
+ type: import("vue").PropType<string>;
369
+ default: string;
370
+ };
371
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
372
+ __isFragment?: never;
373
+ __isTeleport?: never;
374
+ __isSuspense?: never;
375
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
376
+ label: {
377
+ type: import("vue").PropType<string>;
378
+ required: true;
379
+ default: string;
380
+ };
381
+ mandatory: {
382
+ type: import("vue").PropType<boolean>;
383
+ default: boolean;
384
+ };
385
+ testId: {
386
+ type: import("vue").PropType<string>;
387
+ default: string;
388
+ };
389
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
390
+ label: string;
391
+ mandatory: boolean;
392
+ testId: string;
393
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
394
+ $slots: {
395
+ default?(_: {}): any;
396
+ };
397
+ })))[];
398
+ export { FormRow, FormCard, CardPanel, FormCardTypes };
2
399
  declare const FormFieldTypes: () => ({
3
400
  new (...args: any[]): {
4
401
  $: import("vue").ComponentInternalInstance;
@@ -1,6 +1,13 @@
1
1
  import o from "./FormField.vue.js";
2
- const e = () => [o];
2
+ import r from "./FormCard.vue.js";
3
+ import m from "./CardPanel.vue.js";
4
+ import p from "./FormRow.vue.js";
5
+ const d = () => [r, m, p], a = () => [o];
3
6
  export {
7
+ m as CardPanel,
8
+ r as FormCard,
9
+ d as FormCardTypes,
4
10
  o as FormField,
5
- e as FormFieldTypes
11
+ a as FormFieldTypes,
12
+ p as FormRow
6
13
  };
@@ -1,2 +1,3 @@
1
1
  import { FormTestType } from './types';
2
- export declare const useFormTestValidation: (formState: FormTestType) => import("@/composables/useFormValidation").UseFormValidationReponseType<FormTestType>;
2
+ import { Ref } from 'vue';
3
+ export declare const useFormTestValidation: (formState: Ref<FormTestType>) => import("@/composables/useFormValidation").UseFormValidationReponseType<FormTestType>;
@@ -1,2 +1,3 @@
1
1
  import { SimpleFormType } from './types';
2
- export declare const useSimpleFormValidation: (formState: SimpleFormType) => import("@/composables/useFormValidation").UseFormValidationReponseType<SimpleFormType>;
2
+ import { Ref } from 'vue';
3
+ export declare const useSimpleFormValidation: (formState: Ref<SimpleFormType>) => import("@/composables/useFormValidation").UseFormValidationReponseType<SimpleFormType>;
@@ -2,7 +2,7 @@ import { openBlock as e, createElementBlock as t, createElementVNode as o } from
2
2
  import c from "../../../../_virtual/_plugin-vue_export-helper.js";
3
3
  const r = {}, n = {
4
4
  fill: "currentColor",
5
- viewBox: "0 0 24 24"
5
+ viewBox: "0 0 16 16"
6
6
  }, s = /* @__PURE__ */ o("path", {
7
7
  xmlns: "http://www.w3.org/2000/svg",
8
8
  d: "M1.66665 2.99967H0.333313V12.333C0.333313 13.0663 0.933313 13.6663 1.66665 13.6663H11V12.333H1.66665V2.99967ZM12.3333 0.333008H4.33331C3.59998 0.333008 2.99998 0.933008 2.99998 1.66634V9.66634C2.99998 10.3997 3.59998 10.9997 4.33331 10.9997H12.3333C13.0666 10.9997 13.6666 10.3997 13.6666 9.66634V1.66634C13.6666 0.933008 13.0666 0.333008 12.3333 0.333008ZM12.3333 9.66634H4.33331V1.66634H12.3333V9.66634ZM7.66665 8.33301H8.99998V6.33301H11V4.99967H8.99998V2.99967H7.66665V4.99967H5.66665V6.33301H7.66665V8.33301Z",