@pequity/squirrel 6.0.9 → 6.0.10

package/dist/cjs/chunks/p-icon.js

@@ -410,7 +410,6 @@ function addCollection$1(data, provider) {
   }
   const prefix = data.prefix;
   if (!validateIconName({
-    provider,
     prefix,
     name: "a"
   })) {
@@ -1557,7 +1556,7 @@ function exportFunctions() {
       }
     }
   }
-  const _api = {
+  const _api2 = {
     getAPIConfig,
     setAPIModule,
     sendAPIQuery,
@@ -1589,7 +1588,7 @@ function exportFunctions() {
     setCustomIconLoader: setCustomIconLoader$1,
     setCustomIconsLoader: setCustomIconsLoader$1,
     appendCustomStyle,
-    _api
+    _api: _api2
   };
 }
 const monotoneProps = {
@@ -2069,7 +2068,28 @@ function defineIconifyIcon(name = "iconify-icon") {
   customElements.define(name, IconifyIcon);
   return IconifyIcon;
 }
-defineIconifyIcon() || exportFunctions();
+const IconifyIconComponent = defineIconifyIcon() || exportFunctions();
+const {
+  enableCache,
+  disableCache,
+  iconLoaded,
+  iconExists,
+  // deprecated, kept to avoid breaking changes
+  getIcon,
+  listIcons,
+  addIcon,
+  addCollection,
+  calculateSize,
+  buildIcon,
+  iconToHTML,
+  svgToURL,
+  loadIcons,
+  loadIcon,
+  setCustomIconLoader,
+  setCustomIconsLoader,
+  addAPIProvider,
+  _api
+} = IconifyIconComponent;
 const _hoisted_1 = ["icon"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{

package/dist/cjs/chunks/p-ring-loader.js

@@ -1,80 +1,27 @@
 "use strict";
 const vue = require("vue");
-const tailwind = require("../tailwind.js");
-const INNER_DIV_CLASS = "block animate-spin absolute box-border rounded-full w-4/5 h-4/5 m-[10%]";
+const pIcon_vue_vue_type_script_setup_true_lang = require("./p-icon.js");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PRingLoader"
   },
   __name: "p-ring-loader",
   props: {
-    size: {
-      type: Number,
-      default: 80
-    },
-    color: {
-      type: String,
-      default: tailwind.getColor("primary")
-    },
-    duration: {
-      type: String,
-      default: "1.2s",
-      validator(value) {
-        const res = /^\d*\.?\d+(s|ms)$/;
-        return res.test(value);
-      }
-    }
+    size: { default: 80 },
+    color: { default: "var(--color-p-blue-60)" }
   },
   setup(__props) {
-    const calcPropertyValue = (propName, originalValue, modificator) => {
-      var _a, _b;
-      const computedStyle = {};
-      const timeQuantityOuter = (_a = originalValue.match(/^\d*\.?\d+/)) == null ? void 0 : _a[0];
-      const timeUnit = ((_b = originalValue.match(/s|(ms)$/)) == null ? void 0 : _b[0]) || "s";
-      const timeQuantityInner = Math.round(Number(timeQuantityOuter) * 1e3 * modificator) / 1e3;
-      computedStyle[propName] = timeQuantityInner + timeUnit;
-      return computedStyle;
-    };
     const props = __props;
-    const spinnerStyle = vue.computed(() => {
-      return {
-        borderWidth: `${props.size * 0.1}px`,
-        borderColor: `${props.color} transparent transparent transparent`,
-        animationDuration: props.duration,
-        animationTimingFunction: "cubic-bezier(0.5, 0, 0.5, 1)"
-      };
-    });
-    const animDiv1 = vue.computed(() => {
-      return calcPropertyValue("animationDelay", props.duration, -0.375);
-    });
-    const animDiv2 = vue.computed(() => {
-      return calcPropertyValue("animationDelay", props.duration, -0.25);
-    });
-    const animDiv3 = vue.computed(() => {
-      return calcPropertyValue("animationDelay", props.duration, -0.125);
-    });
+    const spinnerSize = vue.computed(() => props.size * 0.892);
+    const style = vue.computed(() => ({
+      color: props.color
+    }));
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: "relative inline-block",
-        style: vue.normalizeStyle({ width: `${__props.size}px`, height: `${__props.size}px` })
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(INNER_DIV_CLASS),
-          style: vue.normalizeStyle([spinnerStyle.value, animDiv1.value])
-        }, null, 4),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(INNER_DIV_CLASS),
-          style: vue.normalizeStyle([spinnerStyle.value, animDiv2.value])
-        }, null, 4),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(INNER_DIV_CLASS),
-          style: vue.normalizeStyle([spinnerStyle.value, animDiv3.value])
-        }, null, 4),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(INNER_DIV_CLASS),
-          style: vue.normalizeStyle([spinnerStyle.value])
-        }, null, 4)
-      ], 4);
+      return vue.openBlock(), vue.createBlock(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
+        icon: "svg-spinners:90-ring-with-bg",
+        width: spinnerSize.value,
+        style: vue.normalizeStyle(style.value)
+      }, null, 8, ["width", "style"]);
     };
   }
 });

