@pequity/squirrel 6.0.13 → 6.1.0

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

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const pBtn = require("../p-btn.js");
+const pBtn_vue_vue_type_script_setup_true_lang = require("./p-btn.js");
 const pCloseBtn = require("../p-close-btn.js");
 const pDropdown = require("../p-dropdown.js");
 const pIcon_vue_vue_type_script_setup_true_lang = require("./p-icon.js");
@@ -45,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                   key: `action-${actionOrMenu.label}`
                 }, [
-                  !actionOrMenu.subActions ? (vue.openBlock(), vue.createBlock(pBtn, {
+                  !actionOrMenu.subActions ? (vue.openBlock(), vue.createBlock(pBtn_vue_vue_type_script_setup_true_lang._sfc_main, {
                     key: 0,
                     size: "sm",
                     type: "secondary-ghost-dark",
@@ -78,7 +78,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           return vue.openBlock(), vue.createElementBlock("div", {
                             key: `subaction-${subaction.name}`
                           }, [
-                            vue.createVNode(pBtn, {
+                            vue.createVNode(pBtn_vue_vue_type_script_setup_true_lang._sfc_main, {
                               size: "sm",
                               class: "w-full",
                               type: "secondary-ghost-dark",
@@ -106,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       ])
                     ]),
                     default: vue.withCtx(() => [
-                      vue.createVNode(pBtn, {
+                      vue.createVNode(pBtn_vue_vue_type_script_setup_true_lang._sfc_main, {
                         size: "sm",
                         type: "secondary-ghost-dark"
                       }, {

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

@@ -0,0 +1,204 @@
+"use strict";
+const vue = require("vue");
+const pBtn_types = require("./p-btn.types.js");
+const pIcon_vue_vue_type_script_setup_true_lang = require("./p-icon.js");
+const pRingLoader_vue_vue_type_script_setup_true_lang = require("./p-ring-loader.js");
+const link = require("../link.js");
+const sanitization = require("../sanitization.js");
+const index = require("./index.js");
+const _hoisted_1 = ["href", "disabled", "aria-disabled"];
+const _hoisted_2 = { class: "slot-wrapper empty:hidden" };
+const btnClasses = {
+  slots: {
+    button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50",
+    content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0",
+    loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium",
+    icon: "shrink-0"
+  },
+  variants: {
+    type: {
+      primary: {
+        button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80",
+        loader: "text-surface"
+      },
+      secondary: {
+        button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40",
+        loader: "text-p-purple-60"
+      },
+      "primary-outline": {
+        button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20",
+        loader: "text-p-purple-60"
+      },
+      "secondary-outline": {
+        button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10",
+        loader: "text-p-purple-60"
+      },
+      "secondary-outline-blue": {
+        button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60",
+        loader: "text-p-purple-60"
+      },
+      error: { button: "bg-p-red-40 text-white hover:bg-p-red-50", loader: "text-white" },
+      success: { button: "bg-p-green-40 text-white hover:bg-p-green-50", loader: "text-white" },
+      "primary-link": { button: "bg-transparent text-primary underline hover:text-accent", loader: "text-p-blue-60" },
+      "secondary-ghost": { button: "text-on-surface hover:bg-p-gray-20", loader: "text-p-purple-60" },
+      "secondary-ghost-dark": { button: "text-white hover:bg-p-purple-50", loader: "text-p-blue-15" }
+    },
+    size: {
+      sm: {
+        button: "px-2 has-[.slot-wrapper:empty]:px-1 py-1 text-sm",
+        content: "gap-1",
+        icon: "text-lg"
+      },
+      md: {
+        button: "px-6 has-[.slot-wrapper:empty]:px-2 py-2 text-base",
+        content: "gap-2",
+        icon: "text-xl"
+      },
+      lg: {
+        button: "px-6 has-[.slot-wrapper:empty]:px-2.5 py-2.5 text-lg",
+        content: "gap-2.5",
+        icon: "text-2xl"
+      }
+    }
+  },
+  defaultVariants: {
+    type: "primary",
+    size: "md"
+  }
+};
+const btn = index.ce(btnClasses);
+const BUTTON_TYPES = Object.keys(btnClasses.variants.type);
+const BUTTON_NATIVE_TYPES = ["button", "submit", "reset"];
+const LOADER_SIZES = { sm: 24, md: 30, lg: 40 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PBtn",
+    inheritAttrs: false
+  },
+  __name: "p-btn",
+  props: {
+    /**
+     * The button style e.g primary, secondary, primary-outline, secondary-outline, error, success, primary-link
+     */
+    type: {
+      type: String,
+      default: "primary",
+      validator(value) {
+        return BUTTON_TYPES.includes(value);
+      }
+    },
+    /**
+     * The button native type e.g button, submit, reset
+     */
+    nativeType: {
+      type: String,
+      default: "button",
+      validator(value) {
+        return BUTTON_NATIVE_TYPES.includes(value);
+      }
+    },
+    /**
+     * The button size e.g sm, md, lg
+     */
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return pBtn_types.SIZES.includes(value);
+      }
+    },
+    /**
+     * Whether the button is loading
+     */
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Whether the button is selected (sets aria-selected attribute)
+     */
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Exactly as the `to` prop in `RouterLink`, when used, it renders a link that triggers a navigation on click.
+     * See https://router.vuejs.org/api/#RouteLocationRaw
+     */
+    to: {
+      type: [Object, String],
+      default: ""
+    },
+    /**
+     * The icon to display on the button
+     */
+    icon: {
+      type: String,
+      default: ""
+    },
+    iconRight: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const classes = vue.computed(() => {
+      const { button, content, loader, icon } = btn({
+        type: props.type,
+        size: props.size
+      });
+      return { button: button(), content: content(), loader: loader(), icon: icon() };
+    });
+    const loaderSize = vue.computed(() => {
+      return Number(`${LOADER_SIZES[props.size]}`);
+    });
+    return (_ctx, _cache) => {
+      return typeof __props.to === "string" && vue.unref(link.isExternalLink)(__props.to) ? (vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({ key: 0 }, _ctx.$attrs, {
+        href: vue.unref(sanitization.sanitizeUrl)(__props.to),
+        target: "_blank",
+        class: classes.value.button,
+        disabled: !!_ctx.$attrs.disabled ? true : null,
+        "aria-disabled": !!_ctx.$attrs.disabled
+      }), [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 16, _hoisted_1)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.to ? "RouterLink" : "button"), vue.mergeProps({
+        key: 1,
+        type: __props.to ? null : __props.nativeType,
+        to: __props.to ? __props.to : null,
+        "aria-selected": __props.selected,
+        class: classes.value.button
+      }, _ctx.$attrs, {
+        disabled: !!_ctx.$attrs.disabled || __props.loading ? true : null,
+        "aria-disabled": _ctx.$attrs.disabled
+      }), {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([{ invisible: __props.loading }, classes.value.content])
+          }, [
+            __props.icon ? (vue.openBlock(), vue.createBlock(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
+              key: 0,
+              icon: __props.icon,
+              class: vue.normalizeClass(classes.value.icon)
+            }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("span", _hoisted_2, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ]),
+            __props.iconRight ? (vue.openBlock(), vue.createBlock(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
+              key: 1,
+              icon: __props.iconRight,
+              class: vue.normalizeClass(classes.value.icon)
+            }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true)
+          ], 2),
+          __props.loading ? (vue.openBlock(), vue.createBlock(pRingLoader_vue_vue_type_script_setup_true_lang._sfc_main, {
+            key: 0,
+            size: loaderSize.value,
+            class: vue.normalizeClass(classes.value.loader)
+          }, null, 8, ["size", "class"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["type", "to", "aria-selected", "class", "disabled", "aria-disabled"]));
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

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

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const pBtn = require("../p-btn.js");
+const pBtn_vue_vue_type_script_setup_true_lang = require("./p-btn.js");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PSelectBtn"
@@ -63,13 +63,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index) => {
           return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-            key: item[_ctx.itemValue],
+            key: String(item[_ctx.itemValue]),
             class: vue.normalizeClass(["inline-flex", { "*:px-0 *:py-0": _ctx.noPadding, grow: _ctx.grow }])
           }, [
-            vue.createVNode(pBtn, {
+            vue.createVNode(pBtn_vue_vue_type_script_setup_true_lang._sfc_main, {
               size: _ctx.size,
               type: "secondary-outline-blue",
               disabled: item.disabled,
+              icon: String(item.icon),
               class: vue.normalizeClass({
                 "rounded-none": index !== 0 && index !== _ctx.items.length - 1 && _ctx.items.length > 1,
                 "rounded-br-none rounded-tr-none": index === 0 && _ctx.items.length > 1,
@@ -89,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]),
               _: 2
-            }, 1032, ["size", "disabled", "class", "selected", "onClick"])
+            }, 1032, ["size", "disabled", "icon", "class", "selected", "onClick"])
           ], 2)), [
             [_directive_tooltip, { content: tooltipText(item) }]
           ]);

package/dist/cjs/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const pActionBar_vue_vue_type_script_setup_true_lang = require("./chunks/p-action-bar.js");
 const pAlert = require("./p-alert.js");
 const pAvatar = require("./p-avatar.js");
-const pBtn = require("./p-btn.js");
+const pBtn_vue_vue_type_script_setup_true_lang = require("./chunks/p-btn.js");
 const pCard_vue_vue_type_script_setup_true_lang = require("./chunks/p-card.js");
 const pCheckbox = require("./p-checkbox.js");
 const pChips = require("./p-chips.js");
@@ -13,13 +13,12 @@ const pDrawer = require("./p-drawer.js");
 const pDropdown = require("./p-dropdown.js");
 const pDropdownSelect_vue_vue_type_script_setup_true_lang = require("./chunks/p-dropdown-select.js");
 const vue = require("vue");
-const pFileUpload$1 = require("./p-file-upload.js");
+const pFileUpload = require("./p-file-upload.js");
+const pIcon_vue_vue_type_script_setup_true_lang = require("./chunks/p-icon.js");
 const useInputClasses = require("./useInputClasses.js");
 const lodashEs = require("lodash-es");
 const vueToastification = require("vue-toastification");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
 const pIcon = require("./p-icon.js");
-const pIcon_vue_vue_type_script_setup_true_lang = require("./chunks/p-icon.js");
 const pInfoIcon_vue_vue_type_script_setup_true_lang = require("./chunks/p-info-icon.js");
 const pInlineDatePicker_vue_vue_type_script_setup_true_lang = require("./chunks/p-inline-date-picker.js");
 const pInput = require("./p-input.js");
@@ -46,6 +45,7 @@ const pSkeletonLoader = require("./p-skeleton-loader.js");
 const pTable$1 = require("./p-table.js");
 const usePTableColResize = require("./usePTableColResize.js");
 const pTableHeaderCell = require("./p-table-header-cell.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
 const usePTableRowVirtualizer = require("./usePTableRowVirtualizer.js");
 const pTableFilterIcon = require("./p-table-filter-icon.js");
 const pTableLoader_vue_vue_type_script_setup_true_lang = require("./chunks/p-table-loader.js");
@@ -66,8 +66,6 @@ const pagination = require("./pagination.js");
 const sanitization = require("./sanitization.js");
 const tailwind = require("./tailwind.js");
 const index = require("./chunks/index.js");
-const _imports_0$1 = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.8335%206.25016L10.0002%202.0835L14.1668%206.25016'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M10%202.0835V13.7502'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M2.91675%2015V18.3333H17.0834V15'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3c/svg%3e";
-const _imports_1$1 = "data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M33%2012H14V44H42V21L33%2012Z'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M9%2036H6V4H25L28%207'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M37%2030H19M28%2021V39'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3c/svg%3e";
 const _hoisted_1$3 = ["data-has-error"];
 const _hoisted_2$3 = {
   key: 0,
@@ -182,7 +180,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         }
         if (props.fileTypes.length === 0) ;
         else {
-          const extension = pFileUpload$1.getFileExtension(fileName) ? `.${pFileUpload$1.getFileExtension(fileName)}` : "";
+          const extension = pFileUpload.getFileExtension(fileName) ? `.${pFileUpload.getFileExtension(fileName)}` : "";
           const isValidExtension = extension ? props.fileTypes.includes(extension) : false;
           if (!isValidExtension) {
             toast.error(`${extension} files are not allowed.`);
@@ -190,7 +188,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           }
         }
         if ((file.size || 0) > props.maxSizeInBytes) {
-          toast.error(`File size of ${fileName} exceeds ${pFileUpload$1.formatBytes(props.maxSizeInBytes)}.`);
+          toast.error(`File size of ${fileName} exceeds ${pFileUpload.formatBytes(props.maxSizeInBytes)}.`);
           continue;
         }
         res.push(file);
@@ -259,19 +257,21 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         }, [
           !maxFilesReached.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
             !isDraggingOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
-              _cache[4] || (_cache[4] = vue.createElementVNode("img", {
-                src: _imports_0$1,
-                class: "h-8 w-8"
-              }, null, -1)),
+              vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
+                icon: "upload",
+                width: "32",
+                class: "text-p-gray-50"
+              }),
               vue.createElementVNode("div", _hoisted_4$3, [
                 _cache[3] || (_cache[3] = vue.createTextVNode(" Drag or ")),
                 vue.createElementVNode("span", _hoisted_5$3, "select " + vue.toDisplayString(fileWord.value), 1)
               ])
             ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
-              _cache[5] || (_cache[5] = vue.createElementVNode("img", {
-                src: _imports_1$1,
-                class: "h-8 w-8"
-              }, null, -1)),
+              vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
+                icon: "tdesign:drag-drop",
+                width: "32",
+                class: "text-primary"
+              }),
               vue.createElementVNode("div", _hoisted_7, "Drop " + vue.toDisplayString(fileWord.value), 1)
             ])),
             vue.createElementVNode("input", {
@@ -304,9 +304,15 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                   title: file.name
                 }, vue.toDisplayString(file.name), 9, _hoisted_10),
                 vue.createElementVNode("button", {
-                  class: "bg-file-upload-x-icon h-4 w-4 shrink-0 cursor-pointer",
+                  class: "h-5 shrink-0 cursor-pointer overflow-hidden",
                   onClick: vue.withModifiers(($event) => removeFile(index2), ["stop"])
-                }, null, 8, _hoisted_11)
+                }, [
+                  vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
+                    icon: "weui:close2-outlined",
+                    width: "20",
+                    class: "text-p-gray-60 hover:text-on-error"
+                  })
+                ], 8, _hoisted_11)
               ], 2);
             }), 128))
           ])
