@ironsource/shared-ui 2.0.0-rc.0 → 2.0.0-rc.2

package/components/includeExclude/index.vue.js

@@ -1,26 +1,26 @@
-import IncludeExclude from './IncludeExclude.vue.js';
-export { default as IncludeExclude } from './IncludeExclude.vue.js';
-import IncludeExcludeDragDrop from './IncludeExcludeDragDrop.vue.js';
-export { default as IncludeExcludeDragDrop } from './IncludeExcludeDragDrop.vue.js';
-import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
-export { default as IncludeExcludeOption } from './IncludeExcludeOption.vue.js';
-import IncludeExcludeOptionDraggable from './IncludeExcludeOptionDraggable.vue.js';
-export { default as IncludeExcludeOptionDraggable } from './IncludeExcludeOptionDraggable.vue.js';
-import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
-export { default as IncludeExcludeAppTrigger } from './IncludeExcludeAppTrigger.vue.js';
-import IncludeExcludeAppHeader from './IncludeExcludeAppHeader.vue.js';
-export { default as IncludeExcludeAppHeader } from './IncludeExcludeAppHeader.vue.js';
-import IncludeExcludeChipFilter from './IncludeExcludeChipFilter.vue.js';
-export { default as IncludeExcludeChipFilter } from './IncludeExcludeChipFilter.vue.js';
-
-const IncludeExcludeTypes = () => [
-  IncludeExclude,
-  IncludeExcludeDragDrop,
-  IncludeExcludeOption,
-  IncludeExcludeOptionDraggable,
-  IncludeExcludeAppTrigger,
-  IncludeExcludeAppHeader,
-  IncludeExcludeChipFilter
+import e from "./IncludeExclude.vue.vue.js";
+import r from "./IncludeExcludeDragDrop.vue.vue.js";
+import o from "./IncludeExcludeOption.vue.vue.js";
+import l from "./IncludeExcludeOptionDraggable.vue.vue.js";
+import c from "./IncludeExcludeAppTrigger.vue.vue.js";
+import d from "./IncludeExcludeAppHeader.vue.vue.js";
+import p from "./IncludeExcludeChipFilter.vue.vue.js";
+const I = () => [
+  e,
+  r,
+  o,
+  l,
+  c,
+  d,
+  p
 ];
-
-export { IncludeExcludeTypes };
+export {
+  e as IncludeExclude,
+  d as IncludeExcludeAppHeader,
+  c as IncludeExcludeAppTrigger,
+  p as IncludeExcludeChipFilter,
+  r as IncludeExcludeDragDrop,
+  o as IncludeExcludeOption,
+  l as IncludeExcludeOptionDraggable,
+  I as IncludeExcludeTypes
+};

package/components/input/common/Input.common.d.ts

@@ -0,0 +1,12 @@
+export declare const inputCommon: (props: any, emit: any) => {
+    onConfirm: () => void;
+    onEnter: () => void;
+    inputRef: any;
+    isFocused: import("vue").Ref<boolean>;
+    showLabelInside: import("vue").ComputedRef<boolean>;
+    api: import("../../table-cells/EditableContext").EditableContextProps;
+    labelText: import("vue").ComputedRef<any>;
+    sizeClass: import("vue").ComputedRef<string>;
+    handleInput: (event: any) => void;
+    handleKeypress: (event: any) => void;
+};

package/components/input/common/Input.common.vue.js

@@ -0,0 +1,40 @@
+import { ref as u, computed as l, onMounted as C, nextTick as h } from "vue";
+/* empty css                              */import { useEditableContext as y } from "../../table-cells/EditableContext.vue.js";
+import "@vueuse/core";
+/* empty css                                   */import { REGEX_NUMBER_INPUT as E } from "../../../consts/regex.vue.js";
+const p = (t, s) => {
+  const n = y(), c = () => {
+    n.onClose?.();
+  }, f = () => {
+    n?.confirmable && !n?.error?.value && n.onClose?.();
+  }, o = u(null), a = u(!1), i = l(() => t.label && t.labelDirection === "inside" && !a.value);
+  C(async () => {
+    await h(), !(!t.autoFocus && !n.focusable) && o.value && o.value.focus();
+  });
+  const m = l(() => {
+    if (i.value) {
+      let e = t.label;
+      return t.mandatory && (e += " *"), e;
+    }
+    return t.placeholder;
+  }), d = l(() => `input-size-${t.size}`), b = (e) => {
+    n.onChange?.(e.target.value), s("update:modelValue", e.target.value);
+  }, r = ".";
+  return {
+    onConfirm: c,
+    onEnter: f,
+    inputRef: o,
+    isFocused: a,
+    showLabelInside: i,
+    api: n,
+    labelText: m,
+    sizeClass: d,
+    handleInput: b,
+    handleKeypress: (e) => {
+      t.onlyDigits && (e.key.match(E) ? e.key === r && t.modelValue.toString().includes(r) && e.preventDefault() : e.preventDefault());
+    }
+  };
+};
+export {
+  p as inputCommon
+};

package/components/input/v3/DollarInput.vue.d.ts

@@ -0,0 +1,20 @@
+import Input from './Input.vue';
+import { ExtractComponentProps } from '@/utils/extract-props';
+export type DollarPropsType = Omit<ExtractComponentProps<typeof Input>, 'type' | 'hideNumberArrows' | 'step'>;
+export interface DollarProps extends DollarPropsType {
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<DollarProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DollarProps>>> & {
+    "onUpdate:modelValue"?: (value: number) => any;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/components/input/v3/DollarInput.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./DollarInput.vue.vue2.js";
+/* empty css                      */import t from "../../../_virtual/_plugin-vue_export-helper.vue.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9ef40daf"]]);
+export {
+  p as default
+};

