@pequity/squirrel 1.2.12 → 3.0.0

package/dist/cjs/p-loading.js

@@ -2,37 +2,70 @@
 const vue = require("vue");
 const usePLoading = require("./usePLoading.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _withScopeId = (n) => (vue.pushScopeId("data-v-122d5e30"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = {
   key: 0,
   class: "fixed left-0 top-0 z-[120] flex w-full justify-center",
   "aria-live": "polite",
   "aria-busy": "true"
 };
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "h-8 rounded-b border-x border-b border-p-gray-30 bg-p-blue-10 px-4 pt-2 text-sm font-semibold leading-none text-p-purple-60 shadow-sm" }, " Loading... ", -1));
-const _hoisted_3 = [
-  _hoisted_2
-];
+const _hoisted_2 = {
+  key: 0,
+  class: "invisible fixed"
+};
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PLoading"
   },
   __name: "p-loading",
   setup(__props) {
-    const { show } = usePLoading.usePLoading();
+    const { show, content } = usePLoading.usePLoading();
+    const widthReference = vue.ref(null);
+    const width = vue.ref(0);
+    vue.watch(
+      () => vue.toValue(content),
+      () => {
+        if (widthReference.value) {
+          width.value = widthReference.value.offsetWidth;
+        }
+      },
+      { flush: "post" }
+    );
+    const isComponent = (content2) => typeof content2 === "object" && content2 !== null && "render" in content2 && typeof content2.render === "function";
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Transition, {
-        name: "pm-backdrop-transition",
-        "enter-active-class": "fadeInDown",
-        "leave-active-class": "fadeOutUp"
-      }, {
-        default: vue.withCtx(() => [
-          vue.unref(show) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, _hoisted_3)) : vue.createCommentVNode("", true)
-        ]),
-        _: 1
-      });
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(vue.Transition, {
+          name: "pm-backdrop-transition",
+          "enter-active-class": "fadeInDown",
+          "leave-active-class": "fadeOutUp"
+        }, {
+          default: vue.withCtx(() => [
+            vue.unref(show) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+              vue.createElementVNode("div", {
+                style: vue.normalizeStyle({ width: `${width.value}px` }),
+                class: "h-8 overflow-hidden whitespace-nowrap rounded-b border-x border-b border-p-gray-30 bg-p-blue-10 px-4 pt-2 text-center text-sm font-semibold leading-none text-p-purple-60 shadow-sm transition-all duration-500"
+              }, [
+                isComponent(vue.unref(content)) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(content)), { key: 0 })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(content)), 1)
+                ], 64))
+              ], 4)
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        vue.unref(content) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createElementVNode("div", {
+            ref_key: "widthReference",
+            ref: widthReference,
+            class: "inline-flex px-4"
+          }, [
+            isComponent(vue.unref(content)) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(content)), { key: 0 })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(content)), 1)
+            ], 64))
+          ], 512)
+        ])) : vue.createCommentVNode("", true)
+      ], 64);
     };
   }
 });
-const pLoading = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-122d5e30"]]);
+const pLoading = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-8d505d00"]]);
 module.exports = pLoading;

package/dist/cjs/usePLoading.js

@@ -1,35 +1,47 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const lodashEs = require("lodash-es");
+const LOADING_TEXT = "Loading...";
 const show = vue.ref(false);