@@ -316,12 +322,11 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         }, vue.toDisplayString(__props.errorMsg), 3), [
           [vue.vShow, __props.errorMsg]
         ]),
-        vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(__props.multiple ? `Max ${__props.maxNumberOfFiles}` : "One") + " " + vue.toDisplayString(acceptFileTypes.value) + " " + vue.toDisplayString(__props.multiple ? "files" : "file") + " with size less than " + vue.toDisplayString(vue.unref(pFileUpload$1.formatBytes)(__props.maxSizeInBytes)) + " " + vue.toDisplayString(__props.multiple ? "each" : ""), 1)
+        vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(__props.multiple ? `Max ${__props.maxNumberOfFiles}` : "One") + " " + vue.toDisplayString(acceptFileTypes.value) + " " + vue.toDisplayString(__props.multiple ? "files" : "file") + " with size less than " + vue.toDisplayString(vue.unref(pFileUpload.formatBytes)(__props.maxSizeInBytes)) + " " + vue.toDisplayString(__props.multiple ? "each" : ""), 1)
       ], 10, _hoisted_1$3);
     };
   }
 });
-const pFileUpload = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$3, [["__scopeId", "data-v-216025be"]]);
 const _hoisted_1$2 = ["data-has-error"];
 const _hoisted_2$2 = { class: "text-p-purple-60" };
 const _hoisted_3$2 = { class: "flex flex-row" };