package/dist/cjs/p-btn.js

@@ -2,7 +2,6 @@
 const pRingLoader_vue_vue_type_script_setup_true_lang = require("./chunks/p-ring-loader.js");
 const link = require("./link.js");
 const sanitization = require("./sanitization.js");
-const tailwind = require("./tailwind.js");
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
@@ -43,16 +42,16 @@ const LOADER_SIZES = {
   lg: 40
 };
 const LOADER_COLORS = {
-  [BUTTON_TYPES.PRIMARY]: "p-blue-15",
-  [BUTTON_TYPES.SECONDARY]: "p-purple-60",
-  [BUTTON_TYPES.PRIMARY_OUTLINE]: "p-blue-60",
-  [BUTTON_TYPES.SECONDARY_OUTLINE]: "p-purple-60",
-  [BUTTON_TYPES.SECONDARY_OUTLINE_BLUE]: "p-purple-60",
-  [BUTTON_TYPES.ERROR]: "p-blue-15",
-  [BUTTON_TYPES.SUCCESS]: "p-blue-15",
-  [BUTTON_TYPES.PRIMARY_LINK]: "p-blue-60",
-  [BUTTON_TYPES.SECONDARY_GHOST]: "p-purple-60",
-  [BUTTON_TYPES.SECONDARY_GHOST_DARK]: "p-blue-15"
+  [BUTTON_TYPES.PRIMARY]: "var(--color-p-blue-15)",
+  [BUTTON_TYPES.SECONDARY]: "var(--color-p-purple-60)",
+  [BUTTON_TYPES.PRIMARY_OUTLINE]: "var(--color-p-blue-60)",
+  [BUTTON_TYPES.SECONDARY_OUTLINE]: "var(--color-p-purple-60)",
+  [BUTTON_TYPES.SECONDARY_OUTLINE_BLUE]: "var(--color-p-purple-60)",
+  [BUTTON_TYPES.ERROR]: "var(--color-p-blue-15)",
+  [BUTTON_TYPES.SUCCESS]: "var(--color-p-blue-15)",
+  [BUTTON_TYPES.PRIMARY_LINK]: "var(--color-p-blue-60)",
+  [BUTTON_TYPES.SECONDARY_GHOST]: "var(--color-p-purple-60)",
+  [BUTTON_TYPES.SECONDARY_GHOST_DARK]: "var(--color-p-blue-15)"
 };
 const _sfc_main = vue.defineComponent({
   name: "PBtn",
@@ -115,11 +114,6 @@ const _sfc_main = vue.defineComponent({
       default: ""
     }
   },
-  data() {
-    return {
-      loaderStyle: { position: "absolute" }
-    };
-  },
   computed: {
     classes() {
       return `${DEFAULT_CLASSES} ${BUTTON_SIZES[this.size]} ${BUTTON_CLASSES[this.type]}`;
@@ -128,8 +122,7 @@ const _sfc_main = vue.defineComponent({
       return Number(`${LOADER_SIZES[this.size]}`);
     },
     loaderColor() {
-      const type = LOADER_COLORS[this.type];
-      return tailwind.getColorDeep(type);
+      return LOADER_COLORS[this.type];
     }
   },
   methods: {
@@ -166,11 +159,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2),
       _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_PRingLoader, {
         key: 0,
-        style: vue.normalizeStyle(_ctx.loaderStyle),
         color: _ctx.loaderColor,
         size: _ctx.loaderSize,
-        class: "left-0 right-0 top-0 ml-auto mr-auto pt-1"
-      }, null, 8, ["style", "color", "size"])) : vue.createCommentVNode("", true)
+        class: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center"
+      }, null, 8, ["color", "size"])) : vue.createCommentVNode("", true)
     ]),
     _: 3
   }, 16, ["type", "to", "aria-selected", "class", "disabled", "aria-disabled"]));

