@ironsource/shared-ui 2.1.1-rc.2 → 2.1.1-test.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 @@
-.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}
+.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}

package/DataGrid.vue_vue_type_style_index_0_scoped_9cc6b34e_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-9cc6b34e]{position:sticky}.table-container[data-v-9cc6b34e]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-9cc6b34e]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-9cc6b34e]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-9cc6b34e]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-9cc6b34e]{width:13.75rem}.table-header.isStickyHeader[data-v-9cc6b34e]{z-index:calc(var(--b72a9fc4) + 3);top:0}.table-head-container[data-v-9cc6b34e]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-9cc6b34e]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-9cc6b34e]{display:inline-table}.table-header-actions[data-v-9cc6b34e]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-9cc6b34e]{position:relative}.table-row.loading[data-v-9cc6b34e]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-9cc6b34e]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-9cc6b34e]{border-bottom:none}.expanded-row[data-v-9cc6b34e]{grid-column:var(--30b75412);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-9cc6b34e]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md)}table.hasFooter[data-v-9cc6b34e]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-9cc6b34e],table th[data-v-9cc6b34e]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-9cc6b34e]:first-of-type,table th[data-v-9cc6b34e]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-9cc6b34e]:last-of-type,table th[data-v-9cc6b34e]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-9cc6b34e],table th.expand-toggle-cell[data-v-9cc6b34e]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-9cc6b34e]{border-bottom:none;z-index:calc(var(--b72a9fc4) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-9cc6b34e]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--b002aaea)}table>thead>tr>th[data-v-9cc6b34e]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-9cc6b34e]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-9cc6b34e]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-9cc6b34e]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-9cc6b34e]{cursor:pointer}table>thead.sticky[data-v-9cc6b34e]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-9cc6b34e]{z-index:calc(var(--b72a9fc4) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-9cc6b34e]{display:block}table>tbody>*>tr[data-v-9cc6b34e]{background-color:var(--background-default);min-height:var(--2e048053);height:auto;display:grid;align-items:center;grid-template-columns:var(--b002aaea)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-9cc6b34e]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-9cc6b34e]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-9cc6b34e]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--2e048053);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-9cc6b34e]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-9cc6b34e]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-9cc6b34e]{justify-content:flex-end;text-align:right}.section-container[data-v-9cc6b34e]{left:0}.sections[data-v-9cc6b34e]{display:flex}.section[data-v-9cc6b34e]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-9cc6b34e]{width:100%}.empty-state[data-v-9cc6b34e]{min-height:250px}

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 @@
-.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)}
+.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)}

package/FormRow.vue_vue_type_style_index_0_scoped_017dc22e_lang.css

@@ -0,0 +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%}

package/components/{layout → forms}/CardPanel.vue.js

@@ -1,7 +1,7 @@
 import o from "./CardPanel.vue2.js";
 /* empty css                */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../CardPanel.vue_vue_type_style_index_0_scoped_3cda0f04_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3cda0f04"]]);
+// import "../../CardPanel.vue_vue_type_style_index_0_scoped_d2b5d12f_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d2b5d12f"]]);
 export {
   t as default
 };

package/components/{layout → forms}/CardPanel.vue2.js