@@ -957,7 +962,7 @@ const pTableSort = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main
 exports.PActionBar = pActionBar_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PAlert = pAlert;
 exports.PAvatar = pAvatar;
-exports.PBtn = pBtn;
+exports.PBtn = pBtn_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PCard = pCard_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PCheckbox = pCheckbox;
 exports.PChips = pChips;
@@ -966,9 +971,9 @@ exports.PDatePicker = pDatePicker_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PDrawer = pDrawer;
 exports.PDropdown = pDropdown;
 exports.PDropdownSelect = pDropdownSelect_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PIcon = pIcon_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.useInputClasses = useInputClasses.useInputClasses;
 exports.P_ICON_ALIASES = pIcon.P_ICON_ALIASES;
-exports.PIcon = pIcon_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PInfoIcon = pInfoIcon_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PInlineDatePicker = pInlineDatePicker_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PInput = pInput;
@@ -1027,7 +1032,7 @@ exports.createTV = index.fe;
 exports.defaultConfig = index.ie;
 exports.tv = index.ce;
 exports.voidEmpty = index.x;
-exports.PFileUpload = pFileUpload;
+exports.PFileUpload = _sfc_main$3;
 exports.PSelectList = _sfc_main$2;
 exports.PTable = pTable;
 exports.PTableSort = pTableSort;

