vue3-tailwind-components 0.2.6 → 0.2.7

package/dist/vue3-tailwind-components.es.js

@@ -11786,7 +11786,7 @@ const Y1 = {
     set: {
       type: String,
       validator(r) {
-        return ["regular", "solid"].includes(r);
+        return ["regular", "solid", "brand"].includes(r);
       },
       default() {
         return "solid";
@@ -16068,9 +16068,13 @@ const qZ = /* @__PURE__ */ y2(lZ, [["render", tZ]]), oZ = {
       type: Boolean,
       default: !1
     },
+    alignRight: {
+      type: Boolean,
+      default: !1
+    },
     width: {
       type: String,
-      default: "w-3/4"
+      default: "w-1/4"
     },
     zIndex: {
       type: String,
@@ -16091,11 +16095,11 @@ const qZ = /* @__PURE__ */ y2(lZ, [["render", tZ]]), oZ = {
   },
   computed: {
     compClass() {
-      let r = " z-" + this.zIndex + " ", s = this.width;
-      return " bg-" + this.color + "-100 shadow-xl dark:bg-" + this.color + "-900" + r + " " + s;
+      let r = " z-" + this.zIndex + " ", s = this.width, n = " bg-" + this.color + "-100 shadow-xl dark:bg-" + this.color + "-900", t = this.alignRight ? " right-0 " : "";
+      return n + r + " " + s + t;
     },
     transformClass() {
-      return this.modelValue ? "translate-x-0 z-" + this.zIndex : " -translate-x-full -left-20 z-" + this.zIndex;
+      return this.alignRight ? this.modelValue ? "-translate-y-0 z-" + this.zIndex : " -translate-y-full -top-20 z-" + this.zIndex : this.modelValue ? "translate-x-0 z-" + this.zIndex : " -translate-x-full -left-20 z-" + this.zIndex;
     },
     closeButtonClass() {
       return "text-" + this.color + "-500";