@@ -1,4 +1,4 @@
- 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";
+ 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";
 const u = /* @__PURE__ */ t({
   __name: "CardPanel",
   props: {

package/components/forms/FormCard.vue.js

@@ -0,0 +1,7 @@
+import o from "./FormCard.vue2.js";
+/* empty css               */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FormCard.vue_vue_type_style_index_0_scoped_ad5e4be0_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad5e4be0"]]);
+export {
+  t as default
+};

package/components/{layout → forms}/FormCard.vue2.js

@@ -1,4 +1,4 @@
- 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";
+ 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";
 import N from "../typography/v4/Typography.vue.js";
 import p from "../button/v4/ButtonV4.vue.js";
 import "../button/v4/IconButtonV4.vue.js";

package/components/forms/FormRow.vue.js

@@ -0,0 +1,7 @@
+import o from "./FormRow.vue2.js";
+/* empty css              */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FormRow.vue_vue_type_style_index_0_scoped_017dc22e_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-017dc22e"]]);
+export {
+  c as default
+};

package/components/forms/FormRow.vue2.js

@@ -0,0 +1,41 @@
+ 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";
+import n from "../typography/v4/Typography.vue.js";
+const p = { class: "form-row" }, _ = ["data-testid"], h = { class: "content" }, B = /* @__PURE__ */ c({
+  __name: "FormRow",
+  props: {
+    label: { default: "" },
+    mandatory: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  setup(e) {
+    return (s, b) => (t(), a("div", p, [
+      e.label ? (t(), a("div", {
+        key: 0,
+        "data-testid": e.testId,
+        class: "label-container"
+      }, [
+        i(o(n), { variant: "inputLabel" }, {
+          default: l(() => [
+            d(m(e.label), 1)
+          ]),
+          _: 1
+        }),
+        e.mandatory ? (t(), u(o(n), {
+          key: 0,
+          class: "mandatory"
+        }, {
+          default: l(() => [
+            d("*")
+          ]),
+          _: 1
+        })) : r("", !0)
+      ], 8, _)) : r("", !0),
+      f("div", h, [
+        y(s.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+});
+export {
+  B as default
+};

package/components/forms/index.d.ts

@@ -1,4 +1,401 @@
 import FormField from './FormField.vue';
+import FormCard from './FormCard.vue';
+import CardPanel from './CardPanel.vue';
+import FormRow from './FormRow.vue';
+declare const FormCardTypes: () => (({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            noPadding: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "noPadding">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            noPadding: boolean;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            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)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $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;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        noPadding: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    noPadding: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    noPadding: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            title: string;
+            testId: string;
+            actionButtons: boolean;
+            noPadding: boolean;
+            saveLabel: string;
+            cancelLabel: string;
+            saveLoading: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            actionButtons: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            saveLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onCancel?: () => any;
+            onSave?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "actionButtons" | "noPadding" | "saveLabel" | "cancelLabel" | "saveLoading">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: ((event: "cancel") => void) & ((event: "save") => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            actionButtons: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            saveLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onCancel?: () => any;
+            onSave?: () => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            save: () => void;
+            cancel: () => void;
+        }, string, {
+            title: string;
+            testId: string;
+            actionButtons: boolean;
+            noPadding: boolean;
+            saveLabel: string;
+            cancelLabel: string;
+            saveLoading: boolean;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            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)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $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;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        actionButtons: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        noPadding: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        saveLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        cancelLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        saveLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onCancel?: () => any;
+        onSave?: () => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    actionButtons: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    noPadding: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    saveLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    cancelLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    saveLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onCancel?: () => any;
+    onSave?: () => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    save: () => void;
+    cancel: () => void;
+}, string, {
+    title: string;
+    testId: string;
+    actionButtons: boolean;
+    noPadding: boolean;
+    saveLabel: string;
+    cancelLabel: string;
+    saveLoading: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            label: string;
+            mandatory: boolean;
+            testId: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "mandatory" | "testId">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            label: string;
+            mandatory: boolean;
+            testId: string;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            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)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $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;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    label: string;
+    mandatory: boolean;
+    testId: string;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})))[];
+export { FormRow, FormCard, CardPanel, FormCardTypes };
 declare const FormFieldTypes: () => ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;

package/components/forms/index.js

@@ -1,6 +1,13 @@
 import o from "./FormField.vue.js";
-const e = () => [o];
+import r from "./FormCard.vue.js";
+import m from "./CardPanel.vue.js";
+import p from "./FormRow.vue.js";
+const d = () => [r, m, p], a = () => [o];
 export {
+  m as CardPanel,
+  r as FormCard,
+  d as FormCardTypes,
   o as FormField,
-  e as FormFieldTypes
+  a as FormFieldTypes,
+  p as FormRow
 };

package/components/forms/validation/examples/dynamicForm/useFormTestValidation.d.ts

@@ -1,2 +1,3 @@
 import { FormTestType } from './types';
-export declare const useFormTestValidation: (formState: FormTestType) => import("@/composables/useFormValidation").UseFormValidationReponseType<FormTestType>;
+import { Ref } from 'vue';
+export declare const useFormTestValidation: (formState: Ref<FormTestType>) => import("@/composables/useFormValidation").UseFormValidationReponseType<FormTestType>;

package/components/forms/validation/examples/simpleForm/useSimpleFormValidation.d.ts

@@ -1,2 +1,3 @@
 import { SimpleFormType } from './types';
-export declare const useSimpleFormValidation: (formState: SimpleFormType) => import("@/composables/useFormValidation").UseFormValidationReponseType<SimpleFormType>;
+import { Ref } from 'vue';
+export declare const useSimpleFormValidation: (formState: Ref<SimpleFormType>) => import("@/composables/useFormValidation").UseFormValidationReponseType<SimpleFormType>;

package/components/icon/v3/icons/Duplicate.vue.js

@@ -2,7 +2,7 @@ import { openBlock as e, createElementBlock as t, createElementVNode as o } from
 import c from "../../../../_virtual/_plugin-vue_export-helper.js";
 const r = {}, n = {
   fill: "currentColor",
-  viewBox: "0 0 16 16"
+  viewBox: "0 0 24 24"
 }, s = /* @__PURE__ */ o("path", {
   xmlns: "http://www.w3.org/2000/svg",
   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",