@dpa-id-components/dpa-shared-components 14.1.0 → 14.1.1

package/dist/dpa-shared-components.mjs

@@ -8185,27 +8185,29 @@ const ys = /* @__PURE__ */ Qa(Wf, [["render", jf]]), Qf = ["data-testid"], Gf =
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = t, r = e, a = F(() => {
-      const l = r.rounded ? "rounded-full" : "rounded-none";
+    const n = t, r = e, a = F(
+      () => typeof r.to == "string" ? "a" : r.to ? "RouterLink" : "button"
+    ), o = F(() => {
+      const i = r.rounded ? "rounded-full" : "rounded-none";
       switch (r.disabled ? "disabled" : r.color) {
         case "blue":
-          return `${l} text-white bg-blue-default hover:bg-blue-dark`;
+          return `${i} text-white bg-blue-default hover:bg-blue-dark`;
         case "primary-green":
-          return `${l} text-white bg-green-primary hover:bg-night-green`;
+          return `${i} text-white bg-green-primary hover:bg-night-green`;
         case "transparent":
-          return `${l} text-blue-default bg-transparent border-[1px] border-gray-300 hover:text-blue-dark hover:border-gray-700`;
+          return `${i} text-blue-default bg-transparent border-[1px] border-gray-300 hover:text-blue-dark hover:border-gray-700`;
         case "white":
-          return `${l} text-blue-default bg-white border-[1px] border-gray-300 hover:text-blue-dark hover:border-gray-700`;
+          return `${i} text-blue-default bg-white border-[1px] border-gray-300 hover:text-blue-dark hover:border-gray-700`;
         case "gray":
-          return `${l} text-white bg-gray-700 hover:bg-gray-800`;
+          return `${i} text-white bg-gray-700 hover:bg-gray-800`;
         case "light-gray":
-          return `${l} text-gray-800 bg-gray-100`;
+          return `${i} text-gray-800 bg-gray-100`;
         case "disabled":
-          return r.disabledVariant === "primary" ? `${l} text-gray-400 bg-gray-100 cursor-not-allowed` : `${l} text-gray-400 bg-white cursor-not-allowed border border-gray-400`;
+          return r.disabledVariant === "primary" ? `${i} text-gray-400 bg-gray-100 cursor-not-allowed` : `${i} text-gray-400 bg-white cursor-not-allowed border border-gray-400`;
         default:
-          return `${l} text-white bg-blue-default hover:bg-blue-dark`;
+          return `${i} text-white bg-blue-default hover:bg-blue-dark`;
       }
-    }), o = F(() => {
+    }), s = F(() => {
       switch (r.size) {
         case "xs":
           return "h-6 text-xs";
@@ -8218,30 +8220,31 @@ const ys = /* @__PURE__ */ Qa(Wf, [["render", jf]]), Qf = ["data-testid"], Gf =
         default:
           return "h-10 text-base";
       }
-    }), s = F(() => r.size === "xs" ? "xs" : r.size === "small" ? "small" : "medium");
-    return (l, i) => (P(), xe(tn(l.to ? "RouterLink" : "button"), {
+    }), l = F(() => r.size === "xs" ? "xs" : r.size === "small" ? "small" : "medium");
+    return (i, u) => (P(), xe(tn(a.value), {
       class: oe(["UiButton focus-visible:outline-blue inline-flex items-center whitespace-nowrap font-medium leading-normal focus:outline-none", {
-        "px-4": l.size !== "xs",
-        "px-2": l.size === "xs",
-        [a.value]: !0,
-        [o.value]: !0
+        "px-4": i.size !== "xs",
+        "px-2": i.size === "xs",
+        [o.value]: !0,
+        [s.value]: !0
       }]),
-      to: l.to,
-      type: l.to ? void 0 : "button",
-      disabled: l.to ? void 0 : l.disabled,
-      onClick: i[0] || (i[0] = (u) => n("click"))
+      to: a.value === "RouterLink" ? i.to : void 0,
+      href: a.value === "a" ? i.to : void 0,
+      type: a.value === "button" ? "button" : void 0,
+      disabled: a.value === "button" ? i.disabled : void 0,
+      onClick: u[0] || (u[0] = (c) => n("click"))
     }, {
       default: Te(() => [
-        l.iconName ? (P(), xe(wt, {
+        i.iconName ? (P(), xe(wt, {
           key: 0,
-          name: l.iconName,
-          size: s.value,
+          name: i.iconName,
+          size: l.value,
           class: "mr-2"
         }, null, 8, ["name", "size"])) : j("", !0),
-        se(l.$slots, "default")
+        se(i.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class", "to", "type", "disabled"]));
+    }, 8, ["class", "to", "href", "type", "disabled"]));
   }
 }), ap = {}, op = { class: "flex [&>*:first-child]:rounded-l-full [&>*:last-child]:rounded-r-full [&>*:last-child]:border-r [&>*]:border [&>*]:border-r-0 [&>*]:border-gray-300" };
 function sp(e, t) {