@ironsource/shared-ui 2.0.0-rc.8 → 2.0.0-rc.9

package/components/layout/index.js

@@ -0,0 +1,10 @@
+import o from "./FormCard.vue.js";
+import r from "./CardPanel.vue.js";
+import m from "./FoldableSection.vue.js";
+const p = () => [o, r, m];
+export {
+  r as CardPanel,
+  m as FoldableSection,
+  o as FormCard,
+  p as FormCardTypes
+};

package/components/menuItem/MenuItem.vue.js

@@ -1,26 +1,7 @@
-import "../typography/Heading.vue.js";
-import n from "../typography/Text.vue.js";
-import { resolveComponent as s, openBlock as r, createElementBlock as c, createElementVNode as d, renderSlot as t, createVNode as i, withCtx as a } from "vue";
-/* empty css               */import m from "../../_virtual/_plugin-vue_export-helper.js";
-const p = {
-  components: { Text: n }
-}, f = { class: "menu-item" }, l = { class: "start-icon" };
-function u(e, _, $, h, v, x) {
-  const o = s("Text");
-  return r(), c("div", f, [
-    d("div", l, [
-      t(e.$slots, "start-icon", {}, void 0, !0)
-    ]),
-    i(o, { size: "sm" }, {
-      default: a(() => [
-        t(e.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }),
-    t(e.$slots, "end-icon", {}, void 0, !0)
-  ]);
-}
-const I = /* @__PURE__ */ m(p, [["render", u], ["__scopeId", "data-v-c7e837fa"]]);
+import e from "./MenuItem.vue2.js";
+/* empty css               */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-67e53b85"]]);
 export {
-  I as default
+  p as default
 };

package/components/menuItem/MenuItem.vue2.js

@@ -0,0 +1,23 @@
+ import "../../MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css"; import { defineComponent as o, openBlock as s, createElementBlock as r, createElementVNode as n, renderSlot as t, createVNode as i, unref as d, withCtx as a } from "vue";
+import "../typography/Heading.vue.js";
+import c from "../typography/Text.vue.js";
+const m = { class: "menu-item" }, l = { class: "start-icon" }, h = /* @__PURE__ */ o({
+  __name: "MenuItem",
+  setup(u) {
+    return (e, _) => (s(), r("div", m, [
+      n("div", l, [
+        t(e.$slots, "start-icon", {}, void 0, !0)
+      ]),
+      i(d(c), { size: "sm" }, {
+        default: a(() => [
+          t(e.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }),
+      t(e.$slots, "end-icon", {}, void 0, !0)
+    ]));
+  }
+});
+export {
+  h as default
+};

package/components/shared/FieldLabel.vue2.js

@@ -1,10 +1,10 @@
  import "../../FieldLabel.vue_vue_type_style_index_0_scoped_526af548_lang.css"; import { defineComponent as c, openBlock as r, createElementBlock as u, mergeProps as o, unref as e, createVNode as n, withCtx as d, createTextVNode as s, toDisplayString as p, createBlock as i, createCommentVNode as m } from "vue";
 import T from "../icon/v3/Icon.vue.js";
 import b from "../tooltip/v4/TooltipV4.vue.js";
-/* empty css                            */import f from "../typography/v4/Typography.vue.js";
+import f from "../typography/v4/Typography.vue.js";
 import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
 import { useTestIdAttrs as x } from "../../utils/testIds.js";
-const C = /* @__PURE__ */ c({
+const H = /* @__PURE__ */ c({
   __name: "FieldLabel",
   props: {
     label: { default: "" },
@@ -57,5 +57,5 @@ const C = /* @__PURE__ */ c({
   }
 });
 export {
-  C as default
+  H as default
 };

package/components/table/common/Table.common.js

@@ -1,11 +1,11 @@
-import { ref as u, provide as z, computed as l, useSlots as G, onMounted as K, nextTick as N } from "vue";
+import { ref as a, provide as z, computed as i, useSlots as G, onMounted as K, nextTick as N } from "vue";
 import { useVirtualList as V, useInfiniteScroll as j } from "@vueuse/core";
 import { TableContext as q } from "./TableContext.js";
-const F = 46, J = 46, Z = (o, a) => {
-  const c = u([]);
+const F = 46, J = 46, Z = (o, u) => {
+  const c = a([]);
   z(q, {
     onClose({ rowIndex: t, cellIndex: e, value: n } = {}) {
-      n && (c.value = [...c.value, t], a("saveRow", {
+      n && (c.value = [...c.value, t], u("saveRow", {
         rowIndex: t,
         cellIndex: e,
         value: n,
@@ -17,40 +17,40 @@ const F = 46, J = 46, Z = (o, a) => {
       }));
     }
   });
-  const m = l(() => o.selection !== null), T = l(() => {
+  const m = i(() => !!o.selection), T = i(() => {
     const t = (m.value ? `${J}px ` : "") + (C.value ? `${F}px ` : "");
     return o.columns.reduce((e, n) => {
       const s = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
       return `${e} ${s}`;
     }, t);
-  }), R = u(null), y = l(() => Array(o.loadingRowCount).fill(
+  }), R = a(null), y = i(() => Array(o.loadingRowCount).fill(
     Array(o.columns.length).fill("")
-  )), $ = l(() => o.isLoading ? [...o.rows, ...y.value] : o.rows), { list: v, containerProps: i, wrapperProps: b } = V($, {
+  )), $ = i(() => o.isLoading ? [...o.rows, ...y.value] : o.rows), { list: v, containerProps: l, wrapperProps: b } = V($, {
     itemHeight: (t) => h[t] ?? o.rowHeight
-  }), H = u(null), g = u(0), x = G(), k = l(() => !!x.search), B = (t) => {
-    i.onScroll(), g.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, a("onScroll", t.target.scrollTop);
+  }), H = a(null), g = a(0), x = G(), k = i(() => !!x.search), B = (t) => {
+    l.onScroll(), g.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
   };
   K(() => {
-    g.value = i.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
-      i.ref.value?.scrollTo({
+    g.value = l.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
+      l.ref.value?.scrollTo({
         top: o.defaultScrollPosition,
         behavior: "smooth"
       });
     }, 300);
   });
-  const I = l(() => {
+  const I = i(() => {
     const [t] = v.value;
     return t && t.index > 0;
-  }), O = l(() => i.style), P = l(() => o.columns.reduce((t, e) => (e.isSticky && (t[e.id] = A(e)), t), {}));
+  }), O = i(() => l.style), P = i(() => o.columns.reduce((t, e) => (e.isSticky && (t[e.id] = A(e)), t), {}));
   j(
-    i.ref,
+    l.ref,
     () => {
-      o.isInfiniteScroll && a("loadMore");
+      o.isInfiniteScroll && u("loadMore");
     },
     { distance: o.infiniteScrollThreshold }
   );
   function E() {
-    i.ref.value?.scrollTo({
+    l.ref.value?.scrollTo({
       top: 0,
       behavior: "smooth"
     });
@@ -62,7 +62,7 @@ const F = 46, J = 46, Z = (o, a) => {
     if (!(t.isSortable || t.isSortable === void 0))
       return;
     let s = o.sort.sortOrder, f = o.sort.sortBy;
-    e ? s = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, a("update:sort", { sortBy: f, sortOrder: s });
+    e ? s = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: s });
   }
   function A(t) {
     const { isSticky: e, width: n } = t;
@@ -74,7 +74,7 @@ const F = 46, J = 46, Z = (o, a) => {
       zIndex: 1
     };
   }
-  const d = u([]), h = {}, _ = (t) => d.value.includes(t), D = async (t, e) => {
+  const d = a([]), h = {}, _ = (t) => d.value.includes(t), D = async (t, e) => {
     const n = d.value.indexOf(t);
     if (n === -1) {
       d.value.push(t);
@@ -82,12 +82,12 @@ const F = 46, J = 46, Z = (o, a) => {
       await N(), s && (h[t] = s.offsetHeight);
     } else
       d.value.splice(n, 1), delete h[t];
-  }, C = l(() => !!x.expanded), M = l(() => `${o.rowHeight}px`), W = l(
+  }, C = i(() => !!x.expanded), M = i(() => `${o.rowHeight}px`), W = i(
     () => `1 / span ${o.columns.length + 1}`
   );
   return {
     list: v,
-    containerProps: i,
+    containerProps: l,
     wrapperProps: b,
     activeRow: R,
     gridColumnTemplate: T,

package/components/toggle/v4/ToggleV4.vue.js

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

package/components/toggle/v4/ToggleV4.vue2.js

@@ -0,0 +1,95 @@
+ import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ef31fecc_lang.css"; import { defineComponent as k, computed as h, openBlock as i, createElementBlock as m, normalizeClass as f, createElementVNode as s, mergeProps as d, unref as t, createCommentVNode as l, renderSlot as g, createBlock as u, withCtx as v, createTextVNode as y, toDisplayString as b, createVNode as V } from "vue";
+import E from "../../typography/v4/Typography.vue.js";
+import { ToggleTestIdModifiers as a } from "../../../testids/index.js";
+import B from "../../shared/FieldHelpText.vue.js";
+import { useTestIdAttrs as H } from "../../../utils/testIds.js";
+import I from "../../icon/v4/IconV4.vue.js";
+import D from "../../tooltip/v4/TooltipV4.vue.js";
+const L = { class: "toggle-head" }, P = ["disabled", "checked"], F = /* @__PURE__ */ k({
+  __name: "ToggleV4",
+  props: {
+    modelValue: { type: Boolean },
+    text: { default: void 0 },
+    activeText: { default: void 0 },
+    inactiveText: { default: void 0 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    feedbackText: { default: "" },
+    feedbackVariant: { default: null },
+    isDisabled: { type: Boolean, default: !1 },
+    isLoading: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    size: { default: "small" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: x }) {
+    const c = e, T = () => {
+      r.value || x("update:modelValue", !c.modelValue);
+    }, o = H(c.testId, a), r = h(() => c.isDisabled || c.isLoading);
+    return (n, $) => (i(), m("div", {
+      class: f(["toggle", [`toggle--color-${e.color}`, `toggle--size-${e.size}`]])
+    }, [
+      s("div", d({ class: "toggle-wrap" }, t(o)[t(a).WRAPPER]), [
+        s("div", d({
+          class: ["toggle-body", {
+            "toggle-active": e.modelValue,
+            "toggle-disabled": t(r)
+          }]
+        }, t(o)[t(a).BODY], { onClick: T }), [
+          s("div", L, [
+            e.isLoading ? (i(), m("span", {
+              key: 0,
+              class: f(["loader", { "loader-active": e.modelValue }])
+            }, null, 2)) : l("", !0)
+          ])
+        ], 16),
+        s("input", d({
+          type: "checkbox",
+          class: "toggle-checkbox",
+          disabled: t(r),
+          checked: e.modelValue
+        }, t(o)[t(a).FIELD]), null, 16, P),
+        n.$slots["icon-left"] ? g(n.$slots, "icon-left", { key: 0 }, void 0, !0) : l("", !0),
+        e.text || e.activeText || e.inactiveText ? (i(), u(t(E), d({
+          key: 1,
+          variant: "body1",
+          "is-truncated": "",
+          class: "toggle-text"
+        }, t(o)[t(a).TEXT]), {
+          default: v(() => [
+            y(b(e.text ?? (e.modelValue ? e.activeText : e.inactiveText)), 1)
+          ]),
+          _: 1
+        }, 16)) : l("", !0),
+        n.$slots["icon-right"] ? g(n.$slots, "icon-right", { key: 2 }, void 0, !0) : l("", !0),
+        e.hoverHelpText ? (i(), u(t(D), {
+          key: 3,
+          triggers: ["hover"],
+          text: e.hoverHelpText,
+          placement: e.hoverHelpTextPlacement
+        }, {
+          default: v(() => [
+            V(t(I), {
+              class: "info-icon",
+              name: "question",
+              type: "fill",
+              size: "1rem"
+            })
+          ]),
+          _: 1
+        }, 8, ["text", "placement"])) : l("", !0)
+      ], 16),
+      e.feedbackText ? (i(), u(B, d({
+        key: 0,
+        class: "feedback-text",
+        text: e.feedbackText,
+        variant: e.feedbackVariant,
+        "show-icon": !1
+      }, t(o)[t(a).HELPER_TEXT]), null, 16, ["text", "variant"])) : l("", !0)
+    ], 2));
+  }
+});
+export {
+  F as default
+};

package/components/toggle/v4/index.d.ts

@@ -0,0 +1,313 @@
+declare const ToggleTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            text: string;
+            size: "small" | "medium";
+            testId: string;
+            color: "primary" | "test";
+            feedbackVariant: "error" | "success" | "warning";
+            hoverHelpText: string;
+            hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+            feedbackText: string;
+            isLoading: boolean;
+            activeText: string;
+            inactiveText: string;
+            isDisabled: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            text: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            color: {
+                type: import("vue").PropType<"primary" | "test">;
+                default: string;
+            };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
+            hoverHelpText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            hoverHelpTextPlacement: {
+                type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
+            feedbackText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            activeText: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            inactiveText: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            isDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (value: boolean) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "size" | "testId" | "color" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "isLoading" | "activeText" | "inactiveText" | "isDisabled">;
+        $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: "update:modelValue", value: boolean) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            text: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            color: {
+                type: import("vue").PropType<"primary" | "test">;
+                default: string;
+            };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
+            hoverHelpText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            hoverHelpTextPlacement: {
+                type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
+            feedbackText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            activeText: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            inactiveText: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            isDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (value: boolean) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => void;
+        }, string, {
+            text: string;
+            size: "small" | "medium";
+            testId: string;
+            color: "primary" | "test";
+            feedbackVariant: "error" | "success" | "warning";
+            hoverHelpText: string;
+            hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+            feedbackText: string;
+            isLoading: boolean;
+            activeText: string;
+            inactiveText: string;
+            isDisabled: 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<{
+        text: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        color: {
+            type: import("vue").PropType<"primary" | "test">;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        activeText: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        inactiveText: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        isDisabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: boolean) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "medium">;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    color: {
+        type: import("vue").PropType<"primary" | "test">;
+        default: string;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<"error" | "success" | "warning">;
+        default: any;
+    };
+    hoverHelpText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hoverHelpTextPlacement: {
+        type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
+    };
+    feedbackText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    activeText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    inactiveText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    isDisabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+}, string, {
+    text: string;
+    size: "small" | "medium";
+    testId: string;
+    color: "primary" | "test";
+    feedbackVariant: "error" | "success" | "warning";
+    hoverHelpText: string;
+    hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    feedbackText: string;
+    isLoading: boolean;
+    activeText: string;
+    inactiveText: string;
+    isDisabled: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        "icon-left"?(_: {}): any;
+        "icon-right"?(_: {}): any;
+    };
+}))[];
+export { default as Toggle } from './ToggleV4.vue';
+export { ToggleTypes };

package/components/toggle/v4/index.js

@@ -0,0 +1,6 @@
+import o from "./ToggleV4.vue.js";
+const g = () => [o];
+export {
+  o as Toggle,
+  g as ToggleTypes
+};

package/components/tooltip/v3/Tooltip.vue.js

@@ -1,5 +1,8 @@
-import e from "./Tooltip.vue2.js";
-/* empty css              */// import "../../../Tooltip.vue_vue_type_style_index_0_lang.css"; //');
+import o from "./Tooltip.vue2.js";
+/* empty css              *//* empty css              */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Tooltip.vue_vue_type_style_index_0_scoped_9020a179_lang.css"; //*');
+// import "../../../Tooltip.vue_vue_type_style_index_1_lang.css";  //');
+const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-9020a179"]]);
 export {
-  e as default
+  l as default
 };

package/components/tooltip/v3/Tooltip.vue2.js

@@ -1,4 +1,4 @@
- import "../../../Tooltip.vue_vue_type_style_index_0_lang.css"; import { defineComponent as y, ref as s, useSlots as g, watch as h, openBlock as r, createBlock as n, unref as a, mergeProps as w, withCtx as u, createElementVNode as m, renderSlot as p, createTextVNode as S, toDisplayString as k, nextTick as $ } from "vue";
+ import "../../../Tooltip.vue_vue_type_style_index_0_scoped_9020a179_lang.css";  import "../../../Tooltip.vue_vue_type_style_index_1_lang.css";  import { defineComponent as y, ref as s, useSlots as g, watch as h, openBlock as r, createBlock as n, unref as a, mergeProps as w, withCtx as u, createElementVNode as m, renderSlot as p, createTextVNode as S, toDisplayString as k, nextTick as $ } from "vue";
 import I from "./TextWithTitleContent.vue.js";
 import "../../typography/Heading.vue.js";
 import W from "../../typography/Text.vue.js";
@@ -66,7 +66,7 @@ const B = { class: "light-theme-v4" }, O = /* @__PURE__ */ y({
               ]),
               _: 1
             }, 8, ["test-id"]))
-          ])
+          ], !0)
         ])
       ]),
       default: u(() => [
@@ -75,7 +75,7 @@ const B = { class: "light-theme-v4" }, O = /* @__PURE__ */ y({
           ref: d,
           class: "container"
         }, [
-          p(t.$slots, "default")
+          p(t.$slots, "default", {}, void 0, !0)
         ], 512)
       ]),
       _: 3

package/components/tooltip/v3/index.js

@@ -1,7 +1,6 @@
-import "./Tooltip.vue.js";
-import o from "./Tooltip.vue2.js";
-const i = () => [o];
+import o from "./Tooltip.vue.js";
+const t = () => [o];
 export {
   o as Tooltip,
-  i as TooltipTypes
+  t as TooltipTypes
 };