package/components/input/v3/DollarInput.vue.vue2.js

@@ -0,0 +1,31 @@
+import { defineComponent as m, openBlock as p, createBlock as u, mergeProps as l, withCtx as t, createVNode as s, unref as c, createTextVNode as d } from "vue";
+import i from "./Input.vue.vue.js";
+/* empty css                                 */import f from "../../typography/Text.vue.vue.js";
+const b = /* @__PURE__ */ m({
+  __name: "DollarInput",
+  emits: ["update:modelValue"],
+  setup(o, { emit: r }) {
+    const a = o, n = (e) => r("update:modelValue", e);
+    return (e, _) => (p(), u(i, l(a, {
+      type: "number",
+      "hide-number-arrows": !0,
+      "onUpdate:modelValue": n
+    }), {
+      iconBefore: t(() => [
+        s(c(f), {
+          class: "dollar-sign",
+          size: "sm"
+        }, {
+          default: t(() => [
+            d("$")
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  b as default
+};

package/components/input/v3/Input.vue.d.ts

@@ -0,0 +1,126 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string | number;
+    placeholder?: string;
+    disabled?: boolean;
+    viewOnly?: boolean;
+    size?: 'sm' | 'lg';
+    label?: string;
+    labelDirection?: 'inside' | 'top' | 'left';
+    mandatory?: boolean;
+    feedbackHelpText?: string;
+    autoFocus?: boolean;
+    feedbackErrorText?: string;
+    type?: 'text' | 'number' | 'password';
+    hideNumberArrows?: boolean;
+    step?: number;
+    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';
+    onlyDigits?: boolean;
+    testId?: string;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    disabled: boolean;
+    viewOnly: boolean;
+    size: string;
+    label: string;
+    labelDirection: string;
+    mandatory: boolean;
+    feedbackHelpText: string;
+    autoFocus: boolean;
+    feedbackErrorText: string;
+    type: string;
+    hideNumberArrows: boolean;
+    step: number;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    onlyDigits: boolean;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string | number;
+    placeholder?: string;
+    disabled?: boolean;
+    viewOnly?: boolean;
+    size?: 'sm' | 'lg';
+    label?: string;
+    labelDirection?: 'inside' | 'top' | 'left';
+    mandatory?: boolean;
+    feedbackHelpText?: string;
+    autoFocus?: boolean;
+    feedbackErrorText?: string;
+    type?: 'text' | 'number' | 'password';
+    hideNumberArrows?: boolean;
+    step?: number;
+    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';
+    onlyDigits?: boolean;
+    testId?: string;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    disabled: boolean;
+    viewOnly: boolean;
+    size: string;
+    label: string;
+    labelDirection: string;
+    mandatory: boolean;
+    feedbackHelpText: string;
+    autoFocus: boolean;
+    feedbackErrorText: string;
+    type: string;
+    hideNumberArrows: boolean;
+    step: number;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    onlyDigits: boolean;
+    testId: string;
+}>>> & {
+    "onUpdate:modelValue"?: (value: string | number) => any;
+}, {
+    type: 'text' | 'number' | 'password';
+    label: string;
+    size: 'sm' | 'lg';
+    testId: string;
+    disabled: boolean;
+    modelValue: string | number;
+    placeholder: string;
+    mandatory: boolean;
+    autoFocus: boolean;
+    viewOnly: boolean;
+    labelDirection: 'inside' | 'top' | 'left';
+    feedbackHelpText: string;
+    feedbackErrorText: string;
+    hideNumberArrows: boolean;
+    step: number;
+    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';
+    onlyDigits: boolean;
+}>, {
+    iconBefore?(_: {}): any;
+    iconAfter?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/input/v3/Input.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./Input.vue.vue2.js";
+/* empty css                */import t from "../../../_virtual/_plugin-vue_export-helper.vue.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1ffd26a0"]]);
+export {
+  a as default
+};

package/components/input/v3/Input.vue.vue2.js

@@ -0,0 +1,208 @@
+import { defineComponent as L, openBlock as l, createElementBlock as n, normalizeClass as c, unref as e, createVNode as o, withCtx as r, createTextVNode as v, toDisplayString as I, createBlock as E, createCommentVNode as i, createElementVNode as y, renderSlot as B, mergeProps as O, withKeys as R, withModifiers as p } from "vue";
+import { InputTestIdModifiers as s } from "../../../testids/index.vue.js";
+/* empty css                                 */import b from "../../typography/Text.vue.vue.js";
+import T from "../../icon/Icon.vue.vue.js";
+/* empty css                               */import w from "../../button/v3/IconButton.vue.vue.js";
+import A from "../../tooltip/Tooltip.vue.vue.js";
+/* empty css                              *//* empty css                                     */import { inputCommon as V } from "../common/Input.common.vue.js";
+const P = ["data-testid"], F = ["data-testid"], K = { class: "info-icon-wrapper" }, M = {
+  key: 0,
+  class: "icon-container icon-before"
+}, X = ["value", "placeholder", "disabled", "type", "step", "data-testid"], S = {
+  key: 1,
+  class: "icon-container icon-after"
+}, W = { key: 2 }, Y = { key: 3 }, j = ["data-testid"], q = {
+  inheritAttrs: !1
+}, ie = /* @__PURE__ */ L({
+  ...q,
+  __name: "Input",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    viewOnly: { type: Boolean, default: !1 },
+    size: { default: "lg" },
+    label: { default: "" },
+    labelDirection: { default: "top" },
+    mandatory: { type: Boolean, default: !1 },
+    feedbackHelpText: { default: "" },
+    autoFocus: { type: Boolean, default: !1 },
+    feedbackErrorText: { default: "" },
+    type: { default: "text" },
+    hideNumberArrows: { type: Boolean, default: !1 },
+    step: { default: 1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    onlyDigits: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: z }) {
+    const C = t, {
+      onConfirm: N,
+      onEnter: h,
+      inputRef: g,
+      isFocused: m,
+      showLabelInside: k,
+      api: u,
+      labelText: D,
+      sizeClass: H,
+      handleInput: x,
+      handleKeypress: $
+    } = V(C, z);
+    return (f, a) => (l(), n("div", {
+      class: c({
+        "input-with-label-container": !0,
+        "label-direction-left": t.labelDirection === "left",
+        disabled: t.disabled
+      }),
+      "data-testid": `${t.testId}-${e(s).WRAPPER}`
+    }, [
+      t.label && t.labelDirection !== "inside" ? (l(), n("div", {
+        key: 0,
+        class: c(["label-container", "direction-" + t.labelDirection]),
+        "data-testid": `${t.testId}-${e(s).LABEL_CONTAINER}`
+      }, [
+        o(e(b), {
+          class: "label",
+          "data-testid": `${t.testId}-${e(s).LABEL_TEXT}`
+        }, {
+          default: r(() => [
+            v(I(t.label), 1)
+          ]),
+          _: 1
+        }, 8, ["data-testid"]),
+        t.mandatory ? (l(), E(e(b), {
+          key: 0,
+          size: "lg",
+          class: "mandatory",
+          "data-testid": `${t.testId}-${e(s).MANDATORY}`
+        }, {
+          default: r(() => [
+            v("*")
+          ]),
+          _: 1
+        }, 8, ["data-testid"])) : i("", !0),
+        t.hoverHelpText ? (l(), E(e(A), {
+          key: 1,
+          triggers: ["hover"],
+          text: t.hoverHelpText,
+          placement: t.hoverHelpTextPlacement,
+          size: "xs",
+          strong: !0
+        }, {
+          default: r(() => [
+            y("div", K, [
+              o(e(T), {
+                class: "info-icon",
+                name: "info",
+                "font-size": "sm"
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["text", "placement"])) : i("", !0)
+      ], 10, F)) : i("", !0),
+      y("div", {
+        class: c({
+          "input-container": !0,
+          "label-inside": e(k),
+          error: e(u).error?.value || t.feedbackErrorText,
+          focused: e(m)
+        })
+      }, [
+        f.$slots.iconBefore ? (l(), n("div", M, [
+          B(f.$slots, "iconBefore", {}, void 0, !0)
+        ])) : i("", !0),
+        y("input", O(f.$attrs, {
+          ref_key: "inputRef",
+          ref: g,
+          value: e(u).value?.value ?? t.modelValue,
+          placeholder: e(D),
+          disabled: t.disabled || t.viewOnly,
+          type: t.type,
+          class: ["input", {
+            [e(H)]: !0,
+            "view-only": t.viewOnly,
+            "label-inside": e(k),
+            "hide-arrows": t.hideNumberArrows,
+            "input-type": t.type
+          }],
+          step: t.step,
+          "data-testid": `${t.testId}-${e(s).FIELD}`,
+          onInput: a[0] || (a[0] = //@ts-ignore
+          (...d) => e(x) && e(x)(...d)),
+          onFocus: a[1] || (a[1] = (d) => m.value = !0),
+          onBlur: a[2] || (a[2] = (d) => m.value = !1),
+          onKeyup: a[3] || (a[3] = R(p(
+            //@ts-ignore
+            (...d) => e(h) && e(h)(...d),
+            ["prevent"]
+          ), ["enter"])),
+          onKeypress: a[4] || (a[4] = //@ts-ignore
+          (...d) => e($) && e($)(...d))
+        }), null, 16, X),
+        f.$slots.iconAfter ? (l(), n("div", S, [
+          B(f.$slots, "iconAfter", {}, void 0, !0)
+        ])) : i("", !0),
+        e(u)?.confirmable && !e(u)?.error?.value ? (l(), n("div", W, [
+          o(e(w), {
+            class: "confirm-icon",
+            theme: "secondary",
+            variant: "colorized",
+            onClick: p(e(N), ["stop", "prevent"])
+          }, {
+            default: r(() => [
+              o(e(T), {
+                name: "check-bold",
+                "font-size": "sm"
+              })
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ])) : i("", !0),
+        e(u)?.error?.value ? (l(), n("div", Y, [
+          o(e(A), {
+            text: e(u)?.error?.value,
+            "data-testid": `${t.testId}-${e(s).TOOLTIP}`
+          }, {
+            default: r(() => [
+              o(e(w), {
+                class: "error-icon",
+                theme: "secondary",
+                variant: "colorized"
+              }, {
+                default: r(() => [
+                  o(e(T), {
+                    name: "error",
+                    "font-size": "sm"
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["text", "data-testid"])
+        ])) : i("", !0)
+      ], 2),
+      t.feedbackErrorText || t.feedbackHelpText ? (l(), n("div", {
+        key: 1,
+        class: "extra-text-container",
+        "data-testid": `${t.testId}-${e(s).EXTRA_TEXT}`
+      }, [
+        o(e(b), {
+          class: c(t.feedbackErrorText ? "error" : "help"),
+          size: "caption"
+        }, {
+          default: r(() => [
+            v(I(t.feedbackErrorText || t.feedbackHelpText), 1)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 8, j)) : i("", !0)
+    ], 10, P));
+  }
+});
+export {
+  ie as default
+};

package/components/input/v3/PasswordInput.vue.d.ts

@@ -0,0 +1,20 @@
+import Input from './Input.vue';
+import { ExtractComponentProps } from '@/utils/extract-props';
+export type PasswordPropsType = Omit<ExtractComponentProps<typeof Input>, 'type' | 'hideNumberArrows' | 'step'>;
+export interface PasswordProps extends PasswordPropsType {
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PasswordProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PasswordProps>>> & {
+    "onUpdate:modelValue"?: (value: string | number) => any;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/components/input/v3/PasswordInput.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./PasswordInput.vue.vue2.js";
+/* empty css                        */import t from "../../../_virtual/_plugin-vue_export-helper.vue.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-243f3e16"]]);
+export {
+  a as default
+};

package/components/input/v3/PasswordInput.vue.vue2.js

@@ -0,0 +1,33 @@
+import { defineComponent as p, ref as n, openBlock as d, createBlock as c, mergeProps as u, withCtx as o, createVNode as m, unref as f, createTextVNode as _, toDisplayString as w } from "vue";
+import x from "./Input.vue.vue.js";
+/* empty css                                 */import V from "../../typography/Text.vue.vue.js";
+const h = /* @__PURE__ */ p({
+  __name: "PasswordInput",
+  emits: ["update:modelValue"],
+  setup(s, { emit: a }) {
+    const r = s, e = n(!1), i = () => {
+      e.value = !e.value;
+    }, l = (t) => a("update:modelValue", t);
+    return (t, v) => (d(), c(x, u(r, {
+      type: e.value ? "text" : "password",
+      "onUpdate:modelValue": l
+    }), {
+      iconAfter: o(() => [
+        m(f(V), {
+          class: "password-visibility",
+          size: "xs",
+          onClick: i
+        }, {
+          default: o(() => [
+            _(w(e.value ? "Hide" : "Show"), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 16, ["type"]));
+  }
+});
+export {
+  h as default
+};

package/components/input/v3/PercentageInput.vue.d.ts

@@ -0,0 +1,20 @@
+import Input from './Input.vue';
+import { ExtractComponentProps } from '@/utils/extract-props';
+export type PercentagePropsType = Omit<ExtractComponentProps<typeof Input>, 'type' | 'hideNumberArrows'>;
+export interface PercentageProps extends PercentagePropsType {
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PercentageProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PercentageProps>>> & {
+    "onUpdate:modelValue"?: (value: number) => any;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/components/input/v3/PercentageInput.vue.vue.js

@@ -0,0 +1,6 @@
+import t from "./PercentageInput.vue.vue2.js";
+/* empty css                          */import o from "../../../_virtual/_plugin-vue_export-helper.vue.js";
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-08a15760"]]);
+export {
+  p as default
+};

package/components/input/v3/PercentageInput.vue.vue2.js

@@ -0,0 +1,31 @@
+import { defineComponent as m, openBlock as p, createBlock as c, mergeProps as u, withCtx as t, createVNode as s, unref as d, createTextVNode as i } from "vue";
+import l from "./Input.vue.vue.js";
+/* empty css                                 */import f from "../../typography/Text.vue.vue.js";
+const b = /* @__PURE__ */ m({
+  __name: "PercentageInput",
+  emits: ["update:modelValue"],
+  setup(r, { emit: o }) {
+    const n = r, a = (e) => o("update:modelValue", e);
+    return (e, _) => (p(), c(l, u(n, {
+      type: "number",
+      "hide-number-arrows": !0,
+      "onUpdate:modelValue": a
+    }), {
+      iconAfter: t(() => [
+        s(d(f), {
+          class: "percentage-sign",
+          size: "sm"
+        }, {
+          default: t(() => [
+            i("%")
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  b as default
+};