@zenpatient-org/healthspan-marketing-ui 0.1.5 → 0.1.6

package/dist/healthspan-ui.es.js

@@ -1,38 +1,38 @@
-import * as y from "react";
-import ge, { forwardRef as be, memo as K, useState as ee, useLayoutEffect as fe, createElement as he, useMemo as ve } from "react";
-const ye = "typography-module__displayXl___dx4Dh", Re = "typography-module__displayLg___3BQI2", we = "typography-module__displayMd___-bNBw", ke = "typography-module__displaySm___BswNI", Te = "typography-module__displayXs___jcmVJ", Ae = "typography-module__headingXl___nAQFD", Se = "typography-module__headingLg___Idt-Z", xe = "typography-module__headingMd___c-Q0B", je = "typography-module__headingSm___Q6zoR", Ee = "typography-module__headingXs___fwDFl", Le = "typography-module__headingXxs___ghw1N", Ce = "typography-module__preambleMd___CbYgI", Oe = "typography-module__preambleSm___yKGjq", Pe = "typography-module__bodyXl___m92AP", Me = "typography-module__bodyLg___Fz-Fo", We = "typography-module__bodyMd___aH0Ph", Xe = "typography-module__bodySm___4-7TJ", De = "typography-module__bodyXs___uTpSs", Fe = "typography-module__linkLg___xVngm", Ne = "typography-module__linkMd___82MQD", $e = "typography-module__linkSm___LZ94B", Be = "typography-module__linkXs___-6Kd5", Ye = "typography-module__labelXl___jmHEl", He = "typography-module__labelLg___31xPj", Ve = "typography-module__labelMd___e3ni6", Ue = "typography-module__labelSm___AsYEH", Ge = "typography-module__labelXs___zgCHL", Je = "typography-module__labelEmphasis___nbkyG", ze = "typography-module__weightRegular___F3ND2", Ze = "typography-module__weightMedium___XpDfI", v = {
-  displayXl: ye,
-  displayLg: Re,
-  displayMd: we,
-  displaySm: ke,
-  displayXs: Te,
-  headingXl: Ae,
+import * as f from "react";
+import he, { memo as fe, useState as oe, useLayoutEffect as ve, createElement as ye, forwardRef as Re, useMemo as we } from "react";
+const ke = "typography-module__displayXl___dx4Dh", Te = "typography-module__displayLg___3BQI2", je = "typography-module__displayMd___-bNBw", xe = "typography-module__displaySm___BswNI", Ae = "typography-module__displayXs___jcmVJ", Ce = "typography-module__headingXl___nAQFD", Se = "typography-module__headingLg___Idt-Z", Le = "typography-module__headingMd___c-Q0B", Ee = "typography-module__headingSm___Q6zoR", Oe = "typography-module__headingXs___fwDFl", Pe = "typography-module__headingXxs___ghw1N", Me = "typography-module__preambleMd___CbYgI", Ne = "typography-module__preambleSm___yKGjq", We = "typography-module__bodyXl___m92AP", Xe = "typography-module__bodyLg___Fz-Fo", $e = "typography-module__bodyMd___aH0Ph", Fe = "typography-module__bodySm___4-7TJ", De = "typography-module__bodyXs___uTpSs", Be = "typography-module__linkLg___xVngm", Ge = "typography-module__linkMd___82MQD", He = "typography-module__linkSm___LZ94B", Ye = "typography-module__linkXs___-6Kd5", Ue = "typography-module__labelXl___jmHEl", Ve = "typography-module__labelLg___31xPj", Ie = "typography-module__labelMd___e3ni6", Je = "typography-module__labelSm___AsYEH", ze = "typography-module__labelXs___zgCHL", Ze = "typography-module__labelEmphasis___nbkyG", qe = "typography-module__weightRegular___F3ND2", Qe = "typography-module__weightMedium___XpDfI", h = {
+  displayXl: ke,
+  displayLg: Te,
+  displayMd: je,
+  displaySm: xe,
+  displayXs: Ae,
+  headingXl: Ce,
   headingLg: Se,
-  headingMd: xe,
-  headingSm: je,
-  headingXs: Ee,
-  headingXxs: Le,
-  preambleMd: Ce,
-  preambleSm: Oe,
-  bodyXl: Pe,
-  bodyLg: Me,
-  bodyMd: We,
-  bodySm: Xe,
+  headingMd: Le,
+  headingSm: Ee,
+  headingXs: Oe,
+  headingXxs: Pe,
+  preambleMd: Me,
+  preambleSm: Ne,
+  bodyXl: We,
+  bodyLg: Xe,
+  bodyMd: $e,
+  bodySm: Fe,
   bodyXs: De,
-  linkLg: Fe,
-  linkMd: Ne,
-  linkSm: $e,
-  linkXs: Be,
-  labelXl: Ye,
-  labelLg: He,
-  labelMd: Ve,
-  labelSm: Ue,
-  labelXs: Ge,
-  labelEmphasis: Je,
-  weightRegular: ze,
-  weightMedium: Ze
+  linkLg: Be,
+  linkMd: Ge,
+  linkSm: He,
+  linkXs: Ye,
+  labelXl: Ue,
+  labelLg: Ve,
+  labelMd: Ie,
+  labelSm: Je,
+  labelXs: ze,
+  labelEmphasis: Ze,
+  weightRegular: qe,
+  weightMedium: Qe
 };
-var L = { exports: {} }, S = {};
+var W = { exports: {} }, E = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -42,29 +42,29 @@ var L = { exports: {} }, S = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Z;
-function qe() {
-  if (Z) return S;
-  Z = 1;
-  var e = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
-  function s(i, r, c) {
-    var n = null;
-    if (c !== void 0 && (n = "" + c), r.key !== void 0 && (n = "" + r.key), "key" in r) {
-      c = {};
+var q;
+function Ke() {
+  if (q) return E;
+  q = 1;
+  var e = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function n(c, r, l) {
+    var i = null;
+    if (l !== void 0 && (i = "" + l), r.key !== void 0 && (i = "" + r.key), "key" in r) {
+      l = {};
       for (var d in r)
-        d !== "key" && (c[d] = r[d]);
-    } else c = r;
-    return r = c.ref, {
+        d !== "key" && (l[d] = r[d]);
+    } else l = r;
+    return r = l.ref, {
       $$typeof: e,
-      type: i,
-      key: n,
+      type: c,
+      key: i,
       ref: r !== void 0 ? r : null,
-      props: c
+      props: l
     };
   }
-  return S.Fragment = l, S.jsx = s, S.jsxs = s, S;
+  return E.Fragment = s, E.jsx = n, E.jsxs = n, E;
 }
-var x = {};
+var O = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -74,42 +74,42 @@ var x = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var q;
-function Ie() {
-  return q || (q = 1, process.env.NODE_ENV !== "production" && function() {
+var Q;
+function eo() {
+  return Q || (Q = 1, process.env.NODE_ENV !== "production" && function() {
     function e(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === ue ? null : o.displayName || o.name || null;
+        return o.$$typeof === pe ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case P:
+        case X:
           return "Fragment";
-        case ae:
+        case ne:
           return "Profiler";
-        case te:
+        case se:
           return "StrictMode";
-        case ie:
+        case _e:
           return "Suspense";
-        case ce:
-          return "SuspenseList";
         case de:
+          return "SuspenseList";
+        case me:
           return "Activity";
       }
       if (typeof o == "object")
         switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), o.$$typeof) {
-          case re:
+          case ae:
             return "Portal";
-          case ne:
+          case ie:
             return (o.displayName || "Context") + ".Provider";
-          case se:
-            return (o._context.displayName || "Context") + ".Consumer";
           case le:
+            return (o._context.displayName || "Context") + ".Consumer";
+          case ce:
             var a = o.render;
             return o = o.displayName, o || (o = a.displayName || a.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case _e:
+          case ue:
             return a = o.displayName || null, a !== null ? a : e(o.type) || "Memo";
           case Y:
             a = o._payload, o = o._init;
@@ -120,12 +120,12 @@ function Ie() {
         }
       return null;
     }
-    function l(o) {
+    function s(o) {
       return "" + o;
     }
-    function s(o) {
+    function n(o) {
       try {
-        l(o);
+        s(o);
         var a = !1;
       } catch {
         a = !0;
@@ -137,11 +137,11 @@ function Ie() {
           a,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           u
-        ), l(o);
+        ), s(o);
       }
     }
-    function i(o) {
-      if (o === P) return "<>";
+    function c(o) {
+      if (o === X) return "<>";
       if (typeof o == "object" && o !== null && o.$$typeof === Y)
         return "<...>";
       try {
@@ -152,14 +152,14 @@ function Ie() {
       }
     }
     function r() {
-      var o = M.A;
+      var o = $.A;
       return o === null ? null : o.getOwner();
     }
-    function c() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function n(o) {
-      if (H.call(o, "key")) {
+    function i(o) {
+      if (U.call(o, "key")) {
         var a = Object.getOwnPropertyDescriptor(o, "key").get;
         if (a && a.isReactWarning) return !1;
       }
@@ -177,22 +177,22 @@ function Ie() {
         configurable: !0
       });
     }
-    function g() {
+    function S() {
       var o = e(this.type);
-      return U[o] || (U[o] = !0, console.error(
+      return I[o] || (I[o] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function k(o, a, _, u, R, f, X, D) {
-      return _ = f.ref, o = {
-        $$typeof: B,
+    function L(o, a, _, u, y, g, D, B) {
+      return _ = g.ref, o = {
+        $$typeof: H,
         type: o,
         key: a,
-        props: f,
-        _owner: R
+        props: g,
+        _owner: y
       }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: g
+        get: S
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -207,33 +207,33 @@ function Ie() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: X
+        value: D
       }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: D
+        value: B
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function N(o, a, _, u, R, f, X, D) {
+    function P(o, a, _, u, y, g, D, B) {
       var m = a.children;
       if (m !== void 0)
         if (u)
-          if (me(m)) {
+          if (ge(m)) {
             for (u = 0; u < m.length; u++)
-              $(m[u]);
+              M(m[u]);
             Object.freeze && Object.freeze(m);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else $(m);
-      if (H.call(a, "key")) {
+        else M(m);
+      if (U.call(a, "key")) {
         m = e(o);
-        var T = Object.keys(a).filter(function(pe) {
-          return pe !== "key";
+        var T = Object.keys(a).filter(function(be) {
+          return be !== "key";
         });
-        u = 0 < T.length ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}", z[m + u] || (T = 0 < T.length ? "{" + T.join(": ..., ") + ": ...}" : "{}", console.error(
+        u = 0 < T.length ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}", Z[m + u] || (T = 0 < T.length ? "{" + T.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -244,158 +244,102 @@ React keys must be passed directly to JSX without using spread:
           m,
           T,
           m
-        ), z[m + u] = !0);
+        ), Z[m + u] = !0);
       }
-      if (m = null, _ !== void 0 && (s(_), m = "" + _), n(a) && (s(a.key), m = "" + a.key), "key" in a) {
+      if (m = null, _ !== void 0 && (n(_), m = "" + _), i(a) && (n(a.key), m = "" + a.key), "key" in a) {
         _ = {};
-        for (var F in a)
-          F !== "key" && (_[F] = a[F]);
+        for (var G in a)
+          G !== "key" && (_[G] = a[G]);
       } else _ = a;
       return m && d(
         _,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), k(
+      ), L(
         o,
         m,
-        f,
-        R,
+        g,
+        y,
         r(),
         _,
-        X,
-        D
+        D,
+        B
       );
     }
-    function $(o) {
-      typeof o == "object" && o !== null && o.$$typeof === B && o._store && (o._store.validated = 1);
+    function M(o) {
+      typeof o == "object" && o !== null && o.$$typeof === H && o._store && (o._store.validated = 1);
     }
-    var E = ge, B = Symbol.for("react.transitional.element"), re = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), te = Symbol.for("react.strict_mode"), ae = Symbol.for("react.profiler"), se = Symbol.for("react.consumer"), ne = Symbol.for("react.context"), le = Symbol.for("react.forward_ref"), ie = Symbol.for("react.suspense"), ce = Symbol.for("react.suspense_list"), _e = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), de = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), M = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, me = Array.isArray, W = console.createTask ? console.createTask : function() {
+    var N = he, H = Symbol.for("react.transitional.element"), ae = Symbol.for("react.portal"), X = Symbol.for("react.fragment"), se = Symbol.for("react.strict_mode"), ne = Symbol.for("react.profiler"), le = Symbol.for("react.consumer"), ie = Symbol.for("react.context"), ce = Symbol.for("react.forward_ref"), _e = Symbol.for("react.suspense"), de = Symbol.for("react.suspense_list"), ue = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), me = Symbol.for("react.activity"), pe = Symbol.for("react.client.reference"), $ = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, ge = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
-    E = {
+    N = {
       "react-stack-bottom-frame": function(o) {
         return o();
       }
     };
-    var V, U = {}, G = E["react-stack-bottom-frame"].bind(
-      E,
-      c
-    )(), J = W(i(c)), z = {};
-    x.Fragment = P, x.jsx = function(o, a, _, u, R) {
-      var f = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return N(
+    var V, I = {}, J = N["react-stack-bottom-frame"].bind(
+      N,
+      l
+    )(), z = F(c(l)), Z = {};
+    O.Fragment = X, O.jsx = function(o, a, _, u, y) {
+      var g = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return P(
         o,
         a,
         _,
         !1,
         u,
-        R,
-        f ? Error("react-stack-top-frame") : G,
-        f ? W(i(o)) : J
+        y,
+        g ? Error("react-stack-top-frame") : J,
+        g ? F(c(o)) : z
       );
-    }, x.jsxs = function(o, a, _, u, R) {
-      var f = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return N(
+    }, O.jsxs = function(o, a, _, u, y) {
+      var g = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return P(
         o,
         a,
         _,
         !0,
         u,
-        R,
-        f ? Error("react-stack-top-frame") : G,
-        f ? W(i(o)) : J
+        y,
+        g ? Error("react-stack-top-frame") : J,
+        g ? F(c(o)) : z
       );
     };
-  }()), x;
+  }()), O;
 }
-var I;
-function Qe() {
-  return I || (I = 1, process.env.NODE_ENV === "production" ? L.exports = qe() : L.exports = Ie()), L.exports;
+var K;
+function oo() {
+  return K || (K = 1, process.env.NODE_ENV === "production" ? W.exports = Ke() : W.exports = eo()), W.exports;
 }
-var t = Qe();
-const b = (...e) => e.map((s) => typeof s == "string" ? s : s ? Object.keys(s).filter((c) => s[c]).join(" ") : "").filter((s) => !!s).join(" "), C = ({
+var t = oo();
+const p = (...e) => e.map((n) => typeof n == "string" ? n : n ? Object.keys(n).filter((l) => n[l]).join(" ") : "").filter((n) => !!n).join(" "), C = ({
   variant: e,
-  children: l,
-  className: s = "",
-  weight: i,
+  children: s,
+  className: n = "",
+  weight: c,
   emphasis: r = !1,
-  as: c = "span"
+  as: l = "span"
 }) => {
-  const n = v[e] || "";
-  let d = i;
-  r && !i && (d = "medium");
-  const g = d ? v[`weight${d.charAt(0).toUpperCase()}${d.slice(1)}`] : "", k = e.startsWith("label") && r ? v.labelEmphasis : "";
-  return /* @__PURE__ */ t.jsx(c, { className: b(n, g, k, s), children: l });
-}, Ke = "button-module__button___JyfZW", eo = "button-module__primary___ggjlO", oo = "button-module__secondary___Q4I1z", ro = "button-module__muted___DbVhc", to = "button-module__ghost___Dp7F-", ao = "button-module__xs___hb8XV", so = "button-module__sm___nin2b", no = "button-module__md___0nyD0", lo = "button-module__lg___UZ-tP", io = "button-module__disabled___S7XlI", O = {
-  button: Ke,
-  primary: eo,
-  "primary-invert": "button-module__primary-invert___UQj7h",
-  secondary: oo,
-  muted: ro,
-  "muted-invert": "button-module__muted-invert___0nBJw",
-  ghost: to,
-  xs: ao,
-  sm: so,
-  md: no,
-  lg: lo,
-  disabled: io
-}, co = be(({
-  variant: e = "primary",
-  size: l = "md",
-  as: s = "button",
-  disabled: i = !1,
-  children: r,
-  ...c
-}, n) => {
-  const d = O[e] || "", g = O[l] || "", k = i ? O.disabled : "";
-  return /* @__PURE__ */ t.jsx(
-    s,
-    {
-      ref: n,
-      ...c,
-      className: b(
-        O.button,
-        d,
-        g,
-        k
-      ),
-      disabled: i,
-      children: r
-    }
-  );
-});
-co.displayName = "Button";
-const _o = "label-module__root___b704i", uo = {
-  root: _o
-}, mo = {
-  sm: v.labelXs,
-  lg: v.labelSm
-}, ar = ({ children: e, color: l, size: s = "sm" }) => /* @__PURE__ */ t.jsx(
-  "div",
-  {
-    className: b(
-      uo.root,
-      v.labelEmphasis,
-      mo[s]
-    ),
-    "data-size": s,
-    "data-color": l,
-    children: e
-  }
-), po = (e, l, s) => {
-  const i = e[l];
-  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((r, c) => {
+  const i = h[e] || "";
+  let d = c;
+  r && !c && (d = "medium");
+  const S = d ? h[`weight${d.charAt(0).toUpperCase()}${d.slice(1)}`] : "", L = e.startsWith("label") && r ? h.labelEmphasis : "";
+  return /* @__PURE__ */ t.jsx(l, { className: p(i, S, L, n), children: s });
+}, to = (e, s, n) => {
+  const c = e[s];
+  return c ? typeof c == "function" ? c() : Promise.resolve(c) : new Promise((r, l) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      c.bind(
+      l.bind(
         null,
         new Error(
-          "Unknown variable dynamic import: " + l + (l.split("/").length !== s ? ". Note that variables only represent file names one level deep." : "")
+          "Unknown variable dynamic import: " + s + (s.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
         )
       )
     );
   });
 };
-var oe = /* @__PURE__ */ ((e) => (e.ALERT_ERROR_FILL = "alert-error-fill", e.ALERT_ERROR = "alert-error", e.CHECK = "check", e.CIRCLE_CHECK_FILL = "circle-check-fill", e.CIRCLE_CHECK = "circle-check", e.CLOSE = "close", e.HELP = "help", e.INFO = "info", e.MENU = "menu", e.PLUS = "plus", e.REMOVE = "remove", e.SEARCH = "search", e.WARNING = "warning", e.ARROW_BACK = "arrow-back", e.ARROW_DOWNWARD = "arrow-downward", e.ARROW_FORWARD = "arrow-forward", e.ARROW_INSERT = "arrow-insert", e.ARROW_OUTWARD = "arrow-outward", e.ARROW_RETURN = "arrow-return", e.ARROW_UPWARD = "arrow-upward", e.CHEVRON_BACK = "chevron-back", e.CHEVRON_DOWN = "chevron-down", e.CHEVRON_FORWARD = "chevron-forward", e.CHEVRON_UP = "chevron-up", e.MESSAGE_FILL = "message-fill", e.MESSAGE = "message", e.CALENDAR = "calendar", e.CART = "cart", e.PACKAGE_FILL = "package-fill", e.PACKAGE = "package", e.SMILE_FILL = "smile-fill", e.SMILE = "smile", e.CIRCLE_DASH_FILL = "circle-dash-fill", e.CIRCLE_DASH = "circle-dash", e.PIN_DROP = "pin-drop", e.FILTER = "filter", e.COACHING = "coaching", e.LABS = "labs", e.MYSPAN = "myspan", e.OPTIMIZATIONS = "optimizations", e.PROTOCOLS = "protocols", e.RULER = "ruler", e.SCALE = "scale", e.FACEBOOK = "facebook", e.HEART_FILL = "heart-fill", e.HEART = "heart", e.INSTAGRAM = "instagram", e.STAR_FILL = "star-fill", e.STAR_HALF = "star-half", e.STAR_OUTLINE = "star-outline", e.STAR = "star", e.X = "x", e))(oe || {});
-const go = {
+var te = /* @__PURE__ */ ((e) => (e.ALERT_ERROR_FILL = "alert-error-fill", e.ALERT_ERROR = "alert-error", e.CHECK = "check", e.CIRCLE_CHECK_FILL = "circle-check-fill", e.CIRCLE_CHECK = "circle-check", e.CLOSE = "close", e.HELP = "help", e.INFO = "info", e.MENU = "menu", e.PLUS = "plus", e.REMOVE = "remove", e.SEARCH = "search", e.WARNING = "warning", e.ARROW_BACK = "arrow-back", e.ARROW_DOWNWARD = "arrow-downward", e.ARROW_FORWARD = "arrow-forward", e.ARROW_INSERT = "arrow-insert", e.ARROW_OUTWARD = "arrow-outward", e.ARROW_RETURN = "arrow-return", e.ARROW_UPWARD = "arrow-upward", e.CHEVRON_BACK = "chevron-back", e.CHEVRON_DOWN = "chevron-down", e.CHEVRON_FORWARD = "chevron-forward", e.CHEVRON_UP = "chevron-up", e.MESSAGE_FILL = "message-fill", e.MESSAGE = "message", e.CALENDAR = "calendar", e.CART = "cart", e.PACKAGE_FILL = "package-fill", e.PACKAGE = "package", e.SMILE_FILL = "smile-fill", e.SMILE = "smile", e.CIRCLE_DASH_FILL = "circle-dash-fill", e.CIRCLE_DASH = "circle-dash", e.PIN_DROP = "pin-drop", e.FILTER = "filter", e.COACHING = "coaching", e.LABS = "labs", e.MYSPAN = "myspan", e.OPTIMIZATIONS = "optimizations", e.PROTOCOLS = "protocols", e.RULER = "ruler", e.SCALE = "scale", e.FACEBOOK = "facebook", e.HEART_FILL = "heart-fill", e.HEART = "heart", e.INSTAGRAM = "instagram", e.STAR_FILL = "star-fill", e.STAR_HALF = "star-half", e.STAR_OUTLINE = "star-outline", e.STAR = "star", e.X = "x", e))(te || {});
+const ro = {
   "alert-error-fill": "action",
   "alert-error": "action",
   check: "action",
@@ -449,194 +393,304 @@ const go = {
   star: "social",
   x: "social"
 };
-function bo(e) {
-  return e ? Object.values(oe).includes(e) : !1;
+function ao(e) {
+  return e ? Object.values(te).includes(e) : !1;
 }
-const j = K(({ name: e, className: l }) => {
-  const [s, i] = ee(null);
-  return fe(() => {
+const k = fe(({ name: e, className: s }) => {
+  const [n, c] = oe(null);
+  return ve(() => {
     let r = !0;
-    return bo(e) && po(/* @__PURE__ */ Object.assign({ "../../icons/action/alert-error-fill.svg": () => import("./alert-error-fill-U8xX1bHm.mjs"), "../../icons/action/alert-error.svg": () => import("./alert-error-Cj1EJqVI.mjs"), "../../icons/action/check.svg": () => import("./check-DgSDfN0C.mjs"), "../../icons/action/circle-check-fill.svg": () => import("./circle-check-fill-BpCT79Im.mjs"), "../../icons/action/circle-check.svg": () => import("./circle-check-DHexNVPG.mjs"), "../../icons/action/close.svg": () => import("./close-xFwzmg9D.mjs"), "../../icons/action/help.svg": () => import("./help-CRE_5jm0.mjs"), "../../icons/action/info.svg": () => import("./info-BPzOhkwO.mjs"), "../../icons/action/menu.svg": () => import("./menu-wBs3KiRN.mjs"), "../../icons/action/plus.svg": () => import("./plus-a8IJH0Cb.mjs"), "../../icons/action/remove.svg": () => import("./remove-DjaRY7q_.mjs"), "../../icons/action/search.svg": () => import("./search-CH3bboSY.mjs"), "../../icons/action/warning.svg": () => import("./warning-DXASuaUB.mjs"), "../../icons/arrow/arrow-back.svg": () => import("./arrow-back-RB9oG9bb.mjs"), "../../icons/arrow/arrow-downward.svg": () => import("./arrow-downward-BZo-WiCP.mjs"), "../../icons/arrow/arrow-forward.svg": () => import("./arrow-forward-vO9RZVmB.mjs"), "../../icons/arrow/arrow-insert.svg": () => import("./arrow-insert-DERGBPT7.mjs"), "../../icons/arrow/arrow-outward.svg": () => import("./arrow-outward-DrIR5DwI.mjs"), "../../icons/arrow/arrow-return.svg": () => import("./arrow-return-8q22es7-.mjs"), "../../icons/arrow/arrow-upward.svg": () => import("./arrow-upward-DC1FfPA9.mjs"), "../../icons/arrow/chevron-back.svg": () => import("./chevron-back-DFWam-ts.mjs"), "../../icons/arrow/chevron-down.svg": () => import("./chevron-down-BwRGeXBx.mjs"), "../../icons/arrow/chevron-forward.svg": () => import("./chevron-forward-DiyG4R25.mjs"), "../../icons/arrow/chevron-up.svg": () => import("./chevron-up-OrVl2KYe.mjs"), "../../icons/chat/message-fill.svg": () => import("./message-fill-34t0rhm0.mjs"), "../../icons/chat/message.svg": () => import("./message-CJ_CwgNl.mjs"), "../../icons/eCommerce/calendar.svg": () => import("./calendar-B-r7jdWd.mjs"), "../../icons/eCommerce/cart.svg": () => import("./cart-DPCejEA4.mjs"), "../../icons/eCommerce/package-fill.svg": () => import("./package-fill-DJC-nVX4.mjs"), "../../icons/eCommerce/package.svg": () => import("./package-Cojp3ziE.mjs"), "../../icons/faces/smile-fill.svg": () => import("./smile-fill-BZ1FEIkr.mjs"), "../../icons/faces/smile.svg": () => import("./smile-DWJE9lLu.mjs"), "../../icons/global/filter.svg": () => import("./filter-Bb2_rnBk.mjs"), "../../icons/global/pin-drop.svg": () => import("./pin-drop-CjDxWRyc.mjs"), "../../icons/indicators/circle-dash-fill.svg": () => import("./circle-dash-fill-B15ve9gd.mjs"), "../../icons/indicators/circle-dash.svg": () => import("./circle-dash-C0Qv0BFy.mjs"), "../../icons/map/pin-drop.svg": () => import("./pin-drop-Cynj8Kyw.mjs"), "../../icons/medical/coaching.svg": () => import("./coaching-ZyIaz-XN.mjs"), "../../icons/medical/labs.svg": () => import("./labs-C5ACTgZS.mjs"), "../../icons/medical/myspan.svg": () => import("./myspan-BtBinWuo.mjs"), "../../icons/medical/optimizations.svg": () => import("./optimizations-CFu6WZmF.mjs"), "../../icons/medical/protocols.svg": () => import("./protocols-DioVdawg.mjs"), "../../icons/medical/ruler.svg": () => import("./ruler-DHuaS0jU.mjs"), "../../icons/medical/scale.svg": () => import("./scale-CN9HwBjw.mjs"), "../../icons/social/facebook.svg": () => import("./facebook-DV78ip19.mjs"), "../../icons/social/heart-fill.svg": () => import("./heart-fill-BVOsSRde.mjs"), "../../icons/social/heart.svg": () => import("./heart-D7sVKHkl.mjs"), "../../icons/social/instagram.svg": () => import("./instagram-D3uUNPQP.mjs"), "../../icons/social/star-fill.svg": () => import("./star-fill-CSTfd32v.mjs"), "../../icons/social/star-half.svg": () => import("./star-half-BF2SarPm.mjs"), "../../icons/social/star-outline.svg": () => import("./star-outline-CYXUJP23.mjs"), "../../icons/social/star.svg": () => import("./star-BUndwhBG.mjs"), "../../icons/social/x.svg": () => import("./x-BXPNdkKc.mjs") }), `../../icons/${go[e]}/${e}.svg`, 5).then((c) => {
-      r && i(c);
+    return ao(e) && to(/* @__PURE__ */ Object.assign({ "../../icons/action/alert-error-fill.svg": () => import("./alert-error-fill-U8xX1bHm.mjs"), "../../icons/action/alert-error.svg": () => import("./alert-error-Cj1EJqVI.mjs"), "../../icons/action/check.svg": () => import("./check-DgSDfN0C.mjs"), "../../icons/action/circle-check-fill.svg": () => import("./circle-check-fill-BpCT79Im.mjs"), "../../icons/action/circle-check.svg": () => import("./circle-check-DHexNVPG.mjs"), "../../icons/action/close.svg": () => import("./close-xFwzmg9D.mjs"), "../../icons/action/help.svg": () => import("./help-CRE_5jm0.mjs"), "../../icons/action/info.svg": () => import("./info-BPzOhkwO.mjs"), "../../icons/action/menu.svg": () => import("./menu-wBs3KiRN.mjs"), "../../icons/action/plus.svg": () => import("./plus-a8IJH0Cb.mjs"), "../../icons/action/remove.svg": () => import("./remove-DjaRY7q_.mjs"), "../../icons/action/search.svg": () => import("./search-CH3bboSY.mjs"), "../../icons/action/warning.svg": () => import("./warning-DXASuaUB.mjs"), "../../icons/arrow/arrow-back.svg": () => import("./arrow-back-RB9oG9bb.mjs"), "../../icons/arrow/arrow-downward.svg": () => import("./arrow-downward-BZo-WiCP.mjs"), "../../icons/arrow/arrow-forward.svg": () => import("./arrow-forward-vO9RZVmB.mjs"), "../../icons/arrow/arrow-insert.svg": () => import("./arrow-insert-DERGBPT7.mjs"), "../../icons/arrow/arrow-outward.svg": () => import("./arrow-outward-DrIR5DwI.mjs"), "../../icons/arrow/arrow-return.svg": () => import("./arrow-return-8q22es7-.mjs"), "../../icons/arrow/arrow-upward.svg": () => import("./arrow-upward-DC1FfPA9.mjs"), "../../icons/arrow/chevron-back.svg": () => import("./chevron-back-DFWam-ts.mjs"), "../../icons/arrow/chevron-down.svg": () => import("./chevron-down-BwRGeXBx.mjs"), "../../icons/arrow/chevron-forward.svg": () => import("./chevron-forward-DiyG4R25.mjs"), "../../icons/arrow/chevron-up.svg": () => import("./chevron-up-OrVl2KYe.mjs"), "../../icons/chat/message-fill.svg": () => import("./message-fill-34t0rhm0.mjs"), "../../icons/chat/message.svg": () => import("./message-CJ_CwgNl.mjs"), "../../icons/eCommerce/calendar.svg": () => import("./calendar-B-r7jdWd.mjs"), "../../icons/eCommerce/cart.svg": () => import("./cart-DPCejEA4.mjs"), "../../icons/eCommerce/package-fill.svg": () => import("./package-fill-DJC-nVX4.mjs"), "../../icons/eCommerce/package.svg": () => import("./package-Cojp3ziE.mjs"), "../../icons/faces/smile-fill.svg": () => import("./smile-fill-BZ1FEIkr.mjs"), "../../icons/faces/smile.svg": () => import("./smile-DWJE9lLu.mjs"), "../../icons/global/filter.svg": () => import("./filter-Bb2_rnBk.mjs"), "../../icons/global/pin-drop.svg": () => import("./pin-drop-CjDxWRyc.mjs"), "../../icons/indicators/circle-dash-fill.svg": () => import("./circle-dash-fill-B15ve9gd.mjs"), "../../icons/indicators/circle-dash.svg": () => import("./circle-dash-C0Qv0BFy.mjs"), "../../icons/map/pin-drop.svg": () => import("./pin-drop-Cynj8Kyw.mjs"), "../../icons/medical/coaching.svg": () => import("./coaching-ZyIaz-XN.mjs"), "../../icons/medical/labs.svg": () => import("./labs-C5ACTgZS.mjs"), "../../icons/medical/myspan.svg": () => import("./myspan-BtBinWuo.mjs"), "../../icons/medical/optimizations.svg": () => import("./optimizations-CFu6WZmF.mjs"), "../../icons/medical/protocols.svg": () => import("./protocols-DioVdawg.mjs"), "../../icons/medical/ruler.svg": () => import("./ruler-DHuaS0jU.mjs"), "../../icons/medical/scale.svg": () => import("./scale-CN9HwBjw.mjs"), "../../icons/social/facebook.svg": () => import("./facebook-DV78ip19.mjs"), "../../icons/social/heart-fill.svg": () => import("./heart-fill-BVOsSRde.mjs"), "../../icons/social/heart.svg": () => import("./heart-D7sVKHkl.mjs"), "../../icons/social/instagram.svg": () => import("./instagram-D3uUNPQP.mjs"), "../../icons/social/star-fill.svg": () => import("./star-fill-CSTfd32v.mjs"), "../../icons/social/star-half.svg": () => import("./star-half-BF2SarPm.mjs"), "../../icons/social/star-outline.svg": () => import("./star-outline-CYXUJP23.mjs"), "../../icons/social/star.svg": () => import("./star-BUndwhBG.mjs"), "../../icons/social/x.svg": () => import("./x-BXPNdkKc.mjs") }), `../../icons/${ro[e]}/${e}.svg`, 5).then((l) => {
+      r && c(l);
     }), () => {
       r = !1;
     };
-  }, [e]), s ? he(s.default, { className: l }) : /* @__PURE__ */ t.jsx("div", { className: l, children: "💡" });
-}), fo = "tag-module__tag___04JA1", ho = "tag-module__md___Vi5U2", vo = "tag-module__lg___AaJGY", yo = "tag-module__active___Bc0bb", Ro = "tag-module__content___uaFwG", wo = "tag-module__iconWrap___viC8K", A = {
-  tag: fo,
-  md: ho,
-  lg: vo,
-  active: yo,
-  content: Ro,
-  iconWrap: wo
-}, ko = {
-  md: v.labelMd,
-  lg: v.labelLg
-}, To = ({ value: e, children: l, active: s, disabled: i, size: r = "md", prefixIcon: c, suffixIcon: n, onClick: d }) => /* @__PURE__ */ t.jsx(
+  }, [e]), n ? ye(n.default, { className: s }) : /* @__PURE__ */ t.jsx("div", { className: s, children: "💡" });
+}), so = "button-module__button___JyfZW", no = "button-module__primary___ggjlO", lo = "button-module__secondary___Q4I1z", io = "button-module__muted___DbVhc", co = "button-module__ghost___Dp7F-", _o = "button-module__xs___hb8XV", uo = "button-module__sm___nin2b", mo = "button-module__md___0nyD0", po = "button-module__lg___UZ-tP", go = "button-module__disabled___S7XlI", bo = "button-module__content___FFCUI", ho = "button-module__iconWrap___PI655", w = {
+  button: so,
+  primary: no,
+  "primary-invert": "button-module__primary-invert___UQj7h",
+  secondary: lo,
+  muted: io,
+  "muted-invert": "button-module__muted-invert___0nBJw",
+  ghost: co,
+  xs: _o,
+  sm: uo,
+  md: mo,
+  lg: po,
+  disabled: go,
+  content: bo,
+  iconWrap: ho
+}, re = Re(({
+  variant: e = "primary",
+  size: s = "md",
+  as: n = "button",
+  disabled: c = !1,
+  children: r,
+  prefixIcon: l,
+  suffixIcon: i,
+  ...d
+}, S) => {
+  const L = w[e] || "", P = w[s] || "", M = c ? w.disabled : "";
+  return /* @__PURE__ */ t.jsx(
+    n,
+    {
+      ref: S,
+      ...d,
+      className: p(
+        w.button,
+        L,
+        P,
+        M
+      ),
+      disabled: c,
+      children: /* @__PURE__ */ t.jsxs("div", { className: w.content, children: [
+        l && /* @__PURE__ */ t.jsx("div", { className: w.iconWrap, children: /* @__PURE__ */ t.jsx(k, { name: l }) }),
+        /* @__PURE__ */ t.jsx("div", { children: r }),
+        i && /* @__PURE__ */ t.jsx("div", { className: w.iconWrap, children: /* @__PURE__ */ t.jsx(k, { name: i }) })
+      ] })
+    }
+  );
+});
+re.displayName = "Button";
+const fo = "label-module__root___b704i", vo = {
+  root: fo
+}, yo = {
+  sm: h.labelXs,
+  lg: h.labelSm
+}, ft = ({ children: e, color: s, size: n = "sm" }) => /* @__PURE__ */ t.jsx(
+  "div",
+  {
+    className: p(
+      vo.root,
+      h.labelEmphasis,
+      yo[n]
+    ),
+    "data-size": n,
+    "data-color": s,
+    children: e
+  }
+), Ro = "tag-module__tag___04JA1", wo = "tag-module__md___Vi5U2", ko = "tag-module__lg___AaJGY", To = "tag-module__active___Bc0bb", jo = "tag-module__content___uaFwG", xo = "tag-module__iconWrap___viC8K", j = {
+  tag: Ro,
+  md: wo,
+  lg: ko,
+  active: To,
+  content: jo,
+  iconWrap: xo
+}, Ao = {
+  md: h.labelMd,
+  lg: h.labelLg
+}, Co = ({ value: e, children: s, active: n, disabled: c, size: r = "md", prefixIcon: l, suffixIcon: i, onClick: d }) => /* @__PURE__ */ t.jsx(
   "button",
   {
-    className: b(
-      A.tag,
-      ko[r],
-      { [A.active]: s },
-      A[r]
+    className: p(
+      j.tag,
+      Ao[r],
+      { [j.active]: n },
+      j[r]
     ),
-    disabled: i,
+    disabled: c,
     onClick: () => d(e),
-    children: /* @__PURE__ */ t.jsxs("div", { className: A.content, children: [
-      c && /* @__PURE__ */ t.jsx("div", { className: A.iconWrap, children: /* @__PURE__ */ t.jsx(j, { name: c }) }),
-      /* @__PURE__ */ t.jsx("p", { children: l }),
-      n && /* @__PURE__ */ t.jsx("div", { className: A.iconWrap, children: /* @__PURE__ */ t.jsx(j, { name: n }) })
+    children: /* @__PURE__ */ t.jsxs("div", { className: j.content, children: [
+      l && /* @__PURE__ */ t.jsx("div", { className: j.iconWrap, children: /* @__PURE__ */ t.jsx(k, { name: l }) }),
+      /* @__PURE__ */ t.jsx("p", { children: s }),
+      i && /* @__PURE__ */ t.jsx("div", { className: j.iconWrap, children: /* @__PURE__ */ t.jsx(k, { name: i }) })
     ] })
   }
-), Ao = "tabs-module__container___NRX40", So = "tabs-module__tab___McM3m", xo = "tabs-module__sm___m4fiR", jo = "tabs-module__lg___SVeHo", Eo = "tabs-module__inverted___CBzom", Lo = "tabs-module__disabled___AXCIC", Co = "tabs-module__bottom___Ho7ee", Oo = "tabs-module__top___jthT8", Po = "tabs-module__activeTab___MHq7V", Mo = "tabs-module__brackets___37Jhe", Wo = "tabs-module__iconWrap___RY5wP", h = {
-  container: Ao,
-  tab: So,
-  sm: xo,
-  lg: jo,
-  inverted: Eo,
-  disabled: Lo,
-  bottom: Co,
-  top: Oo,
-  activeTab: Po,
-  brackets: Mo,
-  iconWrap: Wo
+), So = "tabs-module__container___NRX40", Lo = "tabs-module__tab___McM3m", Eo = "tabs-module__sm___m4fiR", Oo = "tabs-module__lg___SVeHo", Po = "tabs-module__inverted___CBzom", Mo = "tabs-module__disabled___AXCIC", No = "tabs-module__bottom___Ho7ee", Wo = "tabs-module__top___jthT8", Xo = "tabs-module__activeTab___MHq7V", $o = "tabs-module__brackets___37Jhe", Fo = "tabs-module__iconWrap___RY5wP", b = {
+  container: So,
+  tab: Lo,
+  sm: Eo,
+  lg: Oo,
+  inverted: Po,
+  disabled: Mo,
+  bottom: No,
+  top: Wo,
+  activeTab: Xo,
+  brackets: $o,
+  iconWrap: Fo
 };
-function sr({
+function vt({
   activeTab: e,
-  tabs: l,
-  onTabClick: s,
-  size: i = "sm",
+  tabs: s,
+  onTabClick: n,
+  size: c = "sm",
   activeLinePosition: r = "bottom",
-  inverted: c
+  inverted: l
 }) {
-  return /* @__PURE__ */ t.jsx(
-    "div",
+  return /* @__PURE__ */ t.jsx("div", { className: b.container, children: s.map((i) => /* @__PURE__ */ t.jsxs(
+    "button",
     {
-      className: h.container,
-      children: l.map((n) => /* @__PURE__ */ t.jsxs(
-        "button",
+      className: p(
+        b.tab,
+        b[c],
         {
-          className: b(
-            h.tab,
-            h[i],
-            {
-              [h.inverted]: c,
-              [h.activeTab]: e === n.value,
-              [h.disabled]: n.disabled,
-              [h.brackets]: i === "lg" && e === n.value && l.length > 1
-            },
-            h[r],
-            n.className
-          ),
-          disabled: n.disabled,
-          onClick: () => s(n.value),
-          children: [
-            n.prefixIcon && /* @__PURE__ */ t.jsx("div", { className: h.iconWrap, children: /* @__PURE__ */ t.jsx(j, { name: n.prefixIcon }) }),
-            /* @__PURE__ */ t.jsx("div", { children: n.label }),
-            n.suffixIcon && /* @__PURE__ */ t.jsx("div", { className: h.iconWrap, children: /* @__PURE__ */ t.jsx(j, { name: n.suffixIcon }) })
-          ]
+          [b.inverted]: l,
+          [b.activeTab]: e === i.value,
+          [b.disabled]: i.disabled,
+          [b.brackets]: c === "lg" && e === i.value && s.length > 1
         },
-        String(n.value)
-      ))
-    }
-  );
+        b[r],
+        i.className
+      ),
+      disabled: i.disabled,
+      onClick: () => n(i.value),
+      children: [
+        i.prefixIcon && /* @__PURE__ */ t.jsx("div", { className: b.iconWrap, children: /* @__PURE__ */ t.jsx(k, { name: i.prefixIcon }) }),
+        /* @__PURE__ */ t.jsx("div", { children: i.label }),
+        i.suffixIcon && /* @__PURE__ */ t.jsx("div", { className: b.iconWrap, children: /* @__PURE__ */ t.jsx(k, { name: i.suffixIcon }) })
+      ]
+    },
+    String(i.value)
+  )) });
 }
-const Xo = (e) => /* @__PURE__ */ y.createElement("svg", { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ y.createElement("g", { clipPath: "url(#clip0_984_190)" }, /* @__PURE__ */ y.createElement("path", { d: "M10 3.3496L6.73464 0.0842285L6 0.818839L9.2654 4.08423L10 3.3496Z" }), /* @__PURE__ */ y.createElement("path", { d: "M3.26537 0.0842285L0 3.34962L0.734613 4.08423L4 0.818844L3.26537 0.0842285Z" }), /* @__PURE__ */ y.createElement("path", { d: "M9.2654 6.08423L6 9.34962L6.7346 10.0842L10 6.81883L9.2654 6.08423Z" }), /* @__PURE__ */ y.createElement("path", { d: "M4 9.34959L0.734618 6.08423L0 6.81886L3.2654 10.0842L4 9.34959Z" })), /* @__PURE__ */ y.createElement("defs", null, /* @__PURE__ */ y.createElement("clipPath", { id: "clip0_984_190" }, /* @__PURE__ */ y.createElement("rect", { width: 10, height: 10, fill: "white" })))), Do = "typeBadge-module__typeBadge___Jxk0v", Fo = "typeBadge-module__badgeIcon___BIDN2", Q = {
-  typeBadge: Do,
-  badgeIcon: Fo
-}, nr = ({
+const Do = (e) => /* @__PURE__ */ f.createElement("svg", { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ f.createElement("g", { clipPath: "url(#clip0_984_190)" }, /* @__PURE__ */ f.createElement("path", { d: "M10 3.3496L6.73464 0.0842285L6 0.818839L9.2654 4.08423L10 3.3496Z" }), /* @__PURE__ */ f.createElement("path", { d: "M3.26537 0.0842285L0 3.34962L0.734613 4.08423L4 0.818844L3.26537 0.0842285Z" }), /* @__PURE__ */ f.createElement("path", { d: "M9.2654 6.08423L6 9.34962L6.7346 10.0842L10 6.81883L9.2654 6.08423Z" }), /* @__PURE__ */ f.createElement("path", { d: "M4 9.34959L0.734618 6.08423L0 6.81886L3.2654 10.0842L4 9.34959Z" })), /* @__PURE__ */ f.createElement("defs", null, /* @__PURE__ */ f.createElement("clipPath", { id: "clip0_984_190" }, /* @__PURE__ */ f.createElement("rect", { width: 10, height: 10, fill: "white" })))), Bo = "typeBadge-module__typeBadge___Jxk0v", Go = "typeBadge-module__badgeIcon___BIDN2", ee = {
+  typeBadge: Bo,
+  badgeIcon: Go
+}, yt = ({
   type: e = "senescence"
   /* SENESCENCE */
-}) => /* @__PURE__ */ t.jsx("div", { className: Q.typeBadge, "data-type": e, children: /* @__PURE__ */ t.jsx(Xo, { className: Q.badgeIcon }) }), No = "contentTabs-module__root___vJVGt", $o = "contentTabs-module__tabWrap___jwBNf", Bo = "contentTabs-module__tab___oMzRn", Yo = "contentTabs-module__light___LyVtp", Ho = "contentTabs-module__dark___-VJo6", Vo = "contentTabs-module__activeTab___0Uvh6", Uo = "contentTabs-module__icon___nyuv-", Go = "contentTabs-module__description___sM2G-", Jo = "contentTabs-module__descriptionActive___aa8C1", w = {
-  root: No,
-  tabWrap: $o,
-  tab: Bo,
-  light: Yo,
-  dark: Ho,
-  activeTab: Vo,
-  icon: Uo,
-  description: Go,
-  descriptionActive: Jo
+}) => /* @__PURE__ */ t.jsx("div", { className: ee.typeBadge, "data-type": e, children: /* @__PURE__ */ t.jsx(Do, { className: ee.badgeIcon }) }), Ho = "contentTabs-module__root___vJVGt", Yo = "contentTabs-module__tabWrap___jwBNf", Uo = "contentTabs-module__tab___oMzRn", Vo = "contentTabs-module__light___LyVtp", Io = "contentTabs-module__dark___-VJo6", Jo = "contentTabs-module__activeTab___0Uvh6", zo = "contentTabs-module__icon___nyuv-", Zo = "contentTabs-module__description___sM2G-", qo = "contentTabs-module__descriptionActive___aa8C1", R = {
+  root: Ho,
+  tabWrap: Yo,
+  tab: Uo,
+  light: Vo,
+  dark: Io,
+  activeTab: Jo,
+  icon: zo,
+  description: Zo,
+  descriptionActive: qo
 };
-function lr({ tabs: e, activeTab: l, style: s, onTabClick: i }) {
-  return /* @__PURE__ */ t.jsx("div", { className: b(w.root, w[s]), children: e.map((r) => /* @__PURE__ */ t.jsxs("div", { className: w.tabWrap, children: [
+function Rt({ tabs: e, activeTab: s, style: n, onTabClick: c }) {
+  return /* @__PURE__ */ t.jsx("div", { className: p(R.root, R[n]), children: e.map((r) => /* @__PURE__ */ t.jsxs("div", { className: R.tabWrap, children: [
     /* @__PURE__ */ t.jsxs(
       "button",
       {
-        className: b(w.tab, { [w.activeTab]: l === r.value }),
-        onClick: () => i(r.value),
+        className: p(R.tab, { [R.activeTab]: s === r.value }),
+        onClick: () => c(r.value),
         children: [
-          r.icon && /* @__PURE__ */ t.jsx("div", { className: w.icon, children: /* @__PURE__ */ t.jsx(j, { name: r.icon }) }),
-          /* @__PURE__ */ t.jsx("div", { className: v.headingSm, children: r.label })
+          r.icon && /* @__PURE__ */ t.jsx("div", { className: R.icon, children: /* @__PURE__ */ t.jsx(k, { name: r.icon }) }),
+          /* @__PURE__ */ t.jsx("div", { className: h.headingSm, children: r.label })
         ]
       }
     ),
     /* @__PURE__ */ t.jsx(
       "p",
       {
-        className: b(
-          w.description,
-          { [w.descriptionActive]: l === r.value },
-          v.bodySm
+        className: p(
+          R.description,
+          { [R.descriptionActive]: s === r.value },
+          h.bodySm
         ),
         children: r.description
       }
     )
   ] }, String(r.value))) });
 }
-const zo = "yourProtocol-module__root___Q35lO", Zo = "yourProtocol-module__content___mMf6R", qo = "yourProtocol-module__title___xNPOR", Io = "yourProtocol-module__tags___jc-o6", Qo = "yourProtocol-module__image___fVaOZ", Ko = "yourProtocol-module__mobile___g7AAQ", er = "yourProtocol-module__description___Wab-a", or = "yourProtocol-module__callback___bvu49", rr = "yourProtocol-module__desktop___pl-rW", p = {
-  root: zo,
-  content: Zo,
-  title: qo,
-  tags: Io,
-  image: Qo,
-  mobile: Ko,
-  description: er,
-  callback: or,
-  desktop: rr
-}, ir = K(({ title: e, image: l, tags: s, callbackView: i }) => {
-  var d;
-  const [r, c] = ee(((d = s[0]) == null ? void 0 : d.label) || null), n = ve(() => {
-    var g;
-    return (g = s.find((k) => k.label === r)) == null ? void 0 : g.description;
-  }, [r, s]);
-  return /* @__PURE__ */ t.jsxs("div", { className: p.root, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: p.content, children: [
-      /* @__PURE__ */ t.jsx(C, { as: "h2", variant: "displayMd", className: b(p.title, p.desktop), children: e }),
-      /* @__PURE__ */ t.jsx(C, { as: "h2", variant: "headingXl", className: b(p.title, p.mobile), children: e }),
-      /* @__PURE__ */ t.jsx("div", { className: p.tags, children: s.map((g) => /* @__PURE__ */ t.jsx(
-        To,
+const Qo = (e, s = "usd") => new Intl.NumberFormat("en", {
+  style: "currency",
+  currency: s
+}).format(e), Ko = "productGalleryCard-module__root___oGJjs", et = "productGalleryCard-module__productInfo___IZeoL", ot = "productGalleryCard-module__buttonContainer___0D5Ov", tt = "productGalleryCard-module__title___dnRaF", rt = "productGalleryCard-module__price___dNy0O", at = "productGalleryCard-module__productImage___uSNso", x = {
+  root: Ko,
+  productInfo: et,
+  buttonContainer: ot,
+  title: tt,
+  price: rt,
+  productImage: at
+}, wt = ({
+  title: e,
+  price: s,
+  image: n,
+  buttons: c,
+  link: r
+}) => {
+  const l = (i) => {
+    i.preventDefault(), i.stopPropagation();
+  };
+  return /* @__PURE__ */ t.jsxs("a", { href: r, target: "_blank", rel: "noopener noreferrer", className: x.root, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: x.productInfo, children: [
+      /* @__PURE__ */ t.jsx(C, { variant: "bodyXl", className: x.title, children: e }),
+      /* @__PURE__ */ t.jsxs(
+        C,
         {
-          value: g.label,
-          size: "md",
-          active: g.label === r,
-          onClick: c,
-          children: g.label
-        },
-        g.label
-      )) }),
-      n && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsx(C, { as: "p", variant: "bodyLg", className: b(p.description, p.desktop), children: n }),
-        /* @__PURE__ */ t.jsx(C, { as: "p", variant: "bodyMd", className: b(p.description, p.mobile), children: n })
-      ] }),
-      /* @__PURE__ */ t.jsx("div", { className: p.callback, children: "TODO: Callback ZEN-392" })
+          variant: "bodyXl",
+          className: x.price,
+          children: [
+            Qo(s.amount),
+            "/",
+            s.period
+          ]
+        }
+      )
     ] }),
-    /* @__PURE__ */ t.jsx("img", { src: l, alt: "Your Protocol", className: b(p.image, p.desktop), width: 481, height: 640 })
+    /* @__PURE__ */ t.jsx("img", { src: n, alt: "product image", className: x.productImage }),
+    /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        onClick: l,
+        className: x.buttonContainer,
+        children: c.map((i, d) => /* @__PURE__ */ t.jsx(re, { ...i, children: i.label }, d))
+      }
+    )
   ] });
-});
+}, st = "protocolTags-module__root___q4ybt", nt = "protocolTags-module__tags___aaJJA", lt = "protocolTags-module__mobile___4hH2G", it = "protocolTags-module__desktop___kl9fI", A = {
+  root: st,
+  tags: nt,
+  mobile: lt,
+  desktop: it
+}, ct = ({ tags: e }) => {
+  var r;
+  const [s, n] = oe(((r = e[0]) == null ? void 0 : r.label) || null), c = we(() => {
+    var l;
+    return (l = e.find((i) => i.label === s)) == null ? void 0 : l.description;
+  }, [s, e]);
+  return /* @__PURE__ */ t.jsxs("div", { className: A.root, children: [
+    /* @__PURE__ */ t.jsx("div", { className: A.tags, children: e.map((l) => /* @__PURE__ */ t.jsx(
+      Co,
+      {
+        value: l.label,
+        size: "md",
+        active: l.label === s,
+        onClick: n,
+        children: l.label
+      },
+      l.label
+    )) }),
+    c && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(C, { as: "p", variant: "bodyLg", className: p(A.description, A.desktop), children: c }),
+      /* @__PURE__ */ t.jsx(C, { as: "p", variant: "bodyMd", className: p(A.description, A.mobile), children: c })
+    ] })
+  ] });
+}, _t = "yourProtocol-module__root___Q35lO", dt = "yourProtocol-module__content___mMf6R", ut = "yourProtocol-module__title___xNPOR", mt = "yourProtocol-module__image___fVaOZ", pt = "yourProtocol-module__mobile___g7AAQ", gt = "yourProtocol-module__callback___bvu49", bt = "yourProtocol-module__desktop___pl-rW", v = {
+  root: _t,
+  content: dt,
+  title: ut,
+  image: mt,
+  mobile: pt,
+  callback: gt,
+  desktop: bt
+}, kt = ({ title: e, image: s, tags: n, callbackView: c }) => /* @__PURE__ */ t.jsxs("div", { className: v.root, children: [
+  /* @__PURE__ */ t.jsxs("div", { className: v.content, children: [
+    /* @__PURE__ */ t.jsx(C, { as: "h2", variant: "displayMd", className: p(v.title, v.desktop), children: e }),
+    /* @__PURE__ */ t.jsx(C, { as: "h2", variant: "headingXl", className: p(v.title, v.mobile), children: e }),
+    /* @__PURE__ */ t.jsx(ct, { tags: n }),
+    /* @__PURE__ */ t.jsx("div", { className: v.callback, children: "TODO: Callback ZEN-392" })
+  ] }),
+  /* @__PURE__ */ t.jsx("img", { src: s, alt: "Your Protocol", className: p(v.image, v.desktop), width: 481, height: 640 })
+] });
 export {
-  co as Button,
-  lr as ContentTabs,
-  j as Icon,
-  ar as Label,
-  sr as Tabs,
-  To as Tag,
-  nr as TypeBadge,
+  re as Button,
+  Rt as ContentTabs,
+  k as Icon,
+  ft as Label,
+  wt as ProductGalleryCard,
+  vt as Tabs,
+  Co as Tag,
+  yt as TypeBadge,
   C as Typography,
-  ir as YourProtocol,
-  b as cn,
-  bo as isHsIcon,
-  v as typography
+  kt as YourProtocol,
+  p as cn,
+  ao as isHsIcon,
+  h as typography
 };
 //# sourceMappingURL=healthspan-ui.es.js.map