-const loadingIds = [];
+const loadingItems = vue.ref([]);
+const content = vue.computed(() => {
+  var _a;
+  return (_a = loadingItems.value[loadingItems.value.length - 1]) == null ? void 0 : _a.content;
+});
 let timer;
 const usePLoading = (options) => {
   const { delay } = { delay: 200, ...options };
   const scope = vue.getCurrentScope();
-  const loadingShow = () => {
-    if (loadingIds.length === 0 && delay > 0) {
+  const loadingShow = (loadingItem) => {
+    if (!loadingItem.id) {
+      throw new Error("id is required");
+    }
+    if (loadingItems.value.length === 0 && delay > 0) {
       timer = setTimeout(() => {
         show.value = true;
       }, delay);
     } else {
       show.value = true;
     }
-    loadingIds.push(lodashEs.uniqueId());
+    loadingItems.value.push({
+      id: loadingItem.id,
+      content: loadingItem.content && typeof loadingItem.content === "object" ? vue.markRaw(loadingItem.content) : loadingItem.content || LOADING_TEXT
+    });
   };
-  const loadingHide = () => {
-    if (loadingIds.length === 1) {
+  const loadingHide = (id) => {
+    loadingItems.value = id && typeof id === "string" ? loadingItems.value.filter((item) => item.id !== id) : [];
+    if (loadingItems.value.length === 0) {
       show.value = false;
     }
     clearTimeout(timer);
-    loadingIds.pop();
   };
   if (scope) {
     vue.onScopeDispose(() => {
-      loadingHide();
+      loadingItems.value = [];
+      show.value = false;
+      clearTimeout(timer);
     });
   }
-  return { show, loadingShow, loadingHide };
+  return { show, content, loadingShow, loadingHide };
 };
 exports.usePLoading = usePLoading;

package/dist/es/p-loading.js

@@ -1,39 +1,72 @@
-import { defineComponent, openBlock, createBlock, Transition, withCtx, unref, createElementBlock, createCommentVNode, pushScopeId, popScopeId, createElementVNode } from "vue";
+import { defineComponent, ref, watch, toValue, openBlock, createElementBlock, Fragment, createVNode, Transition, withCtx, unref, createElementVNode, normalizeStyle, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { usePLoading } from "./usePLoading.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _withScopeId = (n) => (pushScopeId("data-v-122d5e30"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   key: 0,
   class: "fixed left-0 top-0 z-[120] flex w-full justify-center",
   "aria-live": "polite",
   "aria-busy": "true"
 };
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "h-8 rounded-b border-x border-b border-p-gray-30 bg-p-blue-10 px-4 pt-2 text-sm font-semibold leading-none text-p-purple-60 shadow-sm" }, " Loading... ", -1));
-const _hoisted_3 = [
-  _hoisted_2
-];
+const _hoisted_2 = {
+  key: 0,
+  class: "invisible fixed"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "PLoading"
   },
   __name: "p-loading",
   setup(__props) {
-    const { show } = usePLoading();
+    const { show, content } = usePLoading();
+    const widthReference = ref(null);
+    const width = ref(0);
+    watch(
+      () => toValue(content),
+      () => {
+        if (widthReference.value) {
+          width.value = widthReference.value.offsetWidth;
+        }
+      },
+      { flush: "post" }
+    );
+    const isComponent = (content2) => typeof content2 === "object" && content2 !== null && "render" in content2 && typeof content2.render === "function";
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: "pm-backdrop-transition",
-        "enter-active-class": "fadeInDown",
-        "leave-active-class": "fadeOutUp"
-      }, {
-        default: withCtx(() => [
-          unref(show) ? (openBlock(), createElementBlock("div", _hoisted_1, _hoisted_3)) : createCommentVNode("", true)
-        ]),
-        _: 1
-      });
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(Transition, {
+          name: "pm-backdrop-transition",
+          "enter-active-class": "fadeInDown",
+          "leave-active-class": "fadeOutUp"
+        }, {
+          default: withCtx(() => [
+            unref(show) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              createElementVNode("div", {
+                style: normalizeStyle({ width: `${width.value}px` }),
+                class: "h-8 overflow-hidden whitespace-nowrap rounded-b border-x border-b border-p-gray-30 bg-p-blue-10 px-4 pt-2 text-center text-sm font-semibold leading-none text-p-purple-60 shadow-sm transition-all duration-500"
+              }, [
+                isComponent(unref(content)) ? (openBlock(), createBlock(resolveDynamicComponent(unref(content)), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createTextVNode(toDisplayString(unref(content)), 1)
+                ], 64))
+              ], 4)
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        unref(content) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", {
+            ref_key: "widthReference",
+            ref: widthReference,
+            class: "inline-flex px-4"
+          }, [
+            isComponent(unref(content)) ? (openBlock(), createBlock(resolveDynamicComponent(unref(content)), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(unref(content)), 1)
+            ], 64))
+          ], 512)
+        ])) : createCommentVNode("", true)
+      ], 64);
     };
   }
 });
-const pLoading = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-122d5e30"]]);
+const pLoading = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8d505d00"]]);
 export {
   pLoading as default
 };

package/dist/es/usePLoading.js

@@ -1,34 +1,46 @@
-import { ref, getCurrentScope, onScopeDispose } from "vue";
-import { uniqueId } from "lodash-es";
+import { ref, computed, getCurrentScope, onScopeDispose, markRaw } from "vue";
+const LOADING_TEXT = "Loading...";
 const show = ref(false);
