@digiform/wizard 0.2.10 → 0.2.18

package/ui/src/components/ProgressLoaderBar/ProgressLoaderBar.js

@@ -0,0 +1,108 @@
+"use client";
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { CheckCircle as A, AlertCircle as B, RefreshCw as E } from "lucide-react";
+import * as r from "react";
+import { clsx as I } from "clsx";
+import { useProgressAnimation as T } from "./useProgressAnimation.js";
+import a from "./ProgressLoaderBar.module.css.js";
+const k = {
+  slow: 2,
+  normal: 1,
+  fast: 0.5
+}, C = r.forwardRef(
+  ({
+    label: t,
+    showPercentage: m = !1,
+    mode: i = "determinate",
+    value: o = 0,
+    duration: g = 3e3,
+    size: j = "md",
+    variant: D = "default",
+    barColor: U,
+    trackColor: h,
+    status: e = "loading",
+    completionConfig: u,
+    errorConfig: n,
+    onComplete: d,
+    onError: p,
+    onRetry: y,
+    animationSpeed: N = "normal",
+    className: b,
+    ...M
+  }, v) => {
+    const P = r.useMemo(() => g * k[N], [g, N]), [w, x] = r.useState(o), L = r.useCallback((R) => {
+      x(R);
+    }, []), c = o > 0;
+    T(
+      c ? o : 100,
+      P,
+      L,
+      !c && e === "loading"
+    ), r.useEffect(() => {
+      c && x(o);
+    }, [o, c]), r.useEffect(() => {
+      e === "complete" && d && d();
+    }, [e, d]), r.useEffect(() => {
+      e === "error" && p && p();
+    }, [e, p]);
+    const f = Math.round(w);
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        className: I(a.wrapper, b),
+        role: "progressbar",
+        "aria-label": M["aria-label"] || t || "Progress",
+        "aria-valuenow": i === "determinate" ? f : void 0,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuetext": i === "determinate" ? `${f}% complete` : "Loading, please wait",
+        "aria-busy": e === "loading",
+        children: [
+          /* @__PURE__ */ l(
+            "progress",
+            {
+              ref: v,
+              className: a.progress,
+              value: w,
+              max: 100,
+              style: {
+                ...h && { backgroundColor: h }
+              }
+            }
+          ),
+          (t || m) && /* @__PURE__ */ s("label", { className: a.progressLabel, children: [
+            t,
+            t && m && i === "determinate" && " - ",
+            m && i === "determinate" && `${f}%`
+          ] }),
+          e === "complete" && u?.showMessage?.enabled && /* @__PURE__ */ s("div", { className: a.completionMessage, children: [
+            /* @__PURE__ */ l(A, { className: "h-4 w-4" }),
+            /* @__PURE__ */ l("span", { children: u.showMessage.text })
+          ] }),
+          e === "error" && n?.showErrorMessage && /* @__PURE__ */ s("div", { className: a.errorMessage, children: [
+            /* @__PURE__ */ s("div", { className: a.errorContent, children: [
+              /* @__PURE__ */ l(B, { className: "h-4 w-4" }),
+              /* @__PURE__ */ l("span", { children: n.errorText })
+            ] }),
+            n.allowRetry && /* @__PURE__ */ s(
+              "button",
+              {
+                type: "button",
+                onClick: y,
+                className: a.retryButton,
+                children: [
+                  /* @__PURE__ */ l(E, { className: "h-3 w-3" }),
+                  n.retryButtonText
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+C.displayName = "ProgressLoaderBar";
+export {
+  C as ProgressLoaderBar
+};

package/ui/src/components/ProgressLoaderBar/ProgressLoaderBar.module.css.js

@@ -0,0 +1,20 @@
+"use client";
+const e = "fb-wrapper_nDU5Q", r = "fb-progress_jf4Xd", s = "fb-progressLabel_3nfSJ", o = "fb-completionMessage_OyQ9C", t = "fb-errorMessage_B8dGO", n = "fb-errorContent_2TAc5", p = "fb-retryButton_0HfjY", a = {
+  wrapper: e,
+  progress: r,
+  progressLabel: s,
+  completionMessage: o,
+  errorMessage: t,
+  errorContent: n,
+  retryButton: p
+};
+export {
+  o as completionMessage,
+  a as default,
+  n as errorContent,
+  t as errorMessage,
+  r as progress,
+  s as progressLabel,
+  p as retryButton,
+  e as wrapper
+};

package/ui/src/components/ProgressLoaderBar/useProgressAnimation.js

@@ -0,0 +1,31 @@
+"use client";
+import { useRef as p, useEffect as c } from "react";
+function T(e, r, m, s = !0) {
+  const n = p({
+    displayProgress: 0,
+    animationFrame: null,
+    lastUpdateTime: 0,
+    startTime: 0
+  });
+  c(() => {
+    if (!s) {
+      n.current.animationFrame && (cancelAnimationFrame(n.current.animationFrame), n.current.animationFrame = null);
+      return;
+    }
+    const a = n.current;
+    a.lastUpdateTime === 0 && (a.startTime = performance.now(), a.lastUpdateTime = a.startTime);
+    const o = (l) => {
+      const t = n.current, u = (l - t.startTime) / r * 100, i = Math.min(u, e);
+      t.displayProgress = i, t.lastUpdateTime = l, m(i), i < e ? t.animationFrame = requestAnimationFrame(o) : t.animationFrame = null;
+    };
+    return a.animationFrame = requestAnimationFrame(o), () => {
+      a.animationFrame && (cancelAnimationFrame(a.animationFrame), a.animationFrame = null);
+    };
+  }, [e, r, m, s]), c(() => {
+    const a = n.current;
+    (Math.abs(e - a.displayProgress) > 10 || e < a.displayProgress) && (a.startTime = performance.now(), a.lastUpdateTime = a.startTime, a.displayProgress = 0);
+  }, [e]);
+}
+export {
+  T as useProgressAnimation
+};

package/ui/src/components/ValidationCode/ValidationCode.js

@@ -0,0 +1,198 @@
+"use client";
+import { jsxs as F, jsx as a, Fragment as te } from "react/jsx-runtime";
+import * as n from "react";
+import { clsx as ne } from "clsx";
+import S from "./ValidationCode.module.css.js";
+const ce = "^[0-9]+$";
+function re(v) {
+  const C = n.useRef();
+  return n.useEffect(() => {
+    C.current = v;
+  }), C.current;
+}
+function X(v) {
+  return /* @__PURE__ */ F("div", { className: ne(S.vcSlot, v.isActive && S.vcSlotActive), children: [
+    v.hasFakeCaret && /* @__PURE__ */ a(se, {}),
+    v.char !== null && /* @__PURE__ */ a("div", { children: v.char })
+  ] });
+}
+function se() {
+  return /* @__PURE__ */ a("div", { className: S.vcCaret, children: /* @__PURE__ */ a("div", {}) });
+}
+const le = n.forwardRef(
+  ({
+    value: v,
+    onChange: C,
+    maxLength: c,
+    onComplete: H,
+    ...u
+  }, Y) => {
+    const [q, J] = n.useState(
+      typeof u.defaultValue == "string" ? u.defaultValue : ""
+    ), p = n.useMemo(
+      () => new RegExp(ce),
+      []
+    ), r = v ?? q, g = re(r), E = n.useCallback(
+      (e) => {
+        C?.(e), J(e);
+      },
+      [C]
+    ), s = n.useRef(null), G = n.useRef(null), k = n.useRef({
+      value: r,
+      onChange: E,
+      isIOS: typeof window < "u" && window?.CSS?.supports?.("-webkit-touch-callout", "none")
+    }), I = n.useRef({
+      prev: [
+        s.current?.selectionStart,
+        s.current?.selectionEnd,
+        s.current?.selectionDirection
+      ]
+    });
+    n.useImperativeHandle(
+      Y,
+      () => s.current,
+      []
+    ), n.useEffect(() => {
+      const e = s.current, t = G.current;
+      if (!e || !t && e == null)
+        return;
+      k.current.value !== e.value && k.current.onChange(e.value), I.current.prev = [
+        e.selectionStart,
+        e.selectionEnd,
+        e.selectionDirection
+      ];
+      function d() {
+        if (document.activeElement !== e) {
+          _(null), V(null);
+          return;
+        }
+        if (!e)
+          return;
+        const l = e.selectionStart, w = e.selectionEnd, T = e.selectionDirection, M = e.maxLength, i = e.value, f = I.current.prev;
+        let o = -1, h = -1, R;
+        if (i.length !== 0 && l !== null && w !== null) {
+          const L = l === w, x = l === i.length && i.length < M;
+          if (L && !x) {
+            const m = l;
+            if (m === 0)
+              o = 0, h = 1, R = "forward";
+            else if (m === M)
+              o = m - 1, h = m, R = "backward";
+            else if (M > 1 && i.length > 1) {
+              let N = 0;
+              if (f[0] !== null && f[1] != null) {
+                R = m < f?.[1] ? "backward" : "forward";
+                const ee = f[0] === f[1] && f[0] < M;
+                R === "backward" && !ee && (N = -1);
+              }
+              o = N + m, h = N + m + 1;
+            }
+          }
+          o !== -1 && h !== -1 && o !== h && s.current.setSelectionRange(
+            o,
+            h,
+            R ?? void 0
+          );
+        }
+        const U = o !== -1 ? o : l, z = h !== -1 ? h : w, Z = R ?? T;
+        _(U), V(z), I.current.prev = [U, z, Z];
+      }
+      document.addEventListener("selectionchange", d, {
+        capture: !0
+      }), d();
+    }, []);
+    const [P, $] = n.useState(!1), [y, A] = n.useState(!1), [b, _] = n.useState(null), [D, V] = n.useState(null);
+    n.useEffect(() => {
+      g !== void 0 && r !== g && g.length < c && r.length === c && H?.(r);
+    }, [c, H, g, r]);
+    const K = n.useCallback(
+      (e) => {
+        const t = e.currentTarget.value.slice(0, c);
+        if (t.length > 0 && p && !p.test(t)) {
+          e.preventDefault();
+          return;
+        }
+        typeof g == "string" && t.length < g.length && document.dispatchEvent(new Event("selectionchange")), E(t);
+      },
+      [c, E, g, p]
+    ), Q = n.useCallback(() => {
+      if (s.current) {
+        const e = Math.min(s.current.value.length, c - 1), t = s.current.value.length;
+        s.current?.setSelectionRange(e, t), _(e), V(t);
+      }
+      A(!0);
+    }, [c]), W = n.useCallback(
+      (e) => {
+        const t = s.current;
+        if (!k.current.isIOS || !e.clipboardData || !t)
+          return;
+        const d = e.clipboardData.getData("text/plain");
+        e.preventDefault();
+        const l = s.current?.selectionStart ?? void 0, w = s.current?.selectionEnd ?? void 0, i = (l !== w ? r.slice(0, l) + d + r.slice(w) : r.slice(0, l) + d + r.slice(l)).slice(0, c);
+        if (i.length > 0 && p && !p.test(i))
+          return;
+        t.value = i, E(i);
+        const f = Math.min(i.length, c - 1), o = i.length;
+        t.setSelectionRange(f, o), _(f), V(o);
+      },
+      [c, E, p, r]
+    ), O = n.useMemo(() => ({
+      slots: Array.from({ length: c }).map((e, t) => {
+        const d = y && b !== null && D !== null && (b === D && t === b || t >= b && t < D), l = r[t] !== void 0 ? r[t] : null;
+        return {
+          char: l,
+          isActive: d,
+          hasFakeCaret: d && l === null
+        };
+      }),
+      isFocused: y,
+      isHovering: !u.disabled && P
+    }), [
+      y,
+      P,
+      c,
+      D,
+      b,
+      u.disabled,
+      r
+    ]), j = c >= 6, B = j ? Math.ceil(c / 2) : c;
+    return /* @__PURE__ */ F("div", { ref: G, className: S.vcContainer, children: [
+      /* @__PURE__ */ a("div", { className: S.vcGroup, children: O.slots.slice(0, B).map((e, t) => /* @__PURE__ */ a(X, { ...e }, `${e.char}-${t}`)) }),
+      j && /* @__PURE__ */ F(te, { children: [
+        /* @__PURE__ */ a("div", { className: S.vcDash, children: "-" }),
+        /* @__PURE__ */ a("div", { className: S.vcGroup, children: O.slots.slice(B).map((e, t) => /* @__PURE__ */ a(X, { ...e }, `${e.char}-${t}`)) })
+      ] }),
+      /* @__PURE__ */ a("div", { className: S.vcInput, children: /* @__PURE__ */ a(
+        "input",
+        {
+          ...u,
+          inputMode: "numeric",
+          pattern: p?.source,
+          maxLength: c,
+          value: r,
+          ref: s,
+          onPaste: (e) => {
+            W(e), u.onPaste?.(e);
+          },
+          onChange: K,
+          onMouseOver: (e) => {
+            $(!0), u.onMouseOver?.(e);
+          },
+          onMouseLeave: (e) => {
+            $(!1), u.onMouseLeave?.(e);
+          },
+          onFocus: (e) => {
+            Q(), u.onFocus?.(e);
+          },
+          onBlur: (e) => {
+            A(!1), u.onBlur?.(e);
+          }
+        }
+      ) })
+    ] });
+  }
+);
+le.displayName = "ValidationCode";
+export {
+  le as ValidationCode
+};

package/ui/src/components/ValidationCode/ValidationCode.module.css.js

@@ -0,0 +1,20 @@
+"use client";
+const c = "fb-vcContainer_oHl8H", t = "fb-vcInput_Nb8NL", v = "fb-vcGroup_5z3tY", o = "fb-vcDash_R8D18", n = "fb-vcSlot_AZfrj", s = "fb-vcSlotActive_1Zqta", e = "fb-vcCaret_pQ-uD", a = {
+  vcContainer: c,
+  vcInput: t,
+  vcGroup: v,
+  vcDash: o,
+  vcSlot: n,
+  vcSlotActive: s,
+  vcCaret: e
+};
+export {
+  a as default,
+  e as vcCaret,
+  c as vcContainer,
+  o as vcDash,
+  v as vcGroup,
+  t as vcInput,
+  n as vcSlot,
+  s as vcSlotActive
+};

package/ui/src/components/alert/alert.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import * as s from "react";
+import { clsx as i } from "clsx";
+import a from "./alert.module.css.js";
+const m = s.forwardRef(
+  ({ className: e, variant: r, ...t }, o) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: o,
+      role: "alert",
+      className: i(
+        a.alert,
+        a[`variant-${r ?? "default"}`],
+        e
+      ),
+      ...t
+    }
+  )
+);
+m.displayName = "Alert";
+const c = s.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l("h5", { ref: t, className: i(a.alertTitle, e), ...r }));
+c.displayName = "AlertTitle";
+const f = s.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l("div", { ref: t, className: i(a.alertDescription, e), ...r }));
+f.displayName = "AlertDescription";
+export {
+  m as Alert,
+  f as AlertDescription,
+  c as AlertTitle
+};

package/ui/src/components/alert/alert.module.css.js

@@ -0,0 +1,14 @@
+"use client";
+const t = "fb-alert_5UcaT", e = "fb-alertTitle_-KE5o", a = "fb-alertDescription_cg7Ke", r = {
+  alert: t,
+  "variant-default": "fb-variant-default_yhEpY",
+  "variant-destructive": "fb-variant-destructive_rafp5",
+  alertTitle: e,
+  alertDescription: a
+};
+export {
+  t as alert,
+  a as alertDescription,
+  e as alertTitle,
+  r as default
+};

package/ui/src/components/badge/badge.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { clsx as i } from "clsx";
+import r from "./badge.module.css.js";
+function l({ className: t, variant: e, ...o }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: i(
+        r.badge,
+        r[`variant-${e ?? "default"}`],
+        t
+      ),
+      ...o
+    }
+  );
+}
+export {
+  l as Badge
+};

package/ui/src/components/badge/badge.module.css.js

@@ -0,0 +1,12 @@
+"use client";
+const a = "fb-badge_Q1h-y", t = {
+  badge: a,
+  "variant-default": "fb-variant-default_7HL-r",
+  "variant-secondary": "fb-variant-secondary_knrZF",
+  "variant-destructive": "fb-variant-destructive_YUruN",
+  "variant-outline": "fb-variant-outline_EHC5j"
+};
+export {
+  a as badge,
+  t as default
+};

package/ui/src/components/box/box.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { clsx as e } from "clsx";
+import m from "./box.module.css.js";
+const n = ({ className: o, children: r, ...t }) => /* @__PURE__ */ s("div", { className: e(m.boxContainer, o), ...t, children: r });
+export {
+  n as default
+};

package/ui/src/components/box/box.module.css.js

@@ -0,0 +1,8 @@
+"use client";
+const o = "fb-boxContainer_oXGAN", n = {
+  boxContainer: o
+};
+export {
+  o as boxContainer,
+  n as default
+};

package/ui/src/components/button/button.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as f } from "react/jsx-runtime";
+import { Slot as i } from "@radix-ui/react-slot";
+import * as l from "react";
+import { clsx as n } from "clsx";
+import t from "./button.module.css.js";
+const p = l.forwardRef(
+  ({ className: o, variant: r, size: m, asChild: e = !1, ...s }, a) => /* @__PURE__ */ f(
+    e ? i : "button",
+    {
+      className: n(
+        t.button,
+        t[`variant-${r ?? "default"}`],
+        t[`size-${m ?? "default"}`],
+        o
+      ),
+      ref: a,
+      ...s
+    }
+  )
+);
+p.displayName = "Button";
+export {
+  p as Button
+};

package/ui/src/components/button/button.module.css.js

@@ -0,0 +1,18 @@
+"use client";
+const t = "fb-button_MJLDl", a = {
+  button: t,
+  "variant-default": "fb-variant-default_KLx8b",
+  "variant-destructive": "fb-variant-destructive_vQKZ2",
+  "variant-outline": "fb-variant-outline_1Mb0E",
+  "variant-secondary": "fb-variant-secondary_-bohS",
+  "variant-ghost": "fb-variant-ghost_qml-f",
+  "variant-link": "fb-variant-link_aNj3r",
+  "size-default": "fb-size-default_9qKVU",
+  "size-sm": "fb-size-sm_MvjvS",
+  "size-lg": "fb-size-lg_v6n8j",
+  "size-icon": "fb-size-icon_MYsET"
+};
+export {
+  t as button,
+  a as default
+};

package/ui/src/components/card/card.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsx as c, jsxs as o } from "react/jsx-runtime";
+import * as s from "react";
+import { clsx as t } from "clsx";
+import a from "./card.module.css.js";
+const m = s.createContext({
+  variant: "default"
+}), N = s.forwardRef(({ className: e, ...r }, d) => /* @__PURE__ */ c("div", { ref: d, className: t(a.cardHeader, e), ...r }));
+N.displayName = "CardHeader";
+const v = s.forwardRef(({ className: e, ...r }, d) => /* @__PURE__ */ c("h3", { ref: d, className: t(a.cardTitle, e), ...r }));
+v.displayName = "CardTitle";
+const h = s.forwardRef(({ className: e, ...r }, d) => /* @__PURE__ */ c(
+  "p",
+  {
+    ref: d,
+    className: t(a.cardDescription, e),
+    ...r
+  }
+));
+h.displayName = "CardDescription";
+const y = s.forwardRef(({ className: e, ...r }, d) => /* @__PURE__ */ c("div", { ref: d, className: t(a.cardContent, e), ...r }));
+y.displayName = "CardContent";
+function x({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ c("div", { className: t(a.cardFooter, e), ...r });
+}
+function H({
+  title: e,
+  description: r,
+  badge: d,
+  meta: i,
+  action: n,
+  className: p
+}) {
+  const { variant: u } = s.useContext(m);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: t(
+        a.cardHeaderStructured,
+        u === "compact" && a.cardHeaderStructuredCompact,
+        p
+      ),
+      children: [
+        /* @__PURE__ */ o("div", { className: a.cardHeaderLeft, children: [
+          /* @__PURE__ */ o("div", { className: a.cardTitleRow, children: [
+            /* @__PURE__ */ c("span", { className: a.cardTitleText, children: e }),
+            d
+          ] }),
+          r && /* @__PURE__ */ c("p", { className: a.cardDescriptionText, children: r }),
+          i && i.length > 0 && /* @__PURE__ */ c("div", { className: a.cardMeta, children: i.map((l, f) => /* @__PURE__ */ o("span", { className: a.cardMetaItem, children: [
+            l.icon,
+            l.label
+          ] }, f)) })
+        ] }),
+        n && /* @__PURE__ */ c("div", { className: a.cardHeaderRight, children: n })
+      ]
+    }
+  );
+}
+function R({ children: e, flush: r, className: d }) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: t(
+        r ? a.cardBodyFlush : a.cardBody,
+        d
+      ),
+      children: e
+    }
+  );
+}
+function D() {
+  return /* @__PURE__ */ c("div", { className: a.cardDivider });
+}
+const C = s.forwardRef(
+  ({ className: e, variant: r = "default", ...d }, i) => /* @__PURE__ */ c(m.Provider, { value: { variant: r }, children: /* @__PURE__ */ c(
+    "div",
+    {
+      ref: i,
+      className: t(
+        a.card,
+        r === "compact" && a.cardCompact,
+        e
+      ),
+      ...d
+    }
+  ) })
+);
+C.displayName = "Card";
+const F = Object.assign(C, {
+  Header: H,
+  Body: R,
+  Footer: x,
+  Divider: D
+});
+export {
+  F as Card,
+  y as CardContent,
+  h as CardDescription,
+  x as CardFooter,
+  N as CardHeader,
+  v as CardTitle
+};