package/dist/cjs/p-loading.js

@@ -3,6 +3,34 @@ const vue = require("vue");
 const usePLoading = require("./usePLoading.js");
 const component = require("./component.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _hoisted_1$1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "19",
+  height: "19",
+  viewBox: "0 0 24 24"
+};
+function render(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
+    vue.createElementVNode("path", {
+      fill: "currentColor",
+      d: "M12 1a11 11 0 1 0 11 11A11 11 0 0 0 12 1m0 19a8 8 0 1 1 8-8 8 8 0 0 1-8 8",
+      opacity: ".25"
+    }, null, -1),
+    vue.createElementVNode("path", {
+      fill: "currentColor",
+      d: "M10.14 1.16a11 11 0 0 0-9 8.92A1.59 1.59 0 0 0 2.46 12a1.52 1.52 0 0 0 1.65-1.3 8 8 0 0 1 6.66-6.61A1.42 1.42 0 0 0 12 2.69a1.57 1.57 0 0 0-1.86-1.53"
+    }, [
+      vue.createElementVNode("animateTransform", {
+        attributeName: "transform",
+        dur: "0.75s",
+        repeatCount: "indefinite",
+        type: "rotate",
+        values: "0 12 12;360 12 12"
+      })
+    ], -1)
+  ]));
+}
+const PLoadingSpinner = { render };
 const _hoisted_1 = {
   key: 0,
   class: "fixed left-0 top-0 z-[9999] flex w-full justify-center",
@@ -13,7 +41,7 @@ const _hoisted_2 = {
   key: 0,
   class: "invisible fixed"
 };
-const textDivClass = `overflow-hidden whitespace-nowrap px-4 pt-1 h-8 text-center text-sm font-semibold text-p-purple-60`;
+const textDivClass = `flex h-8 justify-center gap-x-1.5 overflow-hidden whitespace-nowrap px-6 pt-1 text-sm font-semibold text-p-purple-60`;
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PLoading"
@@ -58,7 +86,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     vue.unref(component.isComponent)(vue.unref(content)) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(content)), vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(componentProps))), null, 16)) : (vue.openBlock(), vue.createElementBlock("div", {
                       key: 1,
                       class: vue.normalizeClass(textDivClass)
-                    }, vue.toDisplayString(vue.unref(content)), 1))
+                    }, [
+                      vue.createVNode(vue.unref(PLoadingSpinner), { class: "pt-0.5" }),
+                      vue.createTextVNode(" " + vue.toDisplayString(vue.unref(content)), 1)
+                    ]))
                   ]),
                   _: 1
                 })