-const loadingIds = [];
+const loadingItems = ref([]);
+const content = computed(() => {
+  var _a;
+  return (_a = loadingItems.value[loadingItems.value.length - 1]) == null ? void 0 : _a.content;
+});
 let timer;
 const usePLoading = (options) => {
   const { delay } = { delay: 200, ...options };
   const scope = getCurrentScope();
-  const loadingShow = () => {
-    if (loadingIds.length === 0 && delay > 0) {
+  const loadingShow = (loadingItem) => {
+    if (!loadingItem.id) {
+      throw new Error("id is required");
+    }
+    if (loadingItems.value.length === 0 && delay > 0) {
       timer = setTimeout(() => {
         show.value = true;
       }, delay);
     } else {
       show.value = true;
     }
-    loadingIds.push(uniqueId());
+    loadingItems.value.push({
+      id: loadingItem.id,
+      content: loadingItem.content && typeof loadingItem.content === "object" ? markRaw(loadingItem.content) : loadingItem.content || LOADING_TEXT
+    });
   };
-  const loadingHide = () => {
-    if (loadingIds.length === 1) {
+  const loadingHide = (id) => {
+    loadingItems.value = id && typeof id === "string" ? loadingItems.value.filter((item) => item.id !== id) : [];
+    if (loadingItems.value.length === 0) {
       show.value = false;
     }
     clearTimeout(timer);
-    loadingIds.pop();
   };
   if (scope) {
     onScopeDispose(() => {
-      loadingHide();
+      loadingItems.value = [];
+      show.value = false;
+      clearTimeout(timer);
     });
   }
-  return { show, loadingShow, loadingHide };
+  return { show, content, loadingShow, loadingHide };
 };
 export {
   usePLoading

package/dist/squirrel/components/p-alert/p-alert.vue.d.ts

@@ -7,7 +7,7 @@ declare const ALERT_TYPES: {
 };
 declare const _default: import("vue").DefineComponent<{
     type: {
-        type: PropType<"error" | "info" | "success" | "warning">;
+        type: PropType<keyof typeof ALERT_TYPES>;
         default: string;
         validator(value: keyof typeof ALERT_TYPES): boolean;
     };
@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     svgColor(): undefined;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: PropType<"error" | "info" | "success" | "warning">;
+        type: PropType<keyof typeof ALERT_TYPES>;
         default: string;
         validator(value: keyof typeof ALERT_TYPES): boolean;
     };

package/dist/squirrel/components/p-btn/p-btn.vue.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type RouteLocationRaw } from 'vue-router';
 import { type Size } from './p-btn.types';
 declare const BUTTON_TYPES: {
     readonly PRIMARY: "primary";
@@ -29,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
      * The button native type e.g button, submit, reset
      */
     nativeType: {
-        type: PropType<"button" | "submit" | "reset">;
+        type: PropType<ButtonNativeType>;
         default: string;
         validator(value: ButtonNativeType): boolean;
     };
@@ -60,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
      * See https://router.vuejs.org/api/#RouteLocationRaw
      */
     to: {
-        type: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
+        type: PropType<RouteLocationRaw>;
         default: string;
     };
 }, unknown, {
@@ -85,7 +86,7 @@ declare const _default: import("vue").DefineComponent<{
      * The button native type e.g button, submit, reset
      */
     nativeType: {
-        type: PropType<"button" | "submit" | "reset">;
+        type: PropType<ButtonNativeType>;
         default: string;
         validator(value: ButtonNativeType): boolean;
     };
@@ -116,7 +117,7 @@ declare const _default: import("vue").DefineComponent<{
      * See https://router.vuejs.org/api/#RouteLocationRaw
      */
     to: {
-        type: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
+        type: PropType<RouteLocationRaw>;
         default: string;
     };
 }>>, {

package/dist/squirrel/components/p-card/p-card.vue.d.ts

@@ -1,4 +1,10 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare function __VLS_template(): {
+    title?(_: {
+        titleClass: "text-xl font-medium leading-none text-p-purple-60";
+    }): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{
     title: {
         type: StringConstructor;
         default: string;
@@ -10,12 +16,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     title: string;
-}, {}>, {
-    title?(_: {
-        titleClass: "text-xl font-medium leading-none text-p-purple-60";
-    }): any;
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/squirrel/components/p-checkbox/p-checkbox.vue.d.ts

@@ -1,4 +1,8 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare function __VLS_template(): {
+    "label-before"?(_: {}): any;
+    label?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -23,10 +27,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     label: string;
     modelValue: boolean;
-}, {}>, {
-    "label-before"?(_: {}): any;
-    label?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/squirrel/components/p-date-picker/p-date-picker.vue.d.ts

@@ -44,9 +44,9 @@ declare const _default: import("vue").DefineComponent<{
     style(): StyleValue;
 }, {}, import("vue").DefineComponent<{
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<import("../../index.js").InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: import("../../index.js").InputSize): boolean;
     };
     errorMsg: {
         type: StringConstructor;
@@ -69,9 +69,9 @@ declare const _default: import("vue").DefineComponent<{
     textareaClasses(): string;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<import("../../index.js").InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: import("../../index.js").InputSize): boolean;
     };
     errorMsg: {
         type: StringConstructor;

package/dist/squirrel/components/p-dropdown-select/p-dropdown-select.vue.d.ts

@@ -1,8 +1,29 @@
 import { type PropType } from 'vue';
-import { type ModelValue } from '../p-select-list/p-select-list.types';
+import { type ModelValue, type Size } from '../p-select-list/p-select-list.types';
 type AnyValue = string | number | boolean | null | undefined | Record<string, unknown>;
 type AnyObject = Record<string, AnyValue>;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare function __VLS_template(): Readonly<{
+    'selected-item'(props: {
+        item: any;
+    }): unknown;
+    'no-items'(): unknown;
+    item(props: {
+        item: any;
+        isItemSelected: boolean;
+        itemTextSplit: string[];
+    }): unknown;
+}> & {
+    'selected-item'(props: {
+        item: any;
+    }): unknown;
+    'no-items'(): unknown;
+    item(props: {
+        item: any;
+        isItemSelected: boolean;
+        itemTextSplit: string[];
+    }): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<ModelValue>;
         default: null;
@@ -37,9 +58,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<Size>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: Size): boolean;
     };
     /**
      * Set property of **items**’s text value
@@ -156,9 +177,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<Size>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: Size): boolean;
     };
     /**
      * Set property of **items**’s text value
@@ -261,27 +282,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     multiple: boolean;
     placeholderSearch: string;
     selectedTopShown: boolean;
-}, {}>, Readonly<{
-    'selected-item'(props: {
-        item: any;
-    }): unknown;
-    'no-items'(): unknown;
-    item(props: {
-        item: any;
-        isItemSelected: boolean;
-        itemTextSplit: string[];
-    }): unknown;
-}> & {
-    'selected-item'(props: {
-        item: any;
-    }): unknown;
-    'no-items'(): unknown;
-    item(props: {
-        item: any;
-        isItemSelected: boolean;
-        itemTextSplit: string[];
-    }): unknown;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/squirrel/components/p-info-icon/p-info-icon.vue.d.ts

@@ -1,4 +1,7 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{
     text: {
         type: StringConstructor;
         default: string;
@@ -10,9 +13,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     text: string;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue.d.ts

@@ -52,9 +52,9 @@ declare const _default: import("vue").DefineComponent<{
     }): void;
 }, import("vue").DefineComponent<{
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<import("../../index.js").InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: import("../../index.js").InputSize): boolean;
     };
     errorMsg: {
         type: StringConstructor;
@@ -77,9 +77,9 @@ declare const _default: import("vue").DefineComponent<{
     textareaClasses(): string;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<import("../../index.js").InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: import("../../index.js").InputSize): boolean;
     };
     errorMsg: {
         type: StringConstructor;

package/dist/squirrel/components/p-input/p-input.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     type: {
-        type: PropType<string>;
+        type: PropType<InputType>;
         default: string;
         validator(value: InputType): boolean;
     };
@@ -38,9 +38,9 @@ declare const _default: import("vue").DefineComponent<{
     style(): StyleValue;
 }, {}, import("vue").DefineComponent<{
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<import("../../index.js").InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: import("../../index.js").InputSize): boolean;
     };
     errorMsg: {
         type: StringConstructor;
@@ -63,9 +63,9 @@ declare const _default: import("vue").DefineComponent<{
     textareaClasses(): string;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<import("../../index.js").InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: import("../../index.js").InputSize): boolean;
     };
     errorMsg: {
         type: StringConstructor;
@@ -90,7 +90,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     type: {
-        type: PropType<string>;
+        type: PropType<InputType>;
         default: string;
         validator(value: InputType): boolean;
     };

package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts

@@ -1,7 +1,7 @@
 import { type PropType, type StyleValue } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: PropType<string | number | null | undefined>;
+        type: PropType<number | string | null | undefined>;
         default: null;
     };
     label: {
@@ -33,9 +33,9 @@ declare const _default: import("vue").DefineComponent<{
     focus: () => void;
 }, unknown, {}, {}, import("vue").DefineComponent<{
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<import("../../index.js").InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: import("../../index.js").InputSize): boolean;
     };
     errorMsg: {
         type: StringConstructor;
@@ -58,9 +58,9 @@ declare const _default: import("vue").DefineComponent<{
     textareaClasses(): string;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<import("../../index.js").InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: import("../../index.js").InputSize): boolean;
     };
     errorMsg: {
         type: StringConstructor;
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
     errorMsg: string;
 }, {}>, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: PropType<string | number | null | undefined>;
+        type: PropType<number | string | null | undefined>;
         default: null;
     };
     label: {