package/ui/src/components/card/card.module.css.js

@@ -0,0 +1,44 @@
+"use client";
+const c = "fb-card_Ry9d9", r = "fb-cardCompact_wGBoD", d = "fb-cardHeader_exSCY", t = "fb-cardHeaderStructured_UBow4", a = "fb-cardHeaderStructuredCompact_jH94z", e = "fb-cardHeaderLeft_PnQMU", o = "fb-cardTitleRow_XU5Go", i = "fb-cardTitleText_imcqj", n = "fb-cardDescriptionText_oCoiA", s = "fb-cardMeta_Ch80f", f = "fb-cardMetaItem_ggGU8", b = "fb-cardHeaderRight_rEXk0", _ = "fb-cardBody_lIAav", u = "fb-cardBodyFlush_tfGIm", H = "fb-cardFooter_BAcjS", l = "fb-cardDivider_-i-Kq", T = "fb-cardTitle_mLAib", p = "fb-cardDescription_iLv2K", m = "fb-cardContent_HJ92K", C = {
+  card: c,
+  cardCompact: r,
+  cardHeader: d,
+  cardHeaderStructured: t,
+  cardHeaderStructuredCompact: a,
+  cardHeaderLeft: e,
+  cardTitleRow: o,
+  cardTitleText: i,
+  cardDescriptionText: n,
+  cardMeta: s,
+  cardMetaItem: f,
+  cardHeaderRight: b,
+  cardBody: _,
+  cardBodyFlush: u,
+  cardFooter: H,
+  cardDivider: l,
+  cardTitle: T,
+  cardDescription: p,
+  cardContent: m
+};
+export {
+  c as card,
+  _ as cardBody,
+  u as cardBodyFlush,
+  r as cardCompact,
+  m as cardContent,
+  p as cardDescription,
+  n as cardDescriptionText,
+  l as cardDivider,
+  H as cardFooter,
+  d as cardHeader,
+  e as cardHeaderLeft,
+  b as cardHeaderRight,
+  t as cardHeaderStructured,
+  a as cardHeaderStructuredCompact,
+  s as cardMeta,
+  f as cardMetaItem,
+  T as cardTitle,
+  o as cardTitleRow,
+  i as cardTitleText,
+  C as default
+};