@@ -75,12 +106,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.unref(component.isComponent)(vue.unref(content)) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(content)), vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(componentProps))), null, 16)) : (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               class: vue.normalizeClass(textDivClass)
-            }, vue.toDisplayString(vue.unref(content)), 1))
+            }, [
+              vue.createVNode(vue.unref(PLoadingSpinner), { class: "pt-0.5" }),
+              vue.createTextVNode(" " + vue.toDisplayString(vue.unref(content)), 1)
+            ]))
           ], 512)
         ])) : vue.createCommentVNode("", true)
       ]);
     };
   }
 });
-const pLoading = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-245e3308"]]);
+const pLoading = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-9ad56d4f"]]);
 module.exports = pLoading;

package/dist/es/chunks/p-action-bar.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, Teleport, createElementBlock, mergeProps, createElementVNode, createVNode, toDisplayString, Fragment, renderList, withCtx, unref, resolveDynamicComponent, createCommentVNode } from "vue";
+import { defineComponent, createBlock, openBlock, Teleport, createElementBlock, createCommentVNode, mergeProps, createElementVNode, createVNode, toDisplayString, Fragment, renderList, withCtx, unref, resolveDynamicComponent } from "vue";
 import PBtn from "../p-btn.js";
 import PCloseBtn from "../p-close-btn.js";
 import PDropdown from "../p-dropdown.js";

package/dist/es/chunks/p-card.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, renderSlot, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, renderSlot, createCommentVNode, normalizeClass, toDisplayString } from "vue";
 const _hoisted_1 = { class: "border border-p-gray-30 bg-surface px-6 pt-6" };
 const titleClass = "text-xl font-medium leading-none text-p-purple-60";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/chunks/p-date-picker.js

@@ -1,4 +1,4 @@
-import { defineComponent, mergeModels, useModel, useAttrs, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, withKeys } from "vue";
+import { defineComponent, mergeModels, useModel, useAttrs, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, withKeys } from "vue";
 import PInput from "../p-input.js";
 import VueDatePicker from "@vuepic/vue-datepicker";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/chunks/p-dropdown-select.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, useAttrs, computed, watch, onMounted, onUnmounted, resolveDirective, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, toDisplayString, createCommentVNode, createVNode, mergeProps, withCtx, createElementVNode, isRef, Fragment, renderList, withDirectives, renderSlot, createTextVNode, withModifiers, vShow } from "vue";
+import { defineComponent, ref, useAttrs, computed, watch, onMounted, onUnmounted, resolveDirective, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, createVNode, withDirectives, toDisplayString, mergeProps, withCtx, createElementVNode, renderSlot, withModifiers, isRef, Fragment, renderList, createTextVNode, vShow } from "vue";
 import PDropdown from "../p-dropdown.js";
 import { _ as _sfc_main$1 } from "./p-icon.js";
 import PInputSearch from "../p-input-search.js";

