@pequity/squirrel 6.0.13 → 6.1.0

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

@@ -1,8 +1,8 @@
 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 { _ as _sfc_main$1 } from "./p-btn.js";
 import PCloseBtn from "../p-close-btn.js";
 import PDropdown from "../p-dropdown.js";
-import { _ as _sfc_main$1 } from "./p-icon.js";
+import { _ as _sfc_main$2 } from "./p-icon.js";
 import { isComponent } from "../component.js";
 import { isString } from "../string.js";
 const _hoisted_1 = { class: "flex h-12 w-max select-none items-center rounded-lg bg-p-purple-60 px-2 text-sm font-medium text-white" };
@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 return openBlock(), createElementBlock(Fragment, {
                   key: `action-${actionOrMenu.label}`
                 }, [
-                  !actionOrMenu.subActions ? (openBlock(), createBlock(PBtn, {
+                  !actionOrMenu.subActions ? (openBlock(), createBlock(_sfc_main$1, {
                     key: 0,
                     size: "sm",
                     type: "secondary-ghost-dark",
@@ -56,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           key: 0,
                           class: "h-4 w-4"
                         })) : createCommentVNode("", true),
-                        unref(isString)(actionOrMenu.icon) ? (openBlock(), createBlock(_sfc_main$1, {
+                        unref(isString)(actionOrMenu.icon) ? (openBlock(), createBlock(_sfc_main$2, {
                           key: 1,
                           icon: actionOrMenu.icon,
                           width: "16px",
@@ -77,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           return openBlock(), createElementBlock("div", {
                             key: `subaction-${subaction.name}`
                           }, [
-                            createVNode(PBtn, {
+                            createVNode(_sfc_main$1, {
                               size: "sm",
                               class: "w-full",
                               type: "secondary-ghost-dark",
@@ -89,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     key: 0,
                                     class: "h-4 w-4"
                                   })) : createCommentVNode("", true),
-                                  unref(isString)(subaction.icon) ? (openBlock(), createBlock(_sfc_main$1, {
+                                  unref(isString)(subaction.icon) ? (openBlock(), createBlock(_sfc_main$2, {
                                     key: 1,
                                     icon: subaction.icon,
                                     width: "16px",
@@ -105,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ])
                     ]),
                     default: withCtx(() => [
-                      createVNode(PBtn, {
+                      createVNode(_sfc_main$1, {
                         size: "sm",
                         type: "secondary-ghost-dark"
                       }, {
@@ -115,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               key: 0,
                               class: "h-4 w-4"
                             })) : createCommentVNode("", true),
-                            unref(isString)(actionOrMenu.icon) ? (openBlock(), createBlock(_sfc_main$1, {
+                            unref(isString)(actionOrMenu.icon) ? (openBlock(), createBlock(_sfc_main$2, {
                               key: 1,
                               icon: actionOrMenu.icon,
                               width: "16px",

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

@@ -0,0 +1,205 @@
+import { defineComponent, computed, createElementBlock, createBlock, unref, openBlock, mergeProps, renderSlot, resolveDynamicComponent, withCtx, createElementVNode, createCommentVNode, normalizeClass } from "vue";
+import { S as SIZES } from "./p-btn.types.js";
+import { _ as _sfc_main$1 } from "./p-icon.js";
+import { _ as _sfc_main$2 } from "./p-ring-loader.js";
+import { isExternalLink } from "../link.js";
+import { sanitizeUrl } from "../sanitization.js";
+import { c as ce } from "./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 = 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__ */ 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 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 = computed(() => {
+      const { button, content, loader, icon } = btn({
+        type: props.type,
+        size: props.size
+      });
+      return { button: button(), content: content(), loader: loader(), icon: icon() };
+    });
+    const loaderSize = computed(() => {
+      return Number(`${LOADER_SIZES[props.size]}`);
+    });
+    return (_ctx, _cache) => {
+      return typeof __props.to === "string" && unref(isExternalLink)(__props.to) ? (openBlock(), createElementBlock("a", mergeProps({ key: 0 }, _ctx.$attrs, {
+        href: unref(sanitizeUrl)(__props.to),
+        target: "_blank",
+        class: classes.value.button,
+        disabled: !!_ctx.$attrs.disabled ? true : null,
+        "aria-disabled": !!_ctx.$attrs.disabled
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16, _hoisted_1)) : (openBlock(), createBlock(resolveDynamicComponent(__props.to ? "RouterLink" : "button"), 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: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass([{ invisible: __props.loading }, classes.value.content])
+          }, [
+            __props.icon ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              icon: __props.icon,
+              class: normalizeClass(classes.value.icon)
+            }, null, 8, ["icon", "class"])) : createCommentVNode("", true),
+            createElementVNode("span", _hoisted_2, [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            __props.iconRight ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 1,
+              icon: __props.iconRight,
+              class: normalizeClass(classes.value.icon)
+            }, null, 8, ["icon", "class"])) : createCommentVNode("", true)
+          ], 2),
+          __props.loading ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            size: loaderSize.value,
+            class: normalizeClass(classes.value.loader)
+          }, null, 8, ["size", "class"])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["type", "to", "aria-selected", "class", "disabled", "aria-disabled"]));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

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

@@ -1,5 +1,5 @@
 import { defineComponent, resolveDirective, createElementBlock, openBlock, normalizeClass, Fragment, renderList, withDirectives, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
-import PBtn from "../p-btn.js";
+import { _ as _sfc_main$1 } from "./p-btn.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "PSelectBtn"
@@ -62,13 +62,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
           return withDirectives((openBlock(), createElementBlock("div", {
-            key: item[_ctx.itemValue],
+            key: String(item[_ctx.itemValue]),
             class: normalizeClass(["inline-flex", { "*:px-0 *:py-0": _ctx.noPadding, grow: _ctx.grow }])
           }, [
-            createVNode(PBtn, {
+            createVNode(_sfc_main$1, {
               size: _ctx.size,
               type: "secondary-outline-blue",
               disabled: item.disabled,
+              icon: String(item.icon),
               class: 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,
@@ -88,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               _: 2
-            }, 1032, ["size", "disabled", "class", "selected", "onClick"])
+            }, 1032, ["size", "disabled", "icon", "class", "selected", "onClick"])
           ], 2)), [
             [_directive_tooltip, { content: tooltipText(item) }]
           ]);

package/dist/es/index.js

@@ -1,38 +1,37 @@
 import { _ } from "./chunks/p-action-bar.js";
 import { default as default2 } from "./p-alert.js";
 import { default as default3 } from "./p-avatar.js";
-import { default as default4 } from "./p-btn.js";
-import { _ as _2 } from "./chunks/p-card.js";
-import { default as default5 } from "./p-checkbox.js";
-import { default as default6 } from "./p-chips.js";
-import { default as default7 } from "./p-close-btn.js";
-import { _ as _3 } from "./chunks/p-date-picker.js";
-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 { _ as _2 } from "./chunks/p-btn.js";
+import { _ as _3 } from "./chunks/p-card.js";
+import { default as default4 } from "./p-checkbox.js";
+import { default as default5 } from "./p-chips.js";
+import { default as default6 } from "./p-close-btn.js";
+import { _ as _4 } from "./chunks/p-date-picker.js";
+import { default as default7 } from "./p-drawer.js";
+import { default as default8 } from "./p-dropdown.js";
+import { _ as _imports_0$1 } from "./chunks/p-dropdown-select.js";
 import { a } from "./chunks/p-dropdown-select.js";
-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 { defineComponent, shallowRef, ref, computed, onMounted, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, withDirectives, unref, toDisplayString, withModifiers, createVNode, createTextVNode, Fragment, renderList, vShow, useAttrs, resolveDirective, normalizeStyle, isRef, renderSlot, provide, onBeforeUnmount, watch, mergeProps, toHandlers } from "vue";
 import { formatBytes, getFileExtension } from "./p-file-upload.js";
+import { _ as _sfc_main$4 } from "./chunks/p-icon.js";
 import { useInputClasses } from "./useInputClasses.js";
 import { uniq, kebabCase } from "lodash-es";
 import { useToast } from "vue-toastification";
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 import { P_ICON_ALIASES } from "./p-icon.js";
-import { _ as _4 } from "./chunks/p-icon.js";
 import { _ as _5 } from "./chunks/p-info-icon.js";
 import { _ as _6 } from "./chunks/p-inline-date-picker.js";
-import { default as default10 } from "./p-input.js";
-import { default as default11 } from "./p-input-number.js";
+import { default as default9 } from "./p-input.js";
+import { default as default10 } from "./p-input-number.js";
 import { _ as _7 } from "./chunks/p-input-percent.js";
 import PInputSearch from "./p-input-search.js";
 import { _ as _8 } from "./chunks/p-link.js";
-import { default as default12 } from "./p-loading.js";
+import { default as default11 } from "./p-loading.js";
 import { usePLoading } from "./usePLoading.js";
-import { default as default13 } from "./p-modal.js";
+import { default as default12 } from "./p-modal.js";
 import { usePModal } from "./usePModal.js";
 import { _ as _9 } from "./chunks/p-pagination.js";
 import { _ as _10 } from "./chunks/p-pagination-info.js";
-import { default as default14 } from "./p-progress-bar.js";
+import { default as default13 } from "./p-progress-bar.js";
 import { _ as _11 } from "./chunks/p-ring-loader.js";
 import { _ as _12 } from "./chunks/p-select.js";
 import { _ as _13 } from "./chunks/p-select-btn.js";
@@ -40,25 +39,26 @@ import { SIZES } from "./p-select-list.js";
 import { useSelectList } from "./useSelectList.js";
 import { toString } from "./string.js";
 import { splitStringForHighlight } from "./text.js";
-import { default as default15 } from "./p-select-pill.js";
-import { default as default16 } from "./p-skeleton-loader.js";
+import { default as default14 } from "./p-select-pill.js";
+import { default as default15 } from "./p-skeleton-loader.js";
 import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, isColsResizableInjectionKey } from "./p-table.js";
 import { MIN_WIDTH_COL_RESIZE } from "./p-table.js";
 import { usePTableColResize } from "./usePTableColResize.js";
 import PTableHeaderCell from "./p-table-header-cell.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 import { usePTableRowVirtualizer } from "./usePTableRowVirtualizer.js";
-import { default as default17 } from "./p-table-filter-icon.js";
+import { default as default16 } from "./p-table-filter-icon.js";
 import { _ as _14 } from "./chunks/p-table-loader.js";
 import { SORTING_TYPES } from "./p-table-sort.js";
-import { default as default18 } from "./p-table-td.js";
+import { default as default17 } from "./p-table-td.js";
 import { _ as _15 } from "./chunks/p-tabs.js";
-import { default as default19 } from "./p-textarea.js";
-import { default as default20 } from "./p-toggle.js";
+import { default as default18 } from "./p-textarea.js";
+import { default as default19 } from "./p-toggle.js";
 import { squirrelTailwindConfig } from "./config.js";
 import { S } from "./chunks/p-btn.types.js";
 import { CURRENCY_INPUT_DEFAULTS } from "./currency.js";
 import { getNextActiveElement, isElement, isVisible } from "./dom.js";
-import { default as default21 } from "./inputClassesMixin.js";
+import { default as default20 } from "./inputClassesMixin.js";
 import { setupListKeyboardNavigation } from "./listKeyboardNavigation.js";
 import { toNumberOrNull } from "./number.js";
 import { isObject } from "./object.js";
@@ -66,8 +66,6 @@ import { createPagingRange } from "./pagination.js";
 import { sanitizeUrl } from "./sanitization.js";
 import { getColor, getColorDeep, getScreen } from "./tailwind.js";
 import { M, N, f, i, c, x } from "./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,
@@ -259,19 +257,21 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         }, [
           !maxFilesReached.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
             !isDraggingOver.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
-              _cache[4] || (_cache[4] = createElementVNode("img", {
-                src: _imports_0$1,
-                class: "h-8 w-8"
-              }, null, -1)),
+              createVNode(_sfc_main$4, {
+                icon: "upload",
+                width: "32",
+                class: "text-p-gray-50"
+              }),
               createElementVNode("div", _hoisted_4$3, [
                 _cache[3] || (_cache[3] = createTextVNode(" Drag or ")),
                 createElementVNode("span", _hoisted_5$3, "select " + toDisplayString(fileWord.value), 1)
               ])
             ])) : (openBlock(), createElementBlock("div", _hoisted_6$3, [
-              _cache[5] || (_cache[5] = createElementVNode("img", {
-                src: _imports_1$1,
-                class: "h-8 w-8"
-              }, null, -1)),
+              createVNode(_sfc_main$4, {
+                icon: "tdesign:drag-drop",
+                width: "32",
+                class: "text-primary"
+              }),
               createElementVNode("div", _hoisted_7, "Drop " + toDisplayString(fileWord.value), 1)
             ])),
             createElementVNode("input", {
@@ -304,9 +304,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   title: file.name
                 }, toDisplayString(file.name), 9, _hoisted_10),
                 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: withModifiers(($event) => removeFile(index), ["stop"])
-                }, null, 8, _hoisted_11)
+                }, [
+                  createVNode(_sfc_main$4, {
+                    icon: "weui:close2-outlined",
+                    width: "20",
+                    class: "text-p-gray-60 hover:text-on-error"
+                  })
+                ], 8, _hoisted_11)
               ], 2);
             }), 128))
           ])
@@ -321,7 +327,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const pFileUpload = /* @__PURE__ */ _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" };
@@ -330,7 +335,7 @@ const _hoisted_5$2 = ["title"];
 const _hoisted_6$2 = {
   key: 0,
   class: "ml-auto fill-p-purple-60 pl-2",
-  src: _imports_0$2
+  src: _imports_0$1
 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
@@ -960,44 +965,44 @@ export {
   _ as PActionBar,
   default2 as PAlert,
   default3 as PAvatar,
-  default4 as PBtn,
-  _2 as PCard,
-  default5 as PCheckbox,
-  default6 as PChips,
-  default7 as PCloseBtn,
-  _3 as PDatePicker,
-  default8 as PDrawer,
-  default9 as PDropdown,
+  _2 as PBtn,
+  _3 as PCard,
+  default4 as PCheckbox,
+  default5 as PChips,
+  default6 as PCloseBtn,
+  _4 as PDatePicker,
+  default7 as PDrawer,
+  default8 as PDropdown,
   a as PDropdownSelect,
-  pFileUpload as PFileUpload,
-  default17 as PFilterIcon,
-  _4 as PIcon,
+  _sfc_main$3 as PFileUpload,
+  default16 as PFilterIcon,
+  _sfc_main$4 as PIcon,
   _5 as PInfoIcon,
   _6 as PInlineDatePicker,
-  default10 as PInput,
-  default11 as PInputNumber,
+  default9 as PInput,
+  default10 as PInputNumber,
   _7 as PInputPercent,
   PInputSearch,
   _8 as PLink,
-  default12 as PLoading,
-  default13 as PModal,
+  default11 as PLoading,
+  default12 as PModal,
   _9 as PPagination,
   _10 as PPaginationInfo,
-  default14 as PProgressBar,
+  default13 as PProgressBar,
   _11 as PRingLoader,
   _12 as PSelect,
   _13 as PSelectBtn,
   _sfc_main$2 as PSelectList,
-  default15 as PSelectPill,
-  default16 as PSkeletonLoader,
+  default14 as PSelectPill,
+  default15 as PSkeletonLoader,
   pTable as PTable,
   PTableHeaderCell,
   _14 as PTableLoader,
   pTableSort as PTableSort,
-  default18 as PTableTd,
+  default17 as PTableTd,
   _15 as PTabs,
-  default19 as PTextarea,
-  default20 as PToggle,
+  default18 as PTextarea,
+  default19 as PToggle,
   P_ICON_ALIASES,
   S as SIZES,
   SORTING_TYPES,
@@ -1011,7 +1016,7 @@ export {
   getColorDeep,
   getNextActiveElement,
   getScreen,
-  default21 as inputClassesMixin,
+  default20 as inputClassesMixin,
   isColsResizableInjectionKey,
   isElement,
   isFirstColFixedInjectionKey,

package/dist/es/inputClasses.js

@@ -37,7 +37,9 @@ const inputClasses = ce({
       }
     },
     rounded: {
-      true: "rounded-full"
+      true: {
+        input: "rounded-full"
+      }
     }
   },
   compoundVariants: [
@@ -109,13 +111,13 @@ const selectClasses = 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"
       }
     }
   }