package/dist/cjs/inputClasses.js

@@ -39,7 +39,9 @@ const inputClasses = index.ce({
       }
     },
     rounded: {
-      true: "rounded-full"
+      true: {
+        input: "rounded-full"
+      }
     }
   },
   compoundVariants: [
@@ -111,13 +113,13 @@ const selectClasses = index.ce({
   variants: {
     size: {
       sm: {
-        input: "bg-[right_0.675rem_center] pr-8"
+        input: "bg-[position:right_0.675rem_center] pr-8"
       },
       md: {
-        input: "bg-[right_1rem_center] pr-10"
+        input: "bg-[position:right_1rem_center] pr-10"
       },
       lg: {
-        input: "bg-[right_1.25rem_center] pr-12"
+        input: "bg-[position:right_1.25rem_center] pr-12"
       }
     }
   }

package/dist/cjs/p-btn.js

@@ -1,170 +1,3 @@
 "use strict";
-const pBtn_types = require("./chunks/p-btn.types.js");
-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 index = require("./chunks/index.js");
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const btnClasses = {
-  slots: {
-    button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50",
-    loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium"
-  },
-  variants: {
-    type: {
-      primary: {
-        button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80",
-        loader: "text-surface"
-      },
-      secondary: {
-        button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40",
-        loader: "text-p-purple-60"
-      },
-      "primary-outline": {
-        button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20",
-        loader: "text-p-purple-60"
-      },
-      "secondary-outline": {
-        button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10",
-        loader: "text-p-purple-60"
-      },
-      "secondary-outline-blue": {
-        button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60",
-        loader: "text-p-purple-60"
-      },
-      error: { button: "bg-p-red-40 text-white hover:bg-p-red-50", loader: "text-white" },
-      success: { button: "bg-p-green-40 text-white hover:bg-p-green-50", loader: "text-white" },
-      "primary-link": { button: "bg-transparent text-primary underline hover:text-accent", loader: "text-p-blue-60" },
-      "secondary-ghost": { button: "text-on-surface hover:bg-p-gray-20", loader: "text-p-purple-60" },
-      "secondary-ghost-dark": { button: "text-white hover:bg-p-purple-50", loader: "text-p-blue-15" }
-    },
-    size: {
-      sm: { button: "px-2 py-1 text-sm" },
-      md: { button: "px-6 py-2 text-base" },
-      lg: { button: "px-6 py-2.5 text-lg" }
-    }
-  },
-  defaultVariants: {
-    type: "primary",
-    size: "md"
-  }
-};
-const btn = index.ce(btnClasses);
-const BUTTON_TYPES = Object.keys(btnClasses.variants.type);
-const BUTTON_NATIVE_TYPES = ["button", "submit", "reset"];
-const LOADER_SIZES = { sm: 24, md: 30, lg: 40 };
-const _sfc_main = vue.defineComponent({
-  name: "PBtn",
-  components: {
-    PRingLoader: pRingLoader_vue_vue_type_script_setup_true_lang._sfc_main,
-    RouterLink: vueRouter.RouterLink
-  },
-  inheritAttrs: false,
-  props: {
-    /**
-     * The button style e.g primary, secondary, primary-outline, secondary-outline, error, success, primary-link
-     */
-    type: {
-      type: String,
-      default: "primary",
-      validator(value) {
-        return BUTTON_TYPES.includes(value);
-      }
-    },
-    /**
-     * The button native type e.g button, submit, reset
-     */
-    nativeType: {
-      type: String,
-      default: "button",
-      validator(value) {
-        return BUTTON_NATIVE_TYPES.includes(value);
-      }
-    },
-    /**
-     * The button size e.g sm, md, lg
-     */
-    size: {
-      type: String,
-      default: "md",
-      validator(value) {
-        return pBtn_types.SIZES.includes(value);
-      }
-    },
-    /**
-     * Whether the button is loading
-     */
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the button is selected (sets aria-selected attribute)
-     */
-    selected: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Exactly as the `to` prop in `RouterLink`, when used, it renders a link that triggers a navigation on click.
-     * See https://router.vuejs.org/api/#RouteLocationRaw
-     */
-    to: {
-      type: [Object, String],
-      default: ""
-    }
-  },
-  computed: {
-    classes() {
-      const { button, loader } = btn({ type: this.type, size: this.size });
-      return { button: button(), loader: loader() };
-    },
-    loaderSize() {
-      return Number(`${LOADER_SIZES[this.size]}`);
-    }
-  },
-  methods: {
-    isExternalLink: link.isExternalLink,
-    sanitizeUrl: sanitization.sanitizeUrl
-  }
-});
-const _hoisted_1 = ["href", "disabled", "aria-disabled"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_PRingLoader = vue.resolveComponent("PRingLoader");
-  return typeof _ctx.to === "string" && _ctx.isExternalLink(_ctx.to) ? (vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({ key: 0 }, _ctx.$attrs, {
-    href: _ctx.sanitizeUrl(_ctx.to),
-    target: "_blank",
-    class: _ctx.classes.button,
-    disabled: !!_ctx.$attrs.disabled ? true : null,
-    "aria-disabled": !!_ctx.$attrs.disabled
-  }), [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 16, _hoisted_1)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.to ? "RouterLink" : "button"), vue.mergeProps({
-    key: 1,
-    type: _ctx.to ? null : _ctx.nativeType,
-    to: _ctx.to ? _ctx.to : null,
-    "aria-selected": _ctx.selected,
-    class: _ctx.classes.button
-  }, _ctx.$attrs, {
-    disabled: !!_ctx.$attrs.disabled || _ctx.loading ? true : null,
-    "aria-disabled": _ctx.$attrs.disabled
-  }), {
-    default: vue.withCtx(() => [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass({ invisible: _ctx.loading })
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2),
-      _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_PRingLoader, {
-        key: 0,
-        size: _ctx.loaderSize,
-        class: vue.normalizeClass(_ctx.classes.loader)
-      }, null, 8, ["size", "class"])) : vue.createCommentVNode("", true)
-    ]),
-    _: 3
-  }, 16, ["type", "to", "aria-selected", "class", "disabled", "aria-disabled"]));
-}
-const PBtn = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = PBtn;
+const pBtn_vue_vue_type_script_setup_true_lang = require("./chunks/p-btn.js");
+module.exports = pBtn_vue_vue_type_script_setup_true_lang._sfc_main;