@zenpatient-org/healthspan-marketing-ui 0.1.0 → 0.1.2

package/dist/healthspan-ui.es.js

@@ -1,37 +1,38 @@
-import ae, { forwardRef as se } from "react";
-const le = "typography-module__displayXl___dx4Dh", _e = "typography-module__displayLg___3BQI2", ue = "typography-module__displayMd___-bNBw", ie = "typography-module__displaySm___BswNI", ce = "typography-module__displayXs___jcmVJ", de = "typography-module__headingXl___nAQFD", me = "typography-module__headingLg___Idt-Z", be = "typography-module__headingMd___c-Q0B", pe = "typography-module__headingSm___Q6zoR", ye = "typography-module__headingXs___fwDFl", fe = "typography-module__headingXxs___ghw1N", ge = "typography-module__preambleMd___CbYgI", he = "typography-module__preambleSm___yKGjq", Ee = "typography-module__bodyXl___m92AP", ve = "typography-module__bodyLg___Fz-Fo", Re = "typography-module__bodyMd___aH0Ph", Se = "typography-module__bodySm___4-7TJ", Te = "typography-module__bodyXs___uTpSs", ke = "typography-module__linkLg___xVngm", je = "typography-module__linkMd___82MQD", we = "typography-module__linkSm___LZ94B", xe = "typography-module__linkXs___-6Kd5", Ae = "typography-module__labelXl___jmHEl", Oe = "typography-module__labelLg___31xPj", Pe = "typography-module__labelMd___e3ni6", Ne = "typography-module__labelSm___AsYEH", Xe = "typography-module__labelXs___zgCHL", Ce = "typography-module__labelEmphasis___nbkyG", Me = "typography-module__weightRegular___F3ND2", Le = "typography-module__weightMedium___XpDfI", f = {
-  displayXl: le,
-  displayLg: _e,
-  displayMd: ue,
-  displaySm: ie,
-  displayXs: ce,
-  headingXl: de,
-  headingLg: me,
-  headingMd: be,
-  headingSm: pe,
-  headingXs: ye,
-  headingXxs: fe,
-  preambleMd: ge,
-  preambleSm: he,
-  bodyXl: Ee,
-  bodyLg: ve,
-  bodyMd: Re,
-  bodySm: Se,
-  bodyXs: Te,
-  linkLg: ke,
-  linkMd: je,
-  linkSm: we,
-  linkXs: xe,
-  labelXl: Ae,
-  labelLg: Oe,
-  labelMd: Pe,
+import * as f from "react";
+import de, { forwardRef as ue, memo as me, useState as pe, useLayoutEffect as ge, createElement as be } from "react";
+const fe = "typography-module__displayXl___dx4Dh", he = "typography-module__displayLg___3BQI2", ve = "typography-module__displayMd___-bNBw", ye = "typography-module__displaySm___BswNI", Re = "typography-module__displayXs___jcmVJ", we = "typography-module__headingXl___nAQFD", ke = "typography-module__headingLg___Idt-Z", Te = "typography-module__headingMd___c-Q0B", Ae = "typography-module__headingSm___Q6zoR", Se = "typography-module__headingXs___fwDFl", Ee = "typography-module__headingXxs___ghw1N", Le = "typography-module__preambleMd___CbYgI", Ce = "typography-module__preambleSm___yKGjq", xe = "typography-module__bodyXl___m92AP", Oe = "typography-module__bodyLg___Fz-Fo", je = "typography-module__bodyMd___aH0Ph", Pe = "typography-module__bodySm___4-7TJ", Me = "typography-module__bodyXs___uTpSs", We = "typography-module__linkLg___xVngm", Xe = "typography-module__linkMd___82MQD", De = "typography-module__linkSm___LZ94B", Fe = "typography-module__linkXs___-6Kd5", $e = "typography-module__labelXl___jmHEl", Be = "typography-module__labelLg___31xPj", He = "typography-module__labelMd___e3ni6", Ne = "typography-module__labelSm___AsYEH", Ye = "typography-module__labelXs___zgCHL", Ue = "typography-module__labelEmphasis___nbkyG", Ve = "typography-module__weightRegular___F3ND2", Ge = "typography-module__weightMedium___XpDfI", b = {
+  displayXl: fe,
+  displayLg: he,
+  displayMd: ve,
+  displaySm: ye,
+  displayXs: Re,
+  headingXl: we,
+  headingLg: ke,
+  headingMd: Te,
+  headingSm: Ae,
+  headingXs: Se,
+  headingXxs: Ee,
+  preambleMd: Le,
+  preambleSm: Ce,
+  bodyXl: xe,
+  bodyLg: Oe,
+  bodyMd: je,
+  bodySm: Pe,
+  bodyXs: Me,
+  linkLg: We,
+  linkMd: Xe,
+  linkSm: De,
+  linkXs: Fe,
+  labelXl: $e,
+  labelLg: Be,
+  labelMd: He,
   labelSm: Ne,
-  labelXs: Xe,
-  labelEmphasis: Ce,
-  weightRegular: Me,
-  weightMedium: Le
+  labelXs: Ye,
+  labelEmphasis: Ue,
+  weightRegular: Ve,
+  weightMedium: Ge
 };
-var T = { exports: {} }, E = {};
+var C = { exports: {} }, A = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -41,29 +42,29 @@ var T = { exports: {} }, E = {};
  * 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 Ie() {
-  if (z) return E;
-  z = 1;
-  var n = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
-  function o(i, a, l) {
-    var s = null;
-    if (l !== void 0 && (s = "" + l), a.key !== void 0 && (s = "" + a.key), "key" in a) {
+var J;
+function Je() {
+  if (J) return A;
+  J = 1;
+  var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function a(i, o, l) {
+    var c = null;
+    if (l !== void 0 && (c = "" + l), o.key !== void 0 && (c = "" + o.key), "key" in o) {
       l = {};
-      for (var d in a)
-        d !== "key" && (l[d] = a[d]);
-    } else l = a;
-    return a = l.ref, {
-      $$typeof: n,
+      for (var m in o)
+        m !== "key" && (l[m] = o[m]);
+    } else l = o;
+    return o = l.ref, {
+      $$typeof: e,
       type: i,
-      key: s,
-      ref: a !== void 0 ? a : null,
+      key: c,
+      ref: o !== void 0 ? o : null,
       props: l
     };
   }
-  return E.Fragment = c, E.jsx = o, E.jsxs = o, E;
+  return A.Fragment = n, A.jsx = a, A.jsxs = a, A;
 }
-var v = {};
+var S = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -73,364 +74,526 @@ var v = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var U;
-function $e() {
-  return U || (U = 1, process.env.NODE_ENV !== "production" && function() {
-    function n(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === re ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case w:
+var z;
+function ze() {
+  return z || (z = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(r) {
+      if (r == null) return null;
+      if (typeof r == "function")
+        return r.$$typeof === le ? null : r.displayName || r.name || null;
+      if (typeof r == "string") return r;
+      switch (r) {
+        case O:
           return "Fragment";
-        case q:
+        case ee:
           return "Profiler";
-        case B:
+        case Q:
           return "StrictMode";
-        case Z:
+        case ae:
           return "Suspense";
-        case K:
+        case se:
           return "SuspenseList";
-        case te:
+        case ie:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof r == "object")
+        switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case J:
+        ), r.$$typeof) {
+          case K:
             return "Portal";
-          case G:
-            return (e.displayName || "Context") + ".Provider";
-          case H:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case Q:
-            var t = e.render;
-            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ee:
-            return t = e.displayName || null, t !== null ? t : n(e.type) || "Memo";
-          case L:
-            t = e._payload, e = e._init;
+          case te:
+            return (r.displayName || "Context") + ".Provider";
+          case re:
+            return (r._context.displayName || "Context") + ".Consumer";
+          case oe:
+            var t = r.render;
+            return r = r.displayName, r || (r = t.displayName || t.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case ne:
+            return t = r.displayName || null, t !== null ? t : e(r.type) || "Memo";
+          case B:
+            t = r._payload, r = r._init;
             try {
-              return n(e(t));
+              return e(r(t));
             } catch {
             }
         }
       return null;
     }
-    function c(e) {
-      return "" + e;
+    function n(r) {
+      return "" + r;
     }
-    function o(e) {
+    function a(r) {
       try {
-        c(e);
+        n(r);
         var t = !1;
       } catch {
         t = !0;
       }
       if (t) {
         t = console;
-        var r = t.error, _ = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return r.call(
+        var _ = t.error, d = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return _.call(
           t,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          _
-        ), c(e);
+          d
+        ), n(r);
       }
     }
-    function i(e) {
-      if (e === w) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === L)
+    function i(r) {
+      if (r === O) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === B)
         return "<...>";
       try {
-        var t = n(e);
+        var t = e(r);
         return t ? "<" + t + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function a() {
-      var e = x.A;
-      return e === null ? null : e.getOwner();
+    function o() {
+      var r = j.A;
+      return r === null ? null : r.getOwner();
     }
     function l() {
       return Error("react-stack-top-frame");
     }
-    function s(e) {
-      if (I.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+    function c(r) {
+      if (H.call(r, "key")) {
+        var t = Object.getOwnPropertyDescriptor(r, "key").get;
         if (t && t.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return r.key !== void 0;
     }
-    function d(e, t) {
-      function r() {
-        $ || ($ = !0, console.error(
+    function m(r, t) {
+      function _() {
+        N || (N = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           t
         ));
       }
-      r.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: r,
+      _.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: _,
         configurable: !0
       });
     }
-    function g() {
-      var e = n(this.type);
-      return D[e] || (D[e] = !0, console.error(
+    function k() {
+      var r = e(this.type);
+      return Y[r] || (Y[r] = !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."
-      )), e = this.props.ref, e !== void 0 ? e : null;
+      )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function h(e, t, r, _, b, m, O, P) {
-      return r = m.ref, e = {
-        $$typeof: M,
-        type: e,
+    function T(r, t, _, d, h, p, M, W) {
+      return _ = p.ref, r = {
+        $$typeof: $,
+        type: r,
         key: t,
-        props: m,
-        _owner: b
-      }, (r !== void 0 ? r : null) !== null ? Object.defineProperty(e, "ref", {
+        props: p,
+        _owner: h
+      }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: g
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: k
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(r, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(r, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
-      }), Object.defineProperty(e, "_debugTask", {
+        value: M
+      }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: P
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: W
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function X(e, t, r, _, b, m, O, P) {
+    function D(r, t, _, d, h, p, M, W) {
       var u = t.children;
       if (u !== void 0)
-        if (_)
-          if (oe(u)) {
-            for (_ = 0; _ < u.length; _++)
-              C(u[_]);
+        if (d)
+          if (ce(u)) {
+            for (d = 0; d < u.length; d++)
+              F(u[d]);
             Object.freeze && Object.freeze(u);
           } 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 C(u);
-      if (I.call(t, "key")) {
-        u = n(e);
-        var y = Object.keys(t).filter(function(ne) {
-          return ne !== "key";
+        else F(u);
+      if (H.call(t, "key")) {
+        u = e(r);
+        var R = Object.keys(t).filter(function(_e) {
+          return _e !== "key";
         });
-        _ = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", W[u + _] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", G[u + d] || (R = 0 < R.length ? "{" + R.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          _,
+          d,
           u,
-          y,
+          R,
           u
-        ), W[u + _] = !0);
+        ), G[u + d] = !0);
       }
-      if (u = null, r !== void 0 && (o(r), u = "" + r), s(t) && (o(t.key), u = "" + t.key), "key" in t) {
-        r = {};
-        for (var N in t)
-          N !== "key" && (r[N] = t[N]);
-      } else r = t;
-      return u && d(
+      if (u = null, _ !== void 0 && (a(_), u = "" + _), c(t) && (a(t.key), u = "" + t.key), "key" in t) {
+        _ = {};
+        for (var X in t)
+          X !== "key" && (_[X] = t[X]);
+      } else _ = t;
+      return u && m(
+        _,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
+      ), T(
         r,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), h(
-        e,
         u,
-        m,
-        b,
-        a(),
-        r,
-        O,
-        P
+        p,
+        h,
+        o(),
+        _,
+        M,
+        W
       );
     }
-    function C(e) {
-      typeof e == "object" && e !== null && e.$$typeof === M && e._store && (e._store.validated = 1);
+    function F(r) {
+      typeof r == "object" && r !== null && r.$$typeof === $ && r._store && (r._store.validated = 1);
     }
-    var S = ae, M = Symbol.for("react.transitional.element"), J = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), B = Symbol.for("react.strict_mode"), q = Symbol.for("react.profiler"), H = Symbol.for("react.consumer"), G = Symbol.for("react.context"), Q = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), K = Symbol.for("react.suspense_list"), ee = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), te = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), x = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, oe = Array.isArray, A = console.createTask ? console.createTask : function() {
+    var L = de, $ = Symbol.for("react.transitional.element"), K = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), Q = Symbol.for("react.strict_mode"), ee = Symbol.for("react.profiler"), re = Symbol.for("react.consumer"), te = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), ae = Symbol.for("react.suspense"), se = Symbol.for("react.suspense_list"), ne = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), le = Symbol.for("react.client.reference"), j = L.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, ce = Array.isArray, P = console.createTask ? console.createTask : function() {
       return null;
     };
-    S = {
-      "react-stack-bottom-frame": function(e) {
-        return e();
+    L = {
+      "react-stack-bottom-frame": function(r) {
+        return r();
       }
     };
-    var $, D = {}, Y = S["react-stack-bottom-frame"].bind(
-      S,
+    var N, Y = {}, U = L["react-stack-bottom-frame"].bind(
+      L,
       l
-    )(), F = A(i(l)), W = {};
-    v.Fragment = w, v.jsx = function(e, t, r, _, b) {
-      var m = 1e4 > x.recentlyCreatedOwnerStacks++;
-      return X(
-        e,
-        t,
+    )(), V = P(i(l)), G = {};
+    S.Fragment = O, S.jsx = function(r, t, _, d, h) {
+      var p = 1e4 > j.recentlyCreatedOwnerStacks++;
+      return D(
         r,
-        !1,
+        t,
         _,
-        b,
-        m ? Error("react-stack-top-frame") : Y,
-        m ? A(i(e)) : F
+        !1,
+        d,
+        h,
+        p ? Error("react-stack-top-frame") : U,
+        p ? P(i(r)) : V
       );
-    }, v.jsxs = function(e, t, r, _, b) {
-      var m = 1e4 > x.recentlyCreatedOwnerStacks++;
-      return X(
-        e,
-        t,
+    }, S.jsxs = function(r, t, _, d, h) {
+      var p = 1e4 > j.recentlyCreatedOwnerStacks++;
+      return D(
         r,
-        !0,
+        t,
         _,
-        b,
-        m ? Error("react-stack-top-frame") : Y,
-        m ? A(i(e)) : F
+        !0,
+        d,
+        h,
+        p ? Error("react-stack-top-frame") : U,
+        p ? P(i(r)) : V
       );
     };
-  }()), v;
+  }()), S;
 }
-var V;
-function De() {
-  return V || (V = 1, process.env.NODE_ENV === "production" ? T.exports = Ie() : T.exports = $e()), T.exports;
+var Z;
+function Ze() {
+  return Z || (Z = 1, process.env.NODE_ENV === "production" ? C.exports = Je() : C.exports = ze()), C.exports;
 }
-var R = De();
-const j = (...n) => n.map((o) => typeof o == "string" ? o : o ? Object.keys(o).filter((l) => o[l]).join(" ") : "").filter((o) => !!o).join(" "), it = ({
-  variant: n,
-  children: c,
-  className: o = "",
+var s = Ze();
+const y = (...e) => e.map((a) => typeof a == "string" ? a : a ? Object.keys(a).filter((l) => a[l]).join(" ") : "").filter((a) => !!a).join(" "), Ur = ({
+  variant: e,
+  children: n,
+  className: a = "",
   weight: i,
-  emphasis: a = !1,
+  emphasis: o = !1,
   as: l = "span"
 }) => {
-  const s = f[n] || "";
-  let d = i;
-  a && !i && (d = "medium");
-  const g = d ? f[`weight${d.charAt(0).toUpperCase()}${d.slice(1)}`] : "", h = n.startsWith("label") && a ? f.labelEmphasis : "";
-  return /* @__PURE__ */ R.jsx(l, { className: j(s, g, h, o), children: c });
-}, Ye = "button-module__button___JyfZW", Fe = "button-module__primary___ggjlO", We = "button-module__secondary___Q4I1z", ze = "button-module__muted___DbVhc", Ue = "button-module__ghost___Dp7F-", Ve = "button-module__xs___hb8XV", Je = "button-module__sm___nin2b", Be = "button-module__md___0nyD0", qe = "button-module__lg___UZ-tP", He = "button-module__disabled___S7XlI", k = {
-  button: Ye,
-  primary: Fe,
+  const c = b[e] || "";
+  let m = i;
+  o && !i && (m = "medium");
+  const k = m ? b[`weight${m.charAt(0).toUpperCase()}${m.slice(1)}`] : "", T = e.startsWith("label") && o ? b.labelEmphasis : "";
+  return /* @__PURE__ */ s.jsx(l, { className: y(c, k, T, a), children: n });
+}, qe = "button-module__button___JyfZW", Ie = "button-module__primary___ggjlO", Ke = "button-module__secondary___Q4I1z", Qe = "button-module__muted___DbVhc", er = "button-module__ghost___Dp7F-", rr = "button-module__xs___hb8XV", tr = "button-module__sm___nin2b", or = "button-module__md___0nyD0", ar = "button-module__lg___UZ-tP", sr = "button-module__disabled___S7XlI", x = {
+  button: qe,
+  primary: Ie,
   "primary-invert": "button-module__primary-invert___UQj7h",
-  secondary: We,
-  muted: ze,
+  secondary: Ke,
+  muted: Qe,
   "muted-invert": "button-module__muted-invert___0nBJw",
-  ghost: Ue,
-  xs: Ve,
-  sm: Je,
-  md: Be,
-  lg: qe,
-  disabled: He
-}, Ge = se(({
-  variant: n = "primary",
-  size: c = "md",
-  as: o = "button",
+  ghost: er,
+  xs: rr,
+  sm: tr,
+  md: or,
+  lg: ar,
+  disabled: sr
+}, nr = ue(({
+  variant: e = "primary",
+  size: n = "md",
+  as: a = "button",
   disabled: i = !1,
-  children: a,
+  children: o,
   ...l
-}, s) => {
-  const d = k[n] || "", g = k[c] || "", h = i ? k.disabled : "";
-  return /* @__PURE__ */ R.jsx(
-    o,
+}, c) => {
+  const m = x[e] || "", k = x[n] || "", T = i ? x.disabled : "";
+  return /* @__PURE__ */ s.jsx(
+    a,
     {
-      ref: s,
+      ref: c,
       ...l,
-      className: j(
-        k.button,
-        d,
-        g,
-        h
+      className: y(
+        x.button,
+        m,
+        k,
+        T
       ),
       disabled: i,
-      children: a
+      children: o
     }
   );
 });
-Ge.displayName = "Button";
-const Qe = "label-module__root___b704i", Ze = {
-  root: Qe
-}, Ke = {
-  sm: f.labelXs,
-  lg: f.labelSm
-}, ct = ({ children: n, color: c, size: o = "sm" }) => /* @__PURE__ */ R.jsx(
+nr.displayName = "Button";
+const ir = "label-module__root___b704i", lr = {
+  root: ir
+}, cr = {
+  sm: b.labelXs,
+  lg: b.labelSm
+}, Vr = ({ children: e, color: n, size: a = "sm" }) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    className: j(
-      Ze.root,
-      f.labelEmphasis,
-      Ke[o]
+    className: y(
+      lr.root,
+      b.labelEmphasis,
+      cr[a]
     ),
-    "data-size": o,
-    "data-color": c,
-    children: n
+    "data-size": a,
+    "data-color": n,
+    children: e
   }
-), et = "tabs-module__container___NRX40", tt = "tabs-module__tab___McM3m", rt = "tabs-module__sm___m4fiR", ot = "tabs-module__lg___SVeHo", nt = "tabs-module__inverted___CBzom", at = "tabs-module__disabled___AXCIC", st = "tabs-module__bottom___Ho7ee", lt = "tabs-module__top___jthT8", _t = "tabs-module__activeTab___MHq7V", p = {
-  container: et,
-  tab: tt,
-  sm: rt,
-  lg: ot,
-  inverted: nt,
-  disabled: at,
-  bottom: st,
-  top: lt,
-  activeTab: _t
+), _r = (e, n, a) => {
+  const i = e[n];
+  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((o, l) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      l.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + n + (n.split("/").length !== a ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+var I = /* @__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))(I || {});
+const dr = {
+  "alert-error-fill": "action",
+  "alert-error": "action",
+  check: "action",
+  "circle-check-fill": "action",
+  "circle-check": "action",
+  close: "action",
+  help: "action",
+  info: "action",
+  menu: "action",
+  plus: "action",
+  remove: "action",
+  search: "action",
+  warning: "action",
+  "arrow-back": "arrow",
+  "arrow-downward": "arrow",
+  "arrow-forward": "arrow",
+  "arrow-insert": "arrow",
+  "arrow-outward": "arrow",
+  "arrow-return": "arrow",
+  "arrow-upward": "arrow",
+  "chevron-back": "arrow",
+  "chevron-down": "arrow",
+  "chevron-forward": "arrow",
+  "chevron-up": "arrow",
+  "message-fill": "chat",
+  message: "chat",
+  calendar: "eCommerce",
+  cart: "eCommerce",
+  "package-fill": "eCommerce",
+  package: "eCommerce",
+  "smile-fill": "faces",
+  smile: "faces",
+  "circle-dash-fill": "indicators",
+  "circle-dash": "indicators",
+  "pin-drop": "global",
+  filter: "global",
+  coaching: "medical",
+  labs: "medical",
+  myspan: "medical",
+  optimizations: "medical",
+  protocols: "medical",
+  ruler: "medical",
+  scale: "medical",
+  facebook: "social",
+  "heart-fill": "social",
+  heart: "social",
+  instagram: "social",
+  "star-fill": "social",
+  "star-half": "social",
+  "star-outline": "social",
+  star: "social",
+  x: "social"
 };
-function dt({
-  activeTab: n,
-  tabs: c,
-  onTabClick: o,
+function ur(e) {
+  return Object.values(I).includes(e);
+}
+const E = me(({ name: e, className: n }) => {
+  const [a, i] = pe(null);
+  return ge(() => {
+    let o = !0;
+    return ur(e) && _r(/* @__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/${dr[e]}/${e}.svg`, 5).then((l) => {
+      o && i(l);
+    }), () => {
+      o = !1;
+    };
+  }, [e]), a ? be(a.default, { className: n }) : /* @__PURE__ */ s.jsx("div", { className: n, children: "💡" });
+}), mr = "tag-module__tag___04JA1", pr = "tag-module__md___Vi5U2", gr = "tag-module__lg___AaJGY", br = "tag-module__active___Bc0bb", fr = "tag-module__content___uaFwG", hr = "tag-module__iconWrap___viC8K", w = {
+  tag: mr,
+  md: pr,
+  lg: gr,
+  active: br,
+  content: fr,
+  iconWrap: hr
+}, vr = {
+  md: b.labelMd,
+  lg: b.labelLg
+}, Gr = ({ value: e, children: n, active: a, disabled: i, size: o = "md", prefixIcon: l, suffixIcon: c, onClick: m }) => /* @__PURE__ */ s.jsx(
+  "button",
+  {
+    className: y(
+      w.tag,
+      vr[o],
+      { [w.active]: a },
+      w[o]
+    ),
+    disabled: i,
+    onClick: () => m(e),
+    children: /* @__PURE__ */ s.jsxs("div", { className: w.content, children: [
+      l && /* @__PURE__ */ s.jsx("div", { className: w.iconWrap, children: /* @__PURE__ */ s.jsx(E, { name: l }) }),
+      /* @__PURE__ */ s.jsx("p", { children: n }),
+      c && /* @__PURE__ */ s.jsx("div", { className: w.iconWrap, children: /* @__PURE__ */ s.jsx(E, { name: c }) })
+    ] })
+  }
+), yr = "tabs-module__container___NRX40", Rr = "tabs-module__tab___McM3m", wr = "tabs-module__sm___m4fiR", kr = "tabs-module__lg___SVeHo", Tr = "tabs-module__inverted___CBzom", Ar = "tabs-module__disabled___AXCIC", Sr = "tabs-module__bottom___Ho7ee", Er = "tabs-module__top___jthT8", Lr = "tabs-module__activeTab___MHq7V", Cr = "tabs-module__brackets___37Jhe", xr = "tabs-module__iconWrap___RY5wP", g = {
+  container: yr,
+  tab: Rr,
+  sm: wr,
+  lg: kr,
+  inverted: Tr,
+  disabled: Ar,
+  bottom: Sr,
+  top: Er,
+  activeTab: Lr,
+  brackets: Cr,
+  iconWrap: xr
+};
+function Jr({
+  activeTab: e,
+  tabs: n,
+  onTabClick: a,
   size: i = "sm",
-  activeLinePosition: a = "bottom",
+  activeLinePosition: o = "bottom",
   inverted: l
 }) {
-  return /* @__PURE__ */ R.jsx(
+  return /* @__PURE__ */ s.jsx(
     "div",
     {
-      className: p.container,
-      children: c.map((s) => /* @__PURE__ */ R.jsx(
+      className: g.container,
+      children: n.map((c) => /* @__PURE__ */ s.jsxs(
         "button",
         {
-          className: j(
-            p.tab,
-            p[i],
+          className: y(
+            g.tab,
+            g[i],
             {
-              [p.inverted]: l,
-              [p.activeTab]: n === s.value,
-              [p.disabled]: s.disabled
+              [g.inverted]: l,
+              [g.activeTab]: e === c.value,
+              [g.disabled]: c.disabled,
+              [g.brackets]: i === "lg" && e === c.value && n.length > 1
             },
-            p[a],
-            s.className
+            g[o],
+            c.className
           ),
-          disabled: s.disabled,
-          onClick: () => o(s.value),
-          children: n === s.value ? `(${s.label})` : s.label
+          disabled: c.disabled,
+          onClick: () => a(c.value),
+          children: [
+            c.prefixIcon && /* @__PURE__ */ s.jsx("div", { className: g.iconWrap, children: /* @__PURE__ */ s.jsx(E, { name: c.prefixIcon }) }),
+            /* @__PURE__ */ s.jsx("div", { children: c.label }),
+            c.suffixIcon && /* @__PURE__ */ s.jsx("div", { className: g.iconWrap, children: /* @__PURE__ */ s.jsx(E, { name: c.suffixIcon }) })
+          ]
         },
-        String(s.value)
+        String(c.value)
       ))
     }
   );
 }
+const Or = (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" })))), jr = "typeBadge-module__typeBadge___Jxk0v", Pr = "typeBadge-module__badgeIcon___BIDN2", q = {
+  typeBadge: jr,
+  badgeIcon: Pr
+}, zr = ({
+  type: e = "senescence"
+  /* SENESCENCE */
+}) => /* @__PURE__ */ s.jsx("div", { className: q.typeBadge, "data-type": e, children: /* @__PURE__ */ s.jsx(Or, { className: q.badgeIcon }) }), Mr = "contentTabs-module__root___vJVGt", Wr = "contentTabs-module__tabWrap___jwBNf", Xr = "contentTabs-module__tab___oMzRn", Dr = "contentTabs-module__light___LyVtp", Fr = "contentTabs-module__dark___-VJo6", $r = "contentTabs-module__activeTab___0Uvh6", Br = "contentTabs-module__icon___nyuv-", Hr = "contentTabs-module__description___sM2G-", Nr = "contentTabs-module__descriptionActive___aa8C1", v = {
+  root: Mr,
+  tabWrap: Wr,
+  tab: Xr,
+  light: Dr,
+  dark: Fr,
+  activeTab: $r,
+  icon: Br,
+  description: Hr,
+  descriptionActive: Nr
+};
+function Zr({ tabs: e, activeTab: n, style: a, onTabClick: i }) {
+  return /* @__PURE__ */ s.jsx("div", { className: y(v.root, v[a]), children: e.map((o) => /* @__PURE__ */ s.jsxs("div", { className: v.tabWrap, children: [
+    /* @__PURE__ */ s.jsxs(
+      "button",
+      {
+        className: y(v.tab, { [v.activeTab]: n === o.value }),
+        onClick: () => i(o.value),
+        children: [
+          o.icon && /* @__PURE__ */ s.jsx("div", { className: v.icon, children: /* @__PURE__ */ s.jsx(E, { name: o.icon }) }),
+          /* @__PURE__ */ s.jsx("div", { className: b.headingSm, children: o.label })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      "p",
+      {
+        className: y(
+          v.description,
+          { [v.descriptionActive]: n === o.value },
+          b.bodySm
+        ),
+        children: o.description
+      }
+    )
+  ] }, String(o.value))) });
+}
 export {
-  Ge as Button,
-  ct as Label,
-  dt as Tabs,
-  it as Typography,
-  f as typography
+  nr as Button,
+  Zr as ContentTabs,
+  E as Icon,
+  Vr as Label,
+  Jr as Tabs,
+  Gr as Tag,
+  zr as TypeBadge,
+  Ur as Typography,
+  b as typography
 };
 //# sourceMappingURL=healthspan-ui.es.js.map