package/dist/es/chunks/p-icon.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { defineComponent, openBlock, createElementBlock, unref } from "vue";
+import { defineComponent, createElementBlock, openBlock, unref } from "vue";
 import { P_ICON_ALIASES } from "../p-icon.js";
 /**
 * (c) Iconify
@@ -409,7 +409,6 @@ function addCollection$1(data, provider) {
   }
   const prefix = data.prefix;
   if (!validateIconName({
-    provider,
     prefix,
     name: "a"
   })) {
@@ -1556,7 +1555,7 @@ function exportFunctions() {
       }
     }
   }
-  const _api = {
+  const _api2 = {
     getAPIConfig,
     setAPIModule,
     sendAPIQuery,
@@ -1588,7 +1587,7 @@ function exportFunctions() {
     setCustomIconLoader: setCustomIconLoader$1,
     setCustomIconsLoader: setCustomIconsLoader$1,
     appendCustomStyle,
-    _api
+    _api: _api2
   };
 }
 const monotoneProps = {
@@ -2068,7 +2067,28 @@ function defineIconifyIcon(name = "iconify-icon") {
   customElements.define(name, IconifyIcon);
   return IconifyIcon;
 }
-defineIconifyIcon() || exportFunctions();
+const IconifyIconComponent = defineIconifyIcon() || exportFunctions();
+const {
+  enableCache,
+  disableCache,
+  iconLoaded,
+  iconExists,
+  // deprecated, kept to avoid breaking changes
+  getIcon,
+  listIcons,
+  addIcon,
+  addCollection,
+  calculateSize,
+  buildIcon,
+  iconToHTML,
+  svgToURL,
+  loadIcons,
+  loadIcon,
+  setCustomIconLoader,
+  setCustomIconsLoader,
+  addAPIProvider,
+  _api
+} = IconifyIconComponent;
 const _hoisted_1 = ["icon"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/chunks/p-inline-date-picker.js

@@ -1,4 +1,4 @@
-import { defineComponent, mergeModels, useModel, useAttrs, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, unref, toDisplayString, createCommentVNode, createVNode, mergeProps, withDirectives, createElementVNode, vShow } from "vue";
+import { defineComponent, mergeModels, useModel, useAttrs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createVNode, withDirectives, unref, createCommentVNode, toDisplayString, mergeProps, createElementVNode, vShow } from "vue";
 import { useInputClasses } from "../useInputClasses.js";
 import VueDatePicker from "@vuepic/vue-datepicker";
 const _hoisted_1 = ["data-has-error"];

package/dist/es/chunks/p-input-percent.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, withCtx, createElementVNode, normalizeClass } from "vue";
+import { defineComponent, computed, createBlock, openBlock, withCtx, createElementVNode, normalizeClass } from "vue";
 import PInputNumber from "../p-input-number.js";
 import { isNumber } from "lodash-es";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/chunks/p-link.js

@@ -1,4 +1,4 @@
-import { defineComponent, unref, openBlock, createElementBlock, renderSlot, createBlock, normalizeProps, mergeProps, withCtx } from "vue";
+import { defineComponent, createElementBlock, createBlock, unref, openBlock, renderSlot, normalizeProps, mergeProps, withCtx } from "vue";
 import { isExternalLink } from "../link.js";
 import { sanitizeUrl } from "../sanitization.js";
 import { RouterLink } from "vue-router";

package/dist/es/chunks/p-pagination-info.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, createElementBlock, Fragment, createTextVNode, toDisplayString, renderSlot } from "vue";
+import { defineComponent, computed, createBlock, createElementBlock, openBlock, renderSlot, Fragment, createTextVNode, toDisplayString } from "vue";
 import PSkeletonLoader from "../p-skeleton-loader.js";
 const _hoisted_1 = {
   key: 1,

package/dist/es/chunks/p-pagination.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, Fragment, createBlock, createCommentVNode, createElementVNode, normalizeClass, renderList, toDisplayString } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createElementVNode, normalizeClass, renderList, toDisplayString } from "vue";
 import PSkeletonLoader from "../p-skeleton-loader.js";
 import { createPagingRange } from "../pagination.js";
 const _imports_0 = "data:image/svg+xml,%3csvg%20width='8'%20height='12'%20viewBox='0%200%208%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.25%205.99968C0.25%205.64968%200.4%205.34968%200.65%205.14968L6.25%200.249681C6.65%20-0.100319%207.2%20-0.0503187%207.55%200.349681C7.85%200.749681%207.85%201.29968%207.45%201.59968L2.55%205.89968C2.5%205.94968%202.5%205.99968%202.55%206.04968L7.45%2010.3497C7.85%2010.6997%207.9%2011.2497%207.55%2011.6497C7.2%2012.0497%206.65%2012.0997%206.25%2011.7497C6.25%2011.7497%206.25%2011.7497%206.2%2011.6997L0.65%206.84968C0.4%206.64968%200.25%206.29968%200.25%205.99968Z'%20fill='%23918da1'%20/%3e%3c/svg%3e";

package/dist/es/chunks/p-ring-loader.js

@@ -1,79 +1,26 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass } from "vue";
-import { getColor } from "../tailwind.js";
-const INNER_DIV_CLASS = "block animate-spin absolute box-border rounded-full w-4/5 h-4/5 m-[10%]";
+import { defineComponent, computed, createBlock, openBlock, normalizeStyle } from "vue";
+import { _ as _sfc_main$1 } from "./p-icon.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "PRingLoader"
   },
   __name: "p-ring-loader",
   props: {
-    size: {
-      type: Number,
-      default: 80
-    },
-    color: {
-      type: String,
-      default: getColor("primary")
-    },
-    duration: {
-      type: String,
-      default: "1.2s",
-      validator(value) {
-        const res = /^\d*\.?\d+(s|ms)$/;
-        return res.test(value);
-      }
-    }
+    size: { default: 80 },
+    color: { default: "var(--color-p-blue-60)" }
   },
   setup(__props) {
-    const calcPropertyValue = (propName, originalValue, modificator) => {
-      var _a, _b;
-      const computedStyle = {};
-      const timeQuantityOuter = (_a = originalValue.match(/^\d*\.?\d+/)) == null ? void 0 : _a[0];
-      const timeUnit = ((_b = originalValue.match(/s|(ms)$/)) == null ? void 0 : _b[0]) || "s";
-      const timeQuantityInner = Math.round(Number(timeQuantityOuter) * 1e3 * modificator) / 1e3;
-      computedStyle[propName] = timeQuantityInner + timeUnit;
-      return computedStyle;
-    };
     const props = __props;
-    const spinnerStyle = computed(() => {
-      return {
-        borderWidth: `${props.size * 0.1}px`,
-        borderColor: `${props.color} transparent transparent transparent`,
-        animationDuration: props.duration,
-        animationTimingFunction: "cubic-bezier(0.5, 0, 0.5, 1)"
-      };
-    });
-    const animDiv1 = computed(() => {
-      return calcPropertyValue("animationDelay", props.duration, -0.375);
-    });
-    const animDiv2 = computed(() => {
-      return calcPropertyValue("animationDelay", props.duration, -0.25);
-    });
-    const animDiv3 = computed(() => {
-      return calcPropertyValue("animationDelay", props.duration, -0.125);
-    });
+    const spinnerSize = computed(() => props.size * 0.892);
+    const style = computed(() => ({
+      color: props.color
+    }));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "relative inline-block",
-        style: normalizeStyle({ width: `${__props.size}px`, height: `${__props.size}px` })
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(INNER_DIV_CLASS),
-          style: normalizeStyle([spinnerStyle.value, animDiv1.value])
-        }, null, 4),
-        createElementVNode("div", {
-          class: normalizeClass(INNER_DIV_CLASS),
-          style: normalizeStyle([spinnerStyle.value, animDiv2.value])
-        }, null, 4),
-        createElementVNode("div", {
-          class: normalizeClass(INNER_DIV_CLASS),
-          style: normalizeStyle([spinnerStyle.value, animDiv3.value])
-        }, null, 4),
-        createElementVNode("div", {
-          class: normalizeClass(INNER_DIV_CLASS),
-          style: normalizeStyle([spinnerStyle.value])
-        }, null, 4)
-      ], 4);
+      return openBlock(), createBlock(_sfc_main$1, {
+        icon: "svg-spinners:90-ring-with-bg",
+        width: spinnerSize.value,
+        style: normalizeStyle(style.value)
+      }, null, 8, ["width", "style"]);
     };
   }
 });

package/dist/es/chunks/p-select-btn.js

@@ -1,4 +1,4 @@
-import { defineComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, Fragment, renderList, withDirectives, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, resolveDirective, createElementBlock, openBlock, normalizeClass, Fragment, renderList, withDirectives, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 import PBtn from "../p-btn.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/chunks/p-select.js

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, toDisplayString, createCommentVNode, createElementVNode, mergeProps, Fragment, renderList, withDirectives, vShow } from "vue";
+import { defineComponent, useAttrs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createElementVNode, withDirectives, createCommentVNode, toDisplayString, mergeProps, Fragment, renderList, vShow } from "vue";
 import { useInputClasses } from "../useInputClasses.js";
 import { INPUT_SIZES } from "../inputClassesShared.js";
 const _hoisted_1 = ["data-has-error"];

package/dist/es/chunks/p-table-loader.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, createCommentVNode, normalizeClass } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createCommentVNode, createVNode, normalizeClass } from "vue";
 import PSkeletonLoader from "../p-skeleton-loader.js";
 const _hoisted_1 = { class: "block overflow-hidden rounded-xl border border-p-gray-30 bg-surface" };
 const _hoisted_2 = { class: "mb-0 w-full bg-surface" };

package/dist/es/chunks/p-tabs.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementVNode, normalizeClass, createCommentVNode, toDisplayString } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementVNode, createCommentVNode, normalizeClass, toDisplayString } from "vue";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _hoisted_2 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/index.js

@@ -11,7 +11,7 @@ import { default as default8 } from "./p-drawer.js";
 import { default as default9 } from "./p-dropdown.js";
 import { _ as _imports_0$2 } from "./chunks/p-dropdown-select.js";
 import { a } from "./chunks/p-dropdown-select.js";
-import { defineComponent, shallowRef, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, createCommentVNode, createElementVNode, withModifiers, createTextVNode, Fragment, renderList, withDirectives, vShow, useAttrs, resolveDirective, normalizeStyle, createVNode, isRef, renderSlot, provide, onBeforeUnmount, watch, mergeProps, toHandlers } from "vue";
+import { defineComponent, shallowRef, ref, computed, onMounted, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, withDirectives, unref, toDisplayString, withModifiers, createTextVNode, Fragment, renderList, vShow, useAttrs, resolveDirective, normalizeStyle, createVNode, isRef, renderSlot, provide, onBeforeUnmount, watch, mergeProps, toHandlers } from "vue";
 import { formatBytes, getFileExtension } from "./p-file-upload.js";
 import { useInputClasses } from "./useInputClasses.js";
 import { uniq, kebabCase } from "lodash-es";

package/dist/es/inputClassesMixin.js

@@ -1,4 +1,4 @@
-import { INPUT_SIZES, ERROR_MSG, INPUT_BASE, SPACING_PREFIX, SPACING_LEFT, SPACING_SUFFIX, SPACING_RIGHT, INPUT_ERROR, INPUT_NORMAL, LABEL_BASE, LABEL_SIZES, LABEL_REQUIRED, SELECT_BASE, SELECT_ARROW, SELECT_SIZES, TEXTAREA_BASE } from "./inputClassesShared.js";
+import { TEXTAREA_BASE, SELECT_BASE, SELECT_ARROW, SELECT_SIZES, SPACING_RIGHT, LABEL_BASE, LABEL_SIZES, LABEL_REQUIRED, INPUT_BASE, INPUT_SIZES, SPACING_PREFIX, SPACING_LEFT, SPACING_SUFFIX, INPUT_ERROR, INPUT_NORMAL, ERROR_MSG } from "./inputClassesShared.js";
 import { defineComponent } from "vue";
 const inputClassesMixin = defineComponent({
   props: {

package/dist/es/listKeyboardNavigation.js

@@ -1,4 +1,4 @@
-import { isElement, isVisible, getNextActiveElement } from "./dom.js";
+import { getNextActiveElement, isElement, isVisible } from "./dom.js";
 const ARROW_UP_KEY = "ArrowUp";
 const ARROW_DOWN_KEY = "ArrowDown";
 const ENTER_KEY = "Enter";

package/dist/es/p-alert.js

@@ -1,5 +1,5 @@
 import { getColor } from "./tailwind.js";
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const ALERT_TYPES = {
   info: `bg-info text-on-info`,

package/dist/es/p-avatar.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, toDisplayString } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, toDisplayString } from "vue";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const SHAPES = {
   rectangle: "rectangle",