@myelmut/design-system 0.1.44 → 0.1.45

package/dist/index.es.js

@@ -718,15 +718,16 @@ const _t = ({ videoId: e, alt: t, className: a, placeholderImageMobile: r, hasSo
 }, ee = {
   vertical: "absolute right-0 bottom-0 left-0 z-1 max-h-34 w-full",
   horizontal: "max-md:h-full max-md:w-19 md:w-full"
-}, Ut = ({ label: e, layout: t = "vertical", illustration: a, disabled: r, className: n = "", illustrationClassName: o = "", ...c }) => {
-  const m = s(
+}, Ut = ({ label: e, layout: t = "vertical", illustration: a, disabled: r, className: n = "", illustrationClassName: o = "", isActive: c = !1, ...m }) => {
+  const g = s(
     "relative md:px-5 md:py-6 flex md:flex-col items-center overflow-hidden rounded-input bg-beige-dark text-claret-violet-dark transition-all duration-300 focus:outline-none cursor-pointer disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50",
     "after:absolute after:content-[''] after:border after:rounded-input after:border-beige-ultra-dark after:inset-0 after:z-0 hover:after:border-claret-violet-dark after:transition-colors after:duration-300 focus-visible:after:border-claret-violet-dark",
     "md:rounded-illustrated-card-button md:after:rounded-illustrated-card-button md:w-51.25 md:aspect-4/5",
     o1[t],
+    c && "after:border-claret-violet-dark",
     n
   );
-  return /* @__PURE__ */ d("button", { className: m, disabled: r, ...c, tabIndex: r ? -1 : 0, children: [
+  return /* @__PURE__ */ d("button", { className: g, disabled: r, ...m, tabIndex: r ? -1 : 0, children: [
     /* @__PURE__ */ l("span", { className: "flex flex-col gap-2.5", children: /* @__PURE__ */ l("span", { className: "text-sm-mobile w-full font-semibold md:text-xl", children: e }) }),
     /* @__PURE__ */ l("div", { className: s("md:absolute md:right-0 md:bottom-0 md:left-0 md:z-1 md:h-34 md:w-full", ee[t]), children: /* @__PURE__ */ l("img", { src: a, alt: e, className: s("w-full origin-top object-contain md:absolute md:top-0 md:right-0 md:left-0 md:z-1 md:scale-120", ee[t], o), loading: "lazy", decoding: "async" }) })
   ] });
@@ -839,7 +840,7 @@ const _t = ({ videoId: e, alt: t, className: a, placeholderImageMobile: r, hasSo
           }
         ),
         /* @__PURE__ */ l(Q, { name: n, options: A, value: u, onChange: B, disabled: g, isOpen: y, className: s("border-0 pe-9.5", y && "h-full", b && "pt-0") }),
-        /* @__PURE__ */ l(me, { className: s("absolute top-4.5 right-3 z-20 w-3 transition-transform duration-300", y && "rotate-180", g && "opacity-40") })
+        /* @__PURE__ */ l(me, { onClick: () => L(!y), className: s("pointer-cursor absolute top-4.5 right-3 z-20 w-3 transition-transform duration-300", y && "rotate-180", g && "opacity-40") })
       ] })
     ] }),
     /* @__PURE__ */ l(T, { id: `${t}-error`, hasError: m, message: c })