vue3-tailwind-components 0.2.6 → 0.2.8

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";
@@ -16551,6 +16555,10 @@ const XZ = /* @__PURE__ */ y2(bZ, [["render", yZ]]), kZ = {
     label: {
       type: String,
       default: "Select"
+    },
+    expanded: {
+      type: Boolean,
+      default: !1
     }
   },
   data() {
@@ -16565,12 +16573,15 @@ const XZ = /* @__PURE__ */ y2(bZ, [["render", yZ]]), kZ = {
   },
   computed: {
     chevronClass() {
-      return this.open ? "rotate-180 text-" + this.color + "-500 dark:text-" + this.color + "-100" : "text-" + this.color + "-500 dark:text-" + this.color + "-100";
+      return this.open ? "rotate-180 text-" + this.color + "-500 dark:text-" + this.color + "-200" : "text-" + this.color + "-500 dark:text-" + this.color + "-100";
     },
     buttonClass() {
       let r = this.disabled ? " opacity-50 " : "";
-      return "border-" + this.color + "-100 hover:bg-" + this.color + "-100 text-" + this.color + "-700 dark:bg-" + this.color + "-500 dark:text-" + this.color + "-100" + r;
+      return "bg-" + this.color + "-200 hover:bg-" + this.color + "-300 text-" + this.color + "-700 dark:bg-" + this.color + "-500 dark:text-" + this.color + "-100 dark:hover:bg-" + this.color + "-600" + r;
     }
+  },
+  mounted() {
+    this.open = this.expanded;
   }
 }, AZ = { class: "relative" }, _Z = { class: "text-left flex-grow" }, TZ = { class: "text-left" }, PZ = { class: "flex-shrink" }, BZ = {
   key: 0,