@zenpatient-org/healthspan-marketing-ui 0.1.7 → 0.1.9

package/dist/healthspan-ui.es.js

@@ -0,0 +1,771 @@
+import * as y from "react";
+import ve, { memo as Re, useState as U, useLayoutEffect as ke, createElement as we, forwardRef as Se, useMemo as Te } from "react";
+const xe = "typography-module__displayXl___dx4Dh", je = "typography-module__displayLg___3BQI2", Ce = "typography-module__displayMd___-bNBw", Le = "typography-module__displaySm___BswNI", Ae = "typography-module__displayXs___jcmVJ", Ee = "typography-module__headingXl___nAQFD", Oe = "typography-module__headingLg___Idt-Z", Me = "typography-module__headingMd___c-Q0B", Pe = "typography-module__headingSm___Q6zoR", Xe = "typography-module__headingXs___fwDFl", Ne = "typography-module__headingXxs___ghw1N", We = "typography-module__preambleMd___CbYgI", $e = "typography-module__preambleSm___yKGjq", Fe = "typography-module__bodyXl___m92AP", De = "typography-module__bodyLg___Fz-Fo", Ve = "typography-module__bodyMd___aH0Ph", Ge = "typography-module__bodySm___4-7TJ", Ye = "typography-module__bodyXs___uTpSs", He = "typography-module__linkLg___xVngm", Ue = "typography-module__linkMd___82MQD", Je = "typography-module__linkSm___LZ94B", Be = "typography-module__linkXs___-6Kd5", Ie = "typography-module__labelXl___jmHEl", Ze = "typography-module__labelLg___31xPj", ze = "typography-module__labelMd___e3ni6", qe = "typography-module__labelSm___AsYEH", Ke = "typography-module__labelXs___zgCHL", Qe = "typography-module__labelEmphasis___nbkyG", eo = "typography-module__weightRegular___F3ND2", oo = "typography-module__weightMedium___XpDfI", to = "typography-module__mobile__displayXl___8eyMz", ro = "typography-module__mobile__displayLg___OxrWl", lo = "typography-module__mobile__displayMd___ZTVhR", ao = "typography-module__mobile__displaySm___P5do8", so = "typography-module__mobile__displayXs___3nZMf", io = "typography-module__mobile__headingXl___fuylU", no = "typography-module__mobile__headingLg___poZZo", _o = "typography-module__mobile__headingMd___UA7hK", co = "typography-module__mobile__headingSm___9StAl", mo = "typography-module__mobile__headingXs___zRqq3", uo = "typography-module__mobile__headingXxs___I6k7k", po = "typography-module__mobile__preambleMd___OsCic", bo = "typography-module__mobile__preambleSm___VVrnq", go = "typography-module__mobile__bodyXl___WKi87", ho = "typography-module__mobile__bodyLg___JR512", yo = "typography-module__mobile__bodyMd___h5hFh", fo = "typography-module__mobile__bodySm___J3fX2", vo = "typography-module__mobile__bodyXs___rbvEo", Ro = "typography-module__mobile__linkLg___JWgXg", ko = "typography-module__mobile__linkMd___Humhz", wo = "typography-module__mobile__linkSm___pJwma", So = "typography-module__mobile__linkXs___o01Lz", To = "typography-module__mobile__labelXl___q4W0-", xo = "typography-module__mobile__labelLg___1wguG", jo = "typography-module__mobile__labelMd___PInk-", Co = "typography-module__mobile__labelSm___yPUV0", Lo = "typography-module__mobile__labelXs___80zt0", b = {
+  displayXl: xe,
+  displayLg: je,
+  displayMd: Ce,
+  displaySm: Le,
+  displayXs: Ae,
+  headingXl: Ee,
+  headingLg: Oe,
+  headingMd: Me,
+  headingSm: Pe,
+  headingXs: Xe,
+  headingXxs: Ne,
+  preambleMd: We,
+  preambleSm: $e,
+  bodyXl: Fe,
+  bodyLg: De,
+  bodyMd: Ve,
+  bodySm: Ge,
+  bodyXs: Ye,
+  linkLg: He,
+  linkMd: Ue,
+  linkSm: Je,
+  linkXs: Be,
+  labelXl: Ie,
+  labelLg: Ze,
+  labelMd: ze,
+  labelSm: qe,
+  labelXs: Ke,
+  labelEmphasis: Qe,
+  weightRegular: eo,
+  weightMedium: oo,
+  mobile__displayXl: to,
+  mobile__displayLg: ro,
+  mobile__displayMd: lo,
+  mobile__displaySm: ao,
+  mobile__displayXs: so,
+  mobile__headingXl: io,
+  mobile__headingLg: no,
+  mobile__headingMd: _o,
+  mobile__headingSm: co,
+  mobile__headingXs: mo,
+  mobile__headingXxs: uo,
+  mobile__preambleMd: po,
+  mobile__preambleSm: bo,
+  mobile__bodyXl: go,
+  mobile__bodyLg: ho,
+  mobile__bodyMd: yo,
+  mobile__bodySm: fo,
+  mobile__bodyXs: vo,
+  mobile__linkLg: Ro,
+  mobile__linkMd: ko,
+  mobile__linkSm: wo,
+  mobile__linkXs: So,
+  mobile__labelXl: To,
+  mobile__labelLg: xo,
+  mobile__labelMd: jo,
+  mobile__labelSm: Co,
+  mobile__labelXs: Lo
+};
+var W = { exports: {} }, M = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ee;
+function Ao() {
+  if (ee) return M;
+  ee = 1;
+  var e = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
+  function l(i, r, s) {
+    var _ = null;
+    if (s !== void 0 && (_ = "" + s), r.key !== void 0 && (_ = "" + r.key), "key" in r) {
+      s = {};
+      for (var u in r)
+        u !== "key" && (s[u] = r[u]);
+    } else s = r;
+    return r = s.ref, {
+      $$typeof: e,
+      type: i,
+      key: _,
+      ref: r !== void 0 ? r : null,
+      props: s
+    };
+  }
+  return M.Fragment = a, M.jsx = l, M.jsxs = l, M;
+}
+var P = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var oe;
+function Eo() {
+  return oe || (oe = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === he ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
+        case F:
+          return "Fragment";
+        case _e:
+          return "Profiler";
+        case ne:
+          return "StrictMode";
+        case ue:
+          return "Suspense";
+        case pe:
+          return "SuspenseList";
+        case ge:
+          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 ie:
+            return "Portal";
+          case de:
+            return (o.displayName || "Context") + ".Provider";
+          case ce:
+            return (o._context.displayName || "Context") + ".Consumer";
+          case me:
+            var n = o.render;
+            return o = o.displayName, o || (o = n.displayName || n.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case be:
+            return n = o.displayName || null, n !== null ? n : e(o.type) || "Memo";
+          case B:
+            n = o._payload, o = o._init;
+            try {
+              return e(o(n));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function a(o) {
+      return "" + o;
+    }
+    function l(o) {
+      try {
+        a(o);
+        var n = !1;
+      } catch {
+        n = !0;
+      }
+      if (n) {
+        n = console;
+        var c = n.error, d = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return c.call(
+          n,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          d
+        ), a(o);
+      }
+    }
+    function i(o) {
+      if (o === F) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === B)
+        return "<...>";
+      try {
+        var n = e(o);
+        return n ? "<" + n + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function r() {
+      var o = D.A;
+      return o === null ? null : o.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function _(o) {
+      if (I.call(o, "key")) {
+        var n = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (n && n.isReactWarning) return !1;
+      }
+      return o.key !== void 0;
+    }
+    function u(o, n) {
+      function c() {
+        Z || (Z = !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)",
+          n
+        ));
+      }
+      c.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: c,
+        configurable: !0
+      });
+    }
+    function f() {
+      var o = e(this.type);
+      return z[o] || (z[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 O(o, n, c, d, v, g, G, Y) {
+      return c = g.ref, o = {
+        $$typeof: J,
+        type: o,
+        key: n,
+        props: g,
+        _owner: v
+      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(o, "ref", {
+        enumerable: !1,
+        get: f
+      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(o, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(o, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: G
+      }), Object.defineProperty(o, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Y
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+    }
+    function S(o, n, c, d, v, g, G, Y) {
+      var m = n.children;
+      if (m !== void 0)
+        if (d)
+          if (ye(m)) {
+            for (d = 0; d < m.length; d++)
+              T(m[d]);
+            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 T(m);
+      if (I.call(n, "key")) {
+        m = e(o);
+        var x = Object.keys(n).filter(function(fe) {
+          return fe !== "key";
+        });
+        d = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", Q[m + d] || (x = 0 < x.length ? "{" + x.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,
+          m,
+          x,
+          m
+        ), Q[m + d] = !0);
+      }
+      if (m = null, c !== void 0 && (l(c), m = "" + c), _(n) && (l(n.key), m = "" + n.key), "key" in n) {
+        c = {};
+        for (var H in n)
+          H !== "key" && (c[H] = n[H]);
+      } else c = n;
+      return m && u(
+        c,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), O(
+        o,
+        m,
+        g,
+        v,
+        r(),
+        c,
+        G,
+        Y
+      );
+    }
+    function T(o) {
+      typeof o == "object" && o !== null && o.$$typeof === J && o._store && (o._store.validated = 1);
+    }
+    var N = ve, J = Symbol.for("react.transitional.element"), ie = Symbol.for("react.portal"), F = Symbol.for("react.fragment"), ne = Symbol.for("react.strict_mode"), _e = Symbol.for("react.profiler"), ce = Symbol.for("react.consumer"), de = Symbol.for("react.context"), me = Symbol.for("react.forward_ref"), ue = Symbol.for("react.suspense"), pe = Symbol.for("react.suspense_list"), be = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), ge = Symbol.for("react.activity"), he = Symbol.for("react.client.reference"), D = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, ye = Array.isArray, V = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    N = {
+      "react-stack-bottom-frame": function(o) {
+        return o();
+      }
+    };
+    var Z, z = {}, q = N["react-stack-bottom-frame"].bind(
+      N,
+      s
+    )(), K = V(i(s)), Q = {};
+    P.Fragment = F, P.jsx = function(o, n, c, d, v) {
+      var g = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return S(
+        o,
+        n,
+        c,
+        !1,
+        d,
+        v,
+        g ? Error("react-stack-top-frame") : q,
+        g ? V(i(o)) : K
+      );
+    }, P.jsxs = function(o, n, c, d, v) {
+      var g = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return S(
+        o,
+        n,
+        c,
+        !0,
+        d,
+        v,
+        g ? Error("react-stack-top-frame") : q,
+        g ? V(i(o)) : K
+      );
+    };
+  }()), P;
+}
+var te;
+function Oo() {
+  return te || (te = 1, process.env.NODE_ENV === "production" ? W.exports = Ao() : W.exports = Eo()), W.exports;
+}
+var t = Oo();
+const p = (...e) => e.map((l) => typeof l == "string" ? l : l ? Object.keys(l).filter((s) => l[s]).join(" ") : "").filter((l) => !!l).join(" "), E = ({
+  defaultVariant: e,
+  children: a,
+  className: l = "",
+  weight: i,
+  emphasis: r = !1,
+  as: s = "span",
+  mobileVariant: _
+}) => {
+  const u = b[e] || "";
+  let f = i;
+  r && !i && (f = "medium");
+  const O = f ? b[`weight${f.charAt(0).toUpperCase()}${f.slice(1)}`] : "", S = e.startsWith("label") && r ? b.labelEmphasis : "", T = _ ? b[`mobile__${_}`] : "";
+  return /* @__PURE__ */ t.jsx(s, { className: p(u, O, S, T, l), children: a });
+}, Mo = (e, a, l) => {
+  const i = e[a];
+  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((r, s) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      s.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + a + (a.split("/").length !== l ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+var le = /* @__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))(le || {});
+const Po = {
+  "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 Xo(e) {
+  return e ? Object.values(le).includes(e) : !1;
+}
+const w = Re(({ name: e, className: a }) => {
+  const [l, i] = U(null);
+  return ke(() => {
+    let r = !0;
+    return Xo(e) && Mo(/* @__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/${Po[e]}/${e}.svg`, 5).then((s) => {
+      r && i(s);
+    }), () => {
+      r = !1;
+    };
+  }, [e]), l ? we(l.default, { className: a }) : /* @__PURE__ */ t.jsx("div", { className: a, children: "💡" });
+}), No = "button-module__button___JyfZW", Wo = "button-module__primary___ggjlO", $o = "button-module__secondary___Q4I1z", Fo = "button-module__muted___DbVhc", Do = "button-module__ghost___Dp7F-", Vo = "button-module__xs___hb8XV", Go = "button-module__sm___nin2b", Yo = "button-module__md___0nyD0", Ho = "button-module__lg___UZ-tP", Uo = "button-module__disabled___S7XlI", Jo = "button-module__content___FFCUI", Bo = "button-module__iconWrap___PI655", k = {
+  button: No,
+  primary: Wo,
+  "primary-invert": "button-module__primary-invert___UQj7h",
+  secondary: $o,
+  muted: Fo,
+  "muted-invert": "button-module__muted-invert___0nBJw",
+  ghost: Do,
+  xs: Vo,
+  sm: Go,
+  md: Yo,
+  lg: Ho,
+  disabled: Uo,
+  content: Jo,
+  iconWrap: Bo
+}, ae = Se(({
+  variant: e = "primary",
+  size: a = "md",
+  as: l = "button",
+  disabled: i = !1,
+  children: r,
+  prefixIcon: s,
+  suffixIcon: _,
+  ...u
+}, f) => {
+  const O = k[e] || "", S = k[a] || "", T = i ? k.disabled : "";
+  return /* @__PURE__ */ t.jsx(
+    l,
+    {
+      ref: f,
+      ...u,
+      className: p(
+        k.button,
+        O,
+        S,
+        T
+      ),
+      disabled: i,
+      children: /* @__PURE__ */ t.jsxs("div", { className: k.content, children: [
+        s && /* @__PURE__ */ t.jsx("div", { className: k.iconWrap, children: /* @__PURE__ */ t.jsx(w, { name: s }) }),
+        /* @__PURE__ */ t.jsx("div", { children: r }),
+        _ && /* @__PURE__ */ t.jsx("div", { className: k.iconWrap, children: /* @__PURE__ */ t.jsx(w, { name: _ }) })
+      ] })
+    }
+  );
+});
+ae.displayName = "Button";
+const Io = "label-module__root___b704i", Zo = {
+  root: Io
+}, zo = {
+  sm: b.labelXs,
+  lg: b.labelSm
+}, rr = ({ children: e, color: a, size: l = "sm" }) => /* @__PURE__ */ t.jsx(
+  "div",
+  {
+    className: p(
+      Zo.root,
+      b.labelEmphasis,
+      zo[l]
+    ),
+    "data-size": l,
+    "data-color": a,
+    children: e
+  }
+), qo = "tag-module__tag___04JA1", Ko = "tag-module__md___Vi5U2", Qo = "tag-module__lg___AaJGY", et = "tag-module__active___Bc0bb", ot = "tag-module__content___uaFwG", tt = "tag-module__iconWrap___viC8K", j = {
+  tag: qo,
+  md: Ko,
+  lg: Qo,
+  active: et,
+  content: ot,
+  iconWrap: tt
+}, rt = {
+  md: b.labelMd,
+  lg: b.labelLg
+}, lt = ({ value: e, children: a, active: l, disabled: i, size: r = "md", prefixIcon: s, suffixIcon: _, onClick: u }) => /* @__PURE__ */ t.jsx(
+  "button",
+  {
+    className: p(
+      j.tag,
+      rt[r],
+      { [j.active]: l },
+      j[r]
+    ),
+    disabled: i,
+    onClick: () => u(e),
+    children: /* @__PURE__ */ t.jsxs("div", { className: j.content, children: [
+      s && /* @__PURE__ */ t.jsx("div", { className: j.iconWrap, children: /* @__PURE__ */ t.jsx(w, { name: s }) }),
+      /* @__PURE__ */ t.jsx("p", { children: a }),
+      _ && /* @__PURE__ */ t.jsx("div", { className: j.iconWrap, children: /* @__PURE__ */ t.jsx(w, { name: _ }) })
+    ] })
+  }
+), at = "tabs-module__container___NRX40", st = "tabs-module__tab___McM3m", it = "tabs-module__sm___m4fiR", nt = "tabs-module__lg___SVeHo", _t = "tabs-module__inverted___CBzom", ct = "tabs-module__disabled___AXCIC", dt = "tabs-module__bottom___Ho7ee", mt = "tabs-module__top___jthT8", ut = "tabs-module__activeTab___MHq7V", pt = "tabs-module__brackets___37Jhe", bt = "tabs-module__iconWrap___RY5wP", h = {
+  container: at,
+  tab: st,
+  sm: it,
+  lg: nt,
+  inverted: _t,
+  disabled: ct,
+  bottom: dt,
+  top: mt,
+  activeTab: ut,
+  brackets: pt,
+  iconWrap: bt
+};
+function lr({
+  activeTab: e,
+  tabs: a,
+  onTabClick: l,
+  size: i = "sm",
+  activeLinePosition: r = "bottom",
+  inverted: s
+}) {
+  return /* @__PURE__ */ t.jsx("div", { className: h.container, children: a.map((_) => /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      className: p(
+        h.tab,
+        h[i],
+        {
+          [h.inverted]: s,
+          [h.activeTab]: e === _.value,
+          [h.disabled]: _.disabled,
+          [h.brackets]: i === "lg" && e === _.value && a.length > 1
+        },
+        h[r],
+        _.className
+      ),
+      disabled: _.disabled,
+      onClick: () => l(_.value),
+      children: [
+        _.prefixIcon && /* @__PURE__ */ t.jsx("div", { className: h.iconWrap, children: /* @__PURE__ */ t.jsx(w, { name: _.prefixIcon }) }),
+        /* @__PURE__ */ t.jsx("div", { children: _.label }),
+        _.suffixIcon && /* @__PURE__ */ t.jsx("div", { className: h.iconWrap, children: /* @__PURE__ */ t.jsx(w, { name: _.suffixIcon }) })
+      ]
+    },
+    String(_.value)
+  )) });
+}
+const gt = (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" })))), ht = "typeBadge-module__typeBadge___Jxk0v", yt = "typeBadge-module__badgeIcon___BIDN2", re = {
+  typeBadge: ht,
+  badgeIcon: yt
+};
+var ft = /* @__PURE__ */ ((e) => (e.SENESCENCE = "senescence", e.SUPPLEMENTS = "supplements", e.OUTLINE = "outline", e.ENERGY = "energy", e.METABOLISM = "metabolism", e.LABS = "labs", e))(ft || {});
+const ar = ({
+  type: e = "senescence"
+  /* SENESCENCE */
+}) => /* @__PURE__ */ t.jsx("div", { className: re.typeBadge, "data-type": e, children: /* @__PURE__ */ t.jsx(gt, { className: re.badgeIcon }) }), vt = "contentTabs-module__root___vJVGt", Rt = "contentTabs-module__tabWrap___jwBNf", kt = "contentTabs-module__tab___oMzRn", wt = "contentTabs-module__light___LyVtp", St = "contentTabs-module__dark___-VJo6", Tt = "contentTabs-module__activeTab___0Uvh6", xt = "contentTabs-module__icon___nyuv-", jt = "contentTabs-module__description___sM2G-", Ct = "contentTabs-module__descriptionActive___aa8C1", R = {
+  root: vt,
+  tabWrap: Rt,
+  tab: kt,
+  light: wt,
+  dark: St,
+  activeTab: Tt,
+  icon: xt,
+  description: jt,
+  descriptionActive: Ct
+};
+function Lt({ tabs: e, activeTab: a, colorScheme: l, onTabClick: i }) {
+  return /* @__PURE__ */ t.jsx("div", { className: p(R.root, R[l]), children: e.map((r) => /* @__PURE__ */ t.jsxs("div", { className: R.tabWrap, children: [
+    /* @__PURE__ */ t.jsxs(
+      "button",
+      {
+        className: p(R.tab, { [R.activeTab]: a.label === r.label }),
+        onClick: () => i(r),
+        children: [
+          r.icon && /* @__PURE__ */ t.jsx("div", { className: R.icon, children: /* @__PURE__ */ t.jsx(w, { name: r.icon }) }),
+          /* @__PURE__ */ t.jsx("div", { className: b.headingXs, children: r.label })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "p",
+      {
+        className: p(
+          R.description,
+          { [R.descriptionActive]: a.label === r.label },
+          b.bodySm
+        ),
+        children: r.description
+      }
+    )
+  ] }, String(r.label))) });
+}
+const At = "productGalleryCard-module__root___oGJjs", Et = "productGalleryCard-module__buttonContainer___0D5Ov", Ot = "productGalleryCard-module__productInfo___IZeoL", Mt = "productGalleryCard-module__title___dnRaF", Pt = "productGalleryCard-module__price___dNy0O", Xt = "productGalleryCard-module__productImage___uSNso", C = {
+  root: At,
+  buttonContainer: Et,
+  productInfo: Ot,
+  title: Mt,
+  price: Pt,
+  productImage: Xt
+}, sr = ({
+  title: e,
+  price: a,
+  image: l,
+  buttons: i,
+  link: r
+}) => {
+  const s = (_) => {
+    _.preventDefault(), _.stopPropagation();
+  };
+  return /* @__PURE__ */ t.jsxs("a", { href: r, target: "_blank", rel: "noopener noreferrer", className: C.root, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: C.productInfo, children: [
+      /* @__PURE__ */ t.jsx(E, { defaultVariant: "bodyXl", className: C.title, children: e }),
+      /* @__PURE__ */ t.jsx(E, { defaultVariant: "bodyXl", className: C.price, children: a })
+    ] }),
+    /* @__PURE__ */ t.jsx("img", { src: l, alt: "product image", className: C.productImage }),
+    /* @__PURE__ */ t.jsx("div", { onClick: s, className: C.buttonContainer, children: i.map((_, u) => /* @__PURE__ */ t.jsx(ae, { ..._, children: _.label }, u)) })
+  ] });
+}, Nt = "highlightedTitle-module__root___lYJkw", Wt = "highlightedTitle-module__title___W-4jC", $t = "highlightedTitle-module__tag___DyjPy", Ft = "highlightedTitle-module__taggedTitle___RYwDP", $ = {
+  root: Nt,
+  title: Wt,
+  tag: $t,
+  taggedTitle: Ft
+}, se = ({
+  title: e,
+  tag: a,
+  className: l,
+  defaultVariant: i = "displayMd",
+  as: r = "h2",
+  mobileVariant: s = "headingLg",
+  colorScheme: _ = "light"
+}) => /* @__PURE__ */ t.jsxs("div", { "data-scheme": _, className: p($.root, l), children: [
+  a && /* @__PURE__ */ t.jsx(E, { as: "p", defaultVariant: "labelMd", emphasis: !0, className: $.tag, children: a }),
+  /* @__PURE__ */ t.jsx(
+    E,
+    {
+      as: r,
+      defaultVariant: i,
+      mobileVariant: s,
+      className: p($.title, { [$.taggedTitle]: !!a }),
+      children: e
+    }
+  )
+] }), Dt = "protocolTags-module__root___q4ybt", Vt = "protocolTags-module__tags___aaJJA", Gt = "protocolTags-module__mobile___4hH2G", Yt = "protocolTags-module__desktop___kl9fI", L = {
+  root: Dt,
+  tags: Vt,
+  mobile: Gt,
+  desktop: Yt
+}, Ht = ({ tags: e }) => {
+  var r;
+  const [a, l] = U(((r = e[0]) == null ? void 0 : r.label) || null), i = Te(() => {
+    var s;
+    return (s = e.find((_) => _.label === a)) == null ? void 0 : s.description;
+  }, [a, e]);
+  return /* @__PURE__ */ t.jsxs("div", { className: L.root, children: [
+    /* @__PURE__ */ t.jsx("div", { className: L.tags, children: e.map((s) => /* @__PURE__ */ t.jsx(
+      lt,
+      {
+        value: s.label,
+        size: "md",
+        active: s.label === a,
+        onClick: l,
+        children: s.label
+      },
+      s.label
+    )) }),
+    i && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(E, { as: "p", defaultVariant: "bodyLg", className: p(L.description, L.desktop), children: i }),
+      /* @__PURE__ */ t.jsx(E, { as: "p", defaultVariant: "bodyMd", className: p(L.description, L.mobile), children: i })
+    ] })
+  ] });
+}, Ut = "yourProtocol-module__root___Q35lO", Jt = "yourProtocol-module__content___mMf6R", Bt = "yourProtocol-module__title___xNPOR", It = "yourProtocol-module__image___fVaOZ", Zt = "yourProtocol-module__callback___bvu49", zt = "yourProtocol-module__desktop___pl-rW", A = {
+  root: Ut,
+  content: Jt,
+  title: Bt,
+  image: It,
+  callback: Zt,
+  desktop: zt
+}, ir = ({ title: e, image: a, tags: l, callbackView: i }) => /* @__PURE__ */ t.jsxs("div", { className: A.root, children: [
+  /* @__PURE__ */ t.jsxs("div", { className: A.content, children: [
+    /* @__PURE__ */ t.jsx(
+      se,
+      {
+        title: e,
+        className: A.title,
+        defaultVariant: "displayMd",
+        mobileVariant: "headingXl"
+      }
+    ),
+    /* @__PURE__ */ t.jsx(Ht, { tags: l }),
+    /* @__PURE__ */ t.jsx("div", { className: A.callback, children: "TODO: Callback ZEN-392" })
+  ] }),
+  /* @__PURE__ */ t.jsx("img", { src: a, alt: "Your Protocol", className: p(A.image, A.desktop), width: 481, height: 640 })
+] }), qt = "totalCare-module__root___ZMGef", Kt = "totalCare-module__header___5sFQT", Qt = "totalCare-module__content___JZOOr", er = "totalCare-module__tags___7QHnt", or = "totalCare-module__image___mSoRY", X = {
+  root: qt,
+  header: Kt,
+  content: Qt,
+  tags: er,
+  image: or
+}, nr = ({ title: e, tag: a, contentTabs: l, colorScheme: i }) => {
+  const [r, s] = U(l.tabs[0]);
+  return /* @__PURE__ */ t.jsxs("div", { className: X.root, "data-scheme": i, children: [
+    /* @__PURE__ */ t.jsx(
+      se,
+      {
+        title: e,
+        tag: a,
+        className: X.header,
+        colorScheme: i
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("div", { className: X.content, children: [
+      /* @__PURE__ */ t.jsx("div", { className: X.tags, children: /* @__PURE__ */ t.jsx(
+        Lt,
+        {
+          activeTab: r,
+          tabs: l.tabs,
+          colorScheme: l.colorScheme,
+          onTabClick: s
+        }
+      ) }),
+      r.image && /* @__PURE__ */ t.jsx("img", { src: r.image, alt: "Total Care", className: X.image })
+    ] })
+  ] });
+};
+export {
+  ae as Button,
+  Lt as ContentTabs,
+  le as EIconName,
+  ft as ETypeBadge,
+  se as HighlightedTitle,
+  w as Icon,
+  rr as Label,
+  sr as ProductGalleryCard,
+  lr as Tabs,
+  lt as Tag,
+  nr as TotalCare,
+  ar as TypeBadge,
+  E as Typography,
+  ir as YourProtocol,
+  p as cn,
+  Xo as isHsIcon,
+  b as typography
+};
+//# sourceMappingURL=healthspan-ui.es.js.map