@myelmut/design-system 0.1.50 → 0.1.51

package/dist/index.es.js

@@ -91,7 +91,7 @@ const Ee = ["Facebook", "Instagram", "LinkedIn", "Tiktok"], bt = ({ className: e
   ];
   return /* @__PURE__ */ d("footer", { className: A("", e), children: [
     /* @__PURE__ */ l("div", { className: A("bg-lavender-blue-light py-10"), children: /* @__PURE__ */ d("div", { className: "container mx-auto", children: [
-      /* @__PURE__ */ l(R, { className: "mb-9 w-25 md:w-51" }),
+      /* @__PURE__ */ l(L, { className: "mb-9 w-25 md:w-51" }),
       /* @__PURE__ */ d("div", { className: "flex items-stretch justify-between max-xl:gap-15 max-md:flex-col-reverse md:flex-col xl:flex-row", children: [
         /* @__PURE__ */ d("nav", { className: "-ms-2.5 grid min-w-2/3 grid-cols-2 gap-y-15 md:grid-cols-5", children: [
           a.map((n) => /* @__PURE__ */ l("ul", { className: A("grid grid-cols-subgrid gap-1 md:py-3", n.className), children: n.links.map((o) => /* @__PURE__ */ l("li", { className: "w-max", children: /* @__PURE__ */ l(N, { variant: "terciary", color: "dark", href: o.href, children: o.label }) }, o.href)) }, n.name)),
@@ -313,7 +313,7 @@ const Te = () => {
     !!a && /* @__PURE__ */ l(W, { content: a, className: A("top-0 z-100") }),
     /* @__PURE__ */ d("div", { className: A("relative z-20 container mx-auto flex flex-1 items-center justify-between"), children: [
       /* @__PURE__ */ d("div", { className: "flex items-center md:gap-10 xl:gap-20", children: [
-        /* @__PURE__ */ l("a", { href: "/", className: "me-auto", children: /* @__PURE__ */ l(R, { className: "w-18 xl:w-36", variant: e === "dark" ? "primary" : "secondary" }) }),
+        /* @__PURE__ */ l("a", { href: "/", className: "me-auto", children: /* @__PURE__ */ l(L, { className: "w-18 xl:w-36", variant: e === "dark" ? "primary" : "secondary" }) }),
         /* @__PURE__ */ l("ul", { className: "flex items-center justify-between md:gap-2.5 xl:gap-5", children: ne.map((o) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(N, { variant: "terciary", as: "a", href: o.href, color: e, active: r === o.href, children: n(`navigation.${o.label}`) }) }, o.label)) })
       ] }),
       /* @__PURE__ */ d("div", { className: "flex items-center gap-6", children: [
@@ -344,7 +344,7 @@ const Te = () => {
   return /* @__PURE__ */ d("nav", { "data-open": n, className: A("group fixed top-0 right-0 left-0 z-20 block lg:hidden", t), children: [
     !!a && /* @__PURE__ */ l(W, { content: a, className: A("z-100", n ? "top-0" : "top-7") }),
     /* @__PURE__ */ d("div", { className: A("relative z-10 flex items-center justify-between bg-linear-to-b from-60% p-6 pe-3 transition-colors duration-150", a ? n ? "h-29.5 pt-13.5" : "h-36 pt-20.5" : "h-21.5 pt-6", Re[e]), children: [
-      /* @__PURE__ */ l("a", { href: "/", className: "me-auto", children: /* @__PURE__ */ l(R, { className: "w-18 md:w-36", variant: f }) }),
+      /* @__PURE__ */ l("a", { href: "/", className: "me-auto", children: /* @__PURE__ */ l(L, { className: "w-18 md:w-36", variant: f }) }),
       /* @__PURE__ */ l("button", { onClick: g, className: A("p-3", u), children: n ? /* @__PURE__ */ l(X1, { className: "w-4" }) : /* @__PURE__ */ l(u5, { className: "w-4" }) })
     ] }),
     /* @__PURE__ */ l(Ze, { variant: e, className: a ? "pt-29.5" : "pt-21.5", activeNavLink: r }),
@@ -355,8 +355,8 @@ const Te = () => {
   /* @__PURE__ */ l("div", { className: "bg-claret-violet-dark/30 absolute right-0 left-0 z-0 h-0.25 md:h-0.5" }),
   /* @__PURE__ */ l("div", { style: { width: `${(t - 1) / (e - 1) * 100}%` }, className: A("bg-claret-violet-dark transition-width absolute left-0 z-1 block h-0.25 w-0 max-w-full shrink-0 duration-300 md:h-0.5") })
 ] }), It = ({ tabs: e, defaultActiveTab: t, onTabChange: a, className: r = "", tabClassName: n = "", activeTabClassName: o = "", contentClassName: s = "", variant: m = "default" }) => {
-  const [c, g] = z(t || e[0]?.id), f = (v) => {
-    e.find((B) => B.id === v)?.disabled || (g(v), a?.(v));
+  const [c, g] = z(t || e[0]?.id), f = (v, B) => {
+    v.preventDefault(), !e.find((b) => b.id === B)?.disabled && (g(B), a?.(B));
   }, u = e.find((v) => v.id === c)?.content, h = {
     default: "px-6 py-3 rounded-t-2xl transition-all duration-200 font-medium relative cursor-pointer"
   }, w = {
@@ -370,7 +370,7 @@ const Te = () => {
       return e.length - 1, /* @__PURE__ */ l(
         "button",
         {
-          onClick: () => f(v.id),
+          onClick: (M) => f(M, v.id),
           disabled: x,
           className: A(
             "w-full",
@@ -431,7 +431,7 @@ const Te = () => {
   return /* @__PURE__ */ d("nav", { className: A("fixed top-0 right-0 left-0 z-10", Je[e], r), children: [
     /* @__PURE__ */ d("div", { className: A("container mx-auto flex items-center", Ve[e]), children: [
       /* @__PURE__ */ l(N, { as: "a", href: "/", variant: "terciary", color: e === "payment" ? "light" : "dark", className: A(e === "default" && "hidden"), children: n("navigation.back") }),
-      /* @__PURE__ */ l(R, { variant: e === "payment" ? "secondary" : "primary", className: "mx-auto w-28" }),
+      /* @__PURE__ */ l(L, { variant: e === "payment" ? "secondary" : "primary", className: "mx-auto w-28" }),
       e != "default" && /* @__PURE__ */ l(We, { variant: e, totalSteps: t, currentStep: a })
     ] }),
     e != "default" && /* @__PURE__ */ d("div", { className: "container mx-auto px-6 pb-5 md:px-0", children: [
@@ -452,36 +452,36 @@ const Te = () => {
     d: "M199.461 47.7402C199.323 30.8016 199.738 15.1765 198.563 4.18366C198.355 2.52437 198.424 0.381105 195.106 0.381105C190.888 0.381105 183.975 -0.241131 176.508 0.104556C168.903 0.450243 155.698 1.21075 138.621 0.657655C136.339 0.588518 125.415 0.588518 121.198 0.588518C119.608 0.588518 118.64 1.97127 118.709 3.56143C121.544 78.3681 108.2 105.608 87.1823 125.105C85.1082 127.041 81.2365 125.105 82.8267 120.542C98.3826 76.3631 89.8787 20.9841 85.4539 3.97625C85.2141 3.0286 84.6592 2.19067 83.8802 1.60015C83.1012 1.00963 82.1445 0.701645 81.1673 0.726792H69.5522C65.1966 0.726792 43.6948 0.588518 37.2651 0.588518C22.2622 0.588518 12.7213 0.726792 5.46186 1.00334C2.41982 1.07248 0.0691374 3.56143 0 6.60347C0 8.81587 1.47709e-05 11.4431 0.0691522 14.0012C0.345702 21.3297 0.622264 25.6163 0.622264 36.54V91.5042C0.622264 119.228 9.95579 134.577 17.7683 145.708C22.4697 152.414 26.4797 156.632 34.4305 161.61C52.4062 172.81 66.925 175.852 102.807 175.852C138.69 175.852 148.3 168.938 155.352 166.587C183.629 157.323 198.908 130.152 198.908 102.704C198.908 89.8449 199.462 57.0738 199.392 47.6711L199.461 47.7402Z",
     fill: Fe[e]
   }
-) }), M = {
+) }), j = {
   primary: "var(--color-claret-violet-dark)",
   secondary: "var(--color-beige-light)"
-}, R = ({ variant: e = "primary", className: t = "" }) => /* @__PURE__ */ d("svg", { className: A("h-auto", t), viewBox: "0 0 1024 176", fill: "none", children: [
+}, L = ({ variant: e = "primary", className: t = "" }) => /* @__PURE__ */ d("svg", { className: A("h-auto", t), viewBox: "0 0 1024 176", fill: "none", children: [
   /* @__PURE__ */ l(
     "path",
     {
       d: "M610.659 139.071C610.659 128.354 609.622 113.559 609.484 100.008C609.415 93.44 609.069 75.7408 609.484 59.7701C609.622 55.4144 608.931 22.9889 609.276 8.40095C609.3 7.50521 609.137 6.61434 608.799 5.78466C608.46 4.95498 607.953 4.20453 607.31 3.58075C606.667 2.95697 605.901 2.47342 605.061 2.16067C604.222 1.84792 603.326 1.71277 602.432 1.76376C591.093 2.386 582.797 1.69462 563.853 1.69462C560.12 1.69462 526.45 2.59341 513.175 1.69462C510.755 1.55635 508.612 3.07737 507.921 5.3589C505.639 13.2406 500.523 30.5249 499.279 34.3275C497.896 38.5449 488.839 67.1678 486.35 75.1877C486.143 75.8791 485.106 75.9482 484.829 75.2568C482.962 70.9703 475.841 50.7822 473.076 41.5178C470.034 31.2854 464.019 12.7566 461.253 5.56632C460.907 4.59839 460.562 1.90203 457.451 1.90203C453.994 1.90203 440.719 2.24772 437.608 2.24772C417.351 2.24772 407.395 2.80082 398.822 2.80082C379.256 2.80082 373.034 2.17858 362.94 2.52427C359.414 2.66255 356.579 5.3589 356.233 8.88491C355.749 13.9319 355.888 20.8457 355.888 25.0631C355.819 41.3104 355.888 62.1207 356.441 77.7458C356.856 89.8448 356.717 147.16 356.925 164.652C356.925 168.039 359.69 170.805 363.078 170.874C372.481 171.081 390.387 170.39 397.785 171.22C403.869 171.911 411.474 171.427 416.659 171.22C420.047 171.081 422.744 169.837 422.744 164.859V151.792C422.744 147.021 422.536 139.278 422.398 134.577C422.19 125.935 422.674 117.016 422.744 106.3C422.744 103.534 423.089 96.0672 423.02 91.0202C423.02 87.2867 424.472 89.43 424.749 90.1214C426.892 95.5141 430.556 105.124 431.386 108.305C432.492 112.66 436.64 122.409 439.06 132.088C440.65 138.379 448.117 158.567 450.952 166.518C451.92 169.284 454.478 171.15 457.451 171.289C460.147 171.358 469.342 171.842 471.555 171.842H491.328C494.024 171.842 496.997 170.943 503.634 170.736C506.676 170.666 509.304 168.661 510.272 165.758C511.723 161.333 513.798 156.355 514.143 154.972C514.696 152.829 522.509 130.014 523.753 123.722C524.306 120.888 529.976 99.5932 534.055 89.0152C534.608 87.5633 536.751 87.909 536.889 89.43C537.097 91.7807 537.235 94.0622 537.235 95.2375C537.235 97.9339 536.889 117.569 537.581 126.349C538.203 133.609 537.097 155.802 536.889 164.306C536.877 165.207 537.053 166.102 537.405 166.932C537.757 167.762 538.278 168.509 538.935 169.127C539.592 169.745 540.37 170.219 541.22 170.52C542.07 170.821 542.973 170.941 543.872 170.874C544.979 170.805 546.085 170.736 546.984 170.736C550.786 170.736 565.72 170.321 574.154 170.736C584.041 171.22 595.103 169.837 603.884 170.321C607.617 170.528 610.728 167.555 610.659 163.822V139.209V139.071ZM164.723 120.196C164.68 119.367 164.317 118.587 163.711 118.02C163.105 117.453 162.303 117.142 161.473 117.154C156.081 117.292 144.258 117.915 140.317 117.915C134.994 117.915 120.544 117.915 114.806 117.5C110.173 117.154 90.3309 117.638 83.1406 117.845C81.7578 117.845 81.1356 116.67 80.7208 115.357C80.2368 113.836 80.5134 111.139 80.4442 109.203V105.608C80.4442 104.295 81.5504 103.327 82.7949 103.327C85.8369 103.327 91.0914 103.327 93.3729 103.257C101.324 103.119 112.109 103.603 117.917 103.603C125.107 103.603 119.922 103.257 124.001 102.981C126.351 102.843 128.218 100.769 128.011 98.4179C127.803 95.1684 127.527 89.0152 127.527 86.7336C127.527 84.9361 127.458 79.3359 127.319 76.5013C127.181 72.9062 126.421 70.0024 122.825 70.1407C122.341 70.1407 116.465 70.2098 110.242 70.2098H102.153C98.7656 70.2098 90.1235 70.5555 84.1085 70.4172C83.0387 70.3794 82.023 69.9375 81.266 69.1806C80.5091 68.4236 80.0672 67.4079 80.0294 66.3381C80.0294 64.0566 79.8911 63.8492 79.6837 62.5355C79.4763 61.0837 79.4763 58.3182 79.5454 56.244C79.5454 54.723 80.7899 53.5477 82.3109 53.5477C87.0123 53.4786 96.7606 53.2711 101.255 53.5477C107.339 53.9625 114.045 53.5477 123.448 53.5477C130.431 53.5477 150.411 53.2711 158.846 53.202C161.404 53.202 163.409 51.0587 163.34 48.5007C163.271 44.6981 163.478 39.5128 163.478 37.5769V15.1764C163.478 13.8628 163.271 12.2726 163.271 10.6825C163.271 6.32683 159.745 2.73168 155.32 2.66255C146.194 2.52427 129.532 2.386 125.522 2.80082C119.438 3.49219 84.5233 3.35392 55.2091 3.35392C45.8064 3.35392 18.9119 2.9391 6.81287 3.21564C3.49428 3.28478 0.867054 5.98114 0.936191 9.29974C0.936191 14.1394 0.936191 20.8457 0.452229 24.9248C-0.37742 31.8385 0.037405 66.4072 0.867054 86.8028C1.55843 104.433 1.07447 154.557 0.867054 167.694C0.867054 169.491 2.2498 170.874 4.04737 170.874C11.2377 170.874 28.4529 171.081 32.6703 171.081C37.9247 171.081 64.75 171.081 75.9503 170.874C86.5283 170.666 105.749 170.666 115.289 170.666C123.309 170.666 152.624 170.874 160.574 171.081C162.165 171.081 164.792 170.113 164.792 167.555V155.733C164.792 145.639 164.515 146.33 164.515 134.162C164.515 129.806 164.93 124.275 164.723 120.127V120.196ZM342.544 140.384C343.097 134.853 343.028 129.599 342.475 122.132C342.386 120.915 341.821 119.782 340.902 118.98C339.983 118.177 338.784 117.769 337.566 117.845C331.897 118.122 327.403 118.122 322.978 117.638C319.936 117.292 306.109 117.016 298.365 117.431C292.696 117.707 272.231 117.569 263.105 117.431C260.132 117.431 257.713 114.942 257.851 111.9C258.127 105.332 256.33 94.4079 257.09 81.3409C257.298 77.331 257.92 56.244 257.574 52.1649C257.229 48.8463 257.436 17.7345 257.574 6.32683C257.574 4.11443 255.777 2.31686 253.495 2.386C251.075 2.45513 238.216 2.10945 236.28 1.97117C232.201 1.69462 217.267 3.21564 210.768 2.80082C206.067 2.52427 194.659 1.97117 185.187 2.04031C181.731 2.04031 178.965 4.87494 178.896 8.26268C178.758 15.1764 178.55 26.1001 178.481 32.2534C178.343 41.6561 178.827 59.4244 179.034 73.6667C179.172 86.5262 177.79 116.186 179.034 137.411C179.311 142.113 179.172 159.397 179.034 167.417C179.034 169.629 180.832 171.427 183.113 171.358C185.879 171.289 189.405 171.22 191.202 171.358C200.674 172.118 221.415 170.597 229.574 170.597C237.732 170.597 253.91 171.289 262.483 171.358C271.056 171.427 274.029 169.975 300.232 170.459C317.793 170.805 330.86 171.358 337.705 170.943C340.747 170.736 343.097 168.178 343.097 165.135V154.834C343.097 154.834 341.991 147.92 342.682 140.523L342.544 140.384ZM1023.62 28.1051C1023.2 17.1814 1023.41 10.7516 1023.41 10.7516V6.67252C1023.55 4.73667 1022.03 3.21564 1020.09 3.21564C1012.21 2.73168 976.258 2.24772 958.489 2.66255C953.65 2.80082 944.385 2.66255 940.583 2.66255C899.723 2.9391 899.377 3.42306 886.656 2.9391C873.934 2.45513 836.047 3.28478 836.047 3.28478C834.872 3.28478 833.835 4.25271 833.835 5.49718V7.98613C833.835 9.36888 833.835 10.7516 834.042 12.0652C834.319 15.1073 834.803 21.5371 834.803 28.1743V65.5776C834.803 67.306 836.116 68.6888 837.845 68.6888C842.339 68.7579 852.847 68.8962 854.991 68.8962C859.346 68.8962 864.877 69.2419 872.621 68.827C878.912 68.4814 887.001 68.3431 890.458 68.274C891.15 68.274 891.703 68.8271 891.703 69.5184C891.564 73.8741 891.91 81.2718 891.91 88.0473V121.51C891.91 125.105 891.979 161.333 891.91 169.837C891.91 170.805 892.671 171.634 893.639 171.634C893.639 171.634 915.97 171.22 928.138 171.22C940.306 171.22 944.316 172.257 949.847 171.773C955.447 171.22 965.818 171.773 965.818 171.773C968.722 171.773 968.653 170.528 968.653 168.247C968.653 157.461 968.376 125.036 968.653 121.648C969.067 117.569 968.307 87.6324 968.03 83.5533C967.616 78.0223 967.892 71.8691 967.823 70.2098C967.823 69.5184 968.307 68.8962 969.067 68.8962C972.801 68.8271 981.581 68.6196 987.942 68.8962C995.685 69.311 998.727 68.6888 1001.7 68.6888C1005.5 68.6888 1015.32 68.274 1020.16 68.4814C1021.89 68.5505 1023.34 67.1678 1023.34 65.4393C1023.41 57.0737 1023.55 34.6732 1023.34 28.1743L1023.62 28.1051Z",
-      fill: M[e]
+      fill: j[e]
     }
   ),
   /* @__PURE__ */ l(
     "path",
     {
       d: "M1015.18 155.248C1015.18 152.552 1013.38 150.616 1010 150.616H1004.47V164.029H1007.78V159.535H1009.86L1012.14 164.029H1015.8L1012.9 158.913C1014.28 158.221 1015.18 156.977 1015.18 155.179V155.248ZM1010 156.769H1007.78V153.727H1010C1011.1 153.727 1011.86 154.28 1011.86 155.248C1011.86 156.424 1010.96 156.769 1010 156.769Z",
-      fill: M[e]
+      fill: j[e]
     }
   ),
   /* @__PURE__ */ l(
     "path",
     {
       d: "M1009.44 143.288C1001.56 143.288 995.201 149.648 995.201 157.53C995.201 165.412 1001.56 171.842 1009.44 171.842C1017.33 171.842 1023.76 165.412 1023.76 157.53C1023.76 149.648 1017.33 143.288 1009.44 143.288ZM1020.64 157.53C1020.64 163.683 1015.67 168.661 1009.44 168.661C1003.22 168.661 998.313 163.683 998.313 157.53C998.313 151.377 1003.29 146.399 1009.44 146.399C1015.6 146.399 1020.64 151.377 1020.64 157.53Z",
-      fill: M[e]
+      fill: j[e]
     }
   ),
   /* @__PURE__ */ l(
     "path",
     {
       d: "M822.012 47.7404C821.874 30.8017 822.289 15.1767 821.113 4.18382C820.906 2.52452 820.975 0.381258 817.657 0.381258C813.439 0.381258 806.525 -0.240979 799.059 0.104708C791.454 0.450395 778.248 1.21091 761.171 0.657808C758.89 0.58867 747.966 0.58867 743.749 0.58867C742.159 0.58867 741.191 1.97142 741.26 3.56158C744.094 78.3683 730.751 105.608 709.733 125.105C707.659 127.041 703.787 125.105 705.377 120.542C720.933 76.3633 712.429 20.9842 708.005 3.9764C707.765 3.02875 707.21 2.19082 706.431 1.6003C705.652 1.00979 704.695 0.701798 703.718 0.726945H692.103C687.747 0.726945 666.246 0.58867 659.816 0.58867C644.813 0.58867 635.272 0.726945 628.013 1.00349C624.971 1.07263 622.62 3.56158 622.551 6.60363C622.551 8.81602 622.551 11.4432 622.62 14.0013C622.896 21.3299 623.173 25.6164 623.173 36.5401V91.5044C623.173 119.228 632.507 134.577 640.319 145.708C645.02 152.414 649.03 156.632 656.981 161.61C674.957 172.81 689.476 175.852 725.358 175.852C761.24 175.852 770.851 168.938 777.903 166.588C806.18 157.323 821.459 130.152 821.459 102.705C821.459 89.8451 822.012 57.0739 821.943 47.6713L822.012 47.7404Z",
-      fill: M[e]
+      fill: j[e]
     }
   )
 ] }), H = ee.forwardRef(({ mobile: e, desktop: t, mobile2x: a, desktop2x: r, type: n = "image/webp", loading: o = "lazy", decoding: s = "async", alt: m, className: c, fadeOnLoad: g = !0 }, f) => {
@@ -660,7 +660,7 @@ const Bt = ({ videoId: e, className: t, hasSound: a = !0 }) => {
     /* @__PURE__ */ l("span", { className: "text-sm-mobile w-full font-semibold md:text-xl", children: e }),
     /* @__PURE__ */ l("span", { className: "text-sm-mobile md:text-md w-full", children: t })
   ] }) });
-}, r1 = ({ className: e, onClick: t, ...a }) => /* @__PURE__ */ l("button", { tabIndex: 0, ...a, onClick: t, className: A("text-claret-violet-dark outline-beige-light hover:text-claret-violet-light disabled:pointer-none: h-5 w-5 cursor-pointer rounded-full transition-colors duration-300", e), children: /* @__PURE__ */ l(F1, { className: "h-full w-full" }) }), oe = te(r1), j = ({ variant: e, disabled: t = !1, className: a, ...r }) => /* @__PURE__ */ d(
+}, r1 = ({ className: e, onClick: t, ...a }) => /* @__PURE__ */ l("button", { tabIndex: 0, ...a, onClick: t, className: A("text-claret-violet-dark outline-beige-light hover:text-claret-violet-light disabled:pointer-none: h-5 w-5 cursor-pointer rounded-full transition-colors duration-300", e), children: /* @__PURE__ */ l(F1, { className: "h-full w-full" }) }), oe = te(r1), R = ({ variant: e, disabled: t = !1, className: a, ...r }) => /* @__PURE__ */ d(
   "button",
   {
     tabIndex: 0,
@@ -766,7 +766,7 @@ const Bt = ({ videoId: e, className: t, hasSound: a = !0 }) => {
     f.preventDefault(), n(u);
   };
   return /* @__PURE__ */ d("div", { className: c, children: [
-    e.length > 0 && /* @__PURE__ */ l(L, { label: e, required: o, className: "mb-6", id: t }),
+    e.length > 0 && /* @__PURE__ */ l(G, { label: e, required: o, className: "mb-6", id: t }),
     /* @__PURE__ */ l("div", { className: "flex flex-wrap justify-center gap-4 md:gap-3 lg:justify-start", children: a.map((f) => /* @__PURE__ */ l(N, { type: "button", variant: r === f.value ? "primary" : "secondary", size: "sm", color: "dark", onClick: (u) => g(u, f.value), children: f.label }, f.value)) }),
     /* @__PURE__ */ l(Z, { id: `${t}-error`, hasError: s, message: m })
   ] });
@@ -784,10 +784,10 @@ const Bt = ({ videoId: e, className: t, hasSound: a = !0 }) => {
   ] });
 }, c1 = ({ label: e = "", id: t, options: a, placeholder: r, name: n, className: o, error: s = "", hasError: m = !1, disabled: c = !1, onChange: g = () => {
 }, value: f, required: u, searchable: h = !1 }) => {
-  const [w, k] = z(!1), [v, B] = z(""), b = P(null), x = S(() => a.find((T) => T.value === f)?.label, [a, f]), G = y(() => {
+  const [w, k] = z(!1), [v, B] = z(""), b = P(null), x = S(() => a.find((T) => T.value === f)?.label, [a, f]), M = y(() => {
     k(!1), (!f || v !== x) && h && (B(""), g(""));
   }, [f, g, x, v]);
-  J(b, G);
+  J(b, M);
   const me = S(() => h ? a.filter((T) => T.label.toLowerCase().includes(v.toLowerCase())) : a, [a, v, h]), fe = y(
     (T) => {
       g(T), B(a.find((ue) => ue.value === T)?.label || ""), k(!1);
@@ -806,7 +806,7 @@ const Bt = ({ videoId: e, className: t, hasSound: a = !0 }) => {
     c && "border-claret-violet-dark/40"
   );
   return /* @__PURE__ */ d("div", { className: ge, children: [
-    e.length > 0 && /* @__PURE__ */ l(L, { label: e, id: t, required: u }),
+    e.length > 0 && /* @__PURE__ */ l(G, { label: e, id: t, required: u }),
     /* @__PURE__ */ d("div", { className: "relative h-11 w-full", ref: b, children: [
       /* @__PURE__ */ l("input", { type: "hidden", name: n, id: t, value: f }),
       /* @__PURE__ */ d("div", { className: Ce, children: [
@@ -932,7 +932,7 @@ const Bt = ({ videoId: e, className: t, hasSound: a = !0 }) => {
     ),
     /* @__PURE__ */ l(Y, { name: s, options: a, multiple: !0, values: r, onChangeMultiple: u, disabled: o, isOpen: c, className: "absolute top-full right-0 mt-2.5 max-md:w-54" })
   ] });
-}, L = ({ label: e, id: t, className: a = "mb-4", required: r = !1, ...n }) => /* @__PURE__ */ d("label", { htmlFor: t, ...n, className: A("text-md block", a), children: [
+}, G = ({ label: e, id: t, className: a = "mb-4", required: r = !1, ...n }) => /* @__PURE__ */ d("label", { htmlFor: t, ...n, className: A("text-md block", a), children: [
   e,
   !r && /* @__PURE__ */ l(_, { children: " *" })
 ] }), m1 = ({ variant: e = "light", className: t, placeholder: a, label: r, disabled: n = !1, onSubscribe: o = () => {
@@ -983,9 +983,9 @@ const Bt = ({ videoId: e, className: t, hasSound: a = !0 }) => {
     /* @__PURE__ */ l(Z, { id: "newsletter-error", hasError: s, message: m, className: e === "light" ? "!text-claret-violet-dark ps-8" : "!text-beige-light ps-8" })
   ] });
 }, Qt = ({ label: e = "", id: t, value: a, onChange: r, required: n, metric: o, min: s = 0, max: m = 99, hasError: c = !1, error: g = "", disabled: f = !1 }) => /* @__PURE__ */ d("div", { className: "flex items-center gap-4 max-md:flex-col max-md:items-start md:gap-8", children: [
-  e.length > 0 && /* @__PURE__ */ l(L, { label: e, required: n, id: t, className: "mb-0" }),
+  e.length > 0 && /* @__PURE__ */ l(G, { label: e, required: n, id: t, className: "mb-0" }),
   /* @__PURE__ */ d("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ l(j, { variant: "minus", onClick: () => r(a - 1), disabled: a === s }),
+    /* @__PURE__ */ l(R, { variant: "minus", onClick: () => r(a - 1), disabled: a === s }),
     /* @__PURE__ */ d("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ l(
         "input",
@@ -1004,7 +1004,7 @@ const Bt = ({ videoId: e, className: t, hasSound: a = !0 }) => {
       ),
       /* @__PURE__ */ l("span", { className: "text-md", children: o })
     ] }),
-    /* @__PURE__ */ l(j, { variant: "plus", onClick: () => r(a + 1), disabled: a === m })
+    /* @__PURE__ */ l(R, { variant: "plus", onClick: () => r(a + 1), disabled: a === m })
   ] }),
   /* @__PURE__ */ l(Z, { id: `${t}-error`, hasError: c, message: g })
 ] }), f1 = ({ label: e, value: t, onRemove: a, className: r }) => /* @__PURE__ */ d("div", { className: A("bg-claret-violet-dark/10 border-claret-violet-light text-button-mobile md:text-button rounded-input flex cursor-default items-center justify-between gap-2.5 border p-2.5 font-semibold", r), children: [
@@ -1035,7 +1035,7 @@ const Bt = ({ videoId: e, className: t, hasSound: a = !0 }) => {
     g && "border-red-error bg-red-error/10"
   );
   return /* @__PURE__ */ d("div", { className: u, children: [
-    e.length > 0 && /* @__PURE__ */ l(L, { label: e, id: a, required: c }),
+    e.length > 0 && /* @__PURE__ */ l(G, { label: e, id: a, required: c }),
     /* @__PURE__ */ l("input", { type: n, placeholder: t, id: a, name: r, disabled: s, required: c, ...f, className: h, "aria-invalid": g, "aria-required": c }),
     /* @__PURE__ */ l(Z, { id: `${a}-error`, hasError: g, message: m, className: A("text-red-error mt-2 min-h-5 opacity-0 transition-opacity duration-300", g && "opacity-100") })
   ] });
@@ -1046,7 +1046,7 @@ const Bt = ({ videoId: e, className: t, hasSound: a = !0 }) => {
   J(h, k);
   const v = y(
     (x) => {
-      r(x), g(!1), u(t.find((G) => G.value === x)?.label || "");
+      r(x), g(!1), u(t.find((M) => M.value === x)?.label || "");
     },
     [r, t]
   );
@@ -1111,8 +1111,8 @@ const Bt = ({ videoId: e, className: t, hasSound: a = !0 }) => {
     /* @__PURE__ */ d("summary", { className: "flex list-none items-center justify-between gap-2", children: [
       /* @__PURE__ */ l(I, { size: "heading-md", className: "font-semibold md:hidden", children: e }),
       /* @__PURE__ */ l(p, { size: "xl", className: "hidden md:block", children: e }),
-      /* @__PURE__ */ l(j, { variant: "plus", className: "flex shrink-0 group-data-[open=true]:hidden" }),
-      /* @__PURE__ */ l(j, { variant: "minus", className: "hidden shrink-0 group-data-[open=true]:flex" })
+      /* @__PURE__ */ l(R, { variant: "plus", className: "flex shrink-0 group-data-[open=true]:hidden" }),
+      /* @__PURE__ */ l(R, { variant: "minus", className: "hidden shrink-0 group-data-[open=true]:flex" })
     ] }),
     /* @__PURE__ */ d("div", { "data-accordion-content": !0, ref: n, style: { maxHeight: "0px", transitionDuration: "300ms" }, className: "overflow-hidden transition-[max-height] will-change-[max-height]", children: [
       /* @__PURE__ */ l(I, { size: "heading-md", className: "mt-2.5 md:hidden", children: t }),
@@ -1702,7 +1702,7 @@ export {
   Y as DropdownMenu,
   Oe as Emblem,
   Z as ErrorMessage,
-  j as FAQButton,
+  R as FAQButton,
   t5 as FacebookIcon,
   Mt as FaqItem,
   Lt as FeatureCard,
@@ -1728,9 +1728,9 @@ export {
   Ot as InfoIcon,
   jt as Ingredient,
   c5 as InstagramIcon,
-  L as Label,
+  G as Label,
   f5 as LinkedinIcon,
-  R as Logo,
+  L as Logo,
   Xt as MagicWandIcon,
   u5 as MenuIcon,
   h5 as MinusIcon,