@alfadocs/ui-kit 0.47.0 → 0.49.0

package/dist/_chunks/hcg-doubling-DAnpbale.js

@@ -0,0 +1,170 @@
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { forwardRef as k, useState as p, useMemo as T, useEffect as S } from "react";
+import { c as V } from "./index-D2ZczOXr.js";
+import { useTranslation as j } from "react-i18next";
+import { F as f } from "./form-field-BOm9hK35.js";
+import { N as L } from "./number-input-Dj5L3pXK.js";
+import { D as M } from "./date-time-picker-H-3Pwqlb.js";
+import { C as _ } from "./card-DPmk26CL.js";
+import { B as A } from "./badge-zsf5i5bH.js";
+import { I as C } from "./insert-result-DNdi_JYW.js";
+const O = 1e3 * 60 * 60, z = 35;
+function G(D) {
+  const { hcg1: r, hcg2: s, date1: d, date2: o } = D;
+  if (!(r > 0) || !(s > 0)) return null;
+  const i = (o.getTime() - d.getTime()) / O;
+  if (!(i > 0)) return null;
+  const a = s / r, v = (a - 1) * 100, c = (a ** (48 / i) - 1) * 100, x = a > 1 ? i * Math.LN2 / Math.log(a) : null, N = a <= 1 ? "plateau-falling" : c >= z ? "rising-normal" : "rising-slow";
+  return {
+    intervalHours: i,
+    ratio: a,
+    percentRise: v,
+    twoDayRisePercent: c,
+    doublingTimeHours: x,
+    trend: N
+  };
+}
+const K = V("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    width: { full: "ds:w-full", auto: "ds:inline-flex" }
+  },
+  defaultVariants: { width: "full" }
+}), U = {
+  "rising-normal": "success",
+  "rising-slow": "warning",
+  "plateau-falling": "error"
+}, q = {
+  "rising-normal": "--success",
+  "rising-slow": "--warning-readable",
+  "plateau-falling": "--destructive"
+}, J = k(
+  ({
+    defaultDate1: D,
+    defaultDate2: r,
+    onResultChange: s,
+    onInsert: d,
+    insertVariant: o = "insert",
+    onCopy: i,
+    onError: a,
+    insertBrand: v,
+    id: c,
+    width: x,
+    className: N
+  }, I) => {
+    const { t: e, i18n: w } = j(), [g, B] = p(null), [u, F] = p(D), [m, P] = p(null), [h, R] = p(r), H = T(() => /* @__PURE__ */ new Date(), []), n = T(() => g === null || m === null || !u || !h ? null : G({ hcg1: g, date1: u, hcg2: m, date2: h }), [g, u, m, h]);
+    S(() => {
+      s == null || s(n);
+    }, [n, s]);
+    const $ = T(
+      () => new Intl.NumberFormat(w.language, { maximumFractionDigits: 0 }),
+      [w.language]
+    ), y = (b) => b.doublingTimeHours === null ? "—" : e("hcgDoubling.hoursValue", {
+      hours: $.format(b.doublingTimeHours)
+    }), E = (b) => e("hcgDoubling.percentValue", { value: $.format(b.twoDayRisePercent) });
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: I,
+        "data-component": "hcg-doubling",
+        "data-component-id": c,
+        className: K({ width: x, className: N }),
+        children: [
+          /* @__PURE__ */ t("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ l(
+              f,
+              {
+                label: `${e("hcgDoubling.hcg1")} (${e("hcgDoubling.units")})`,
+                children: /* @__PURE__ */ l(
+                  L,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    value: g,
+                    onChange: B
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ l(f, { label: e("hcgDoubling.date1"), children: /* @__PURE__ */ l(M, { value: u, onChange: F, maxDate: H }) }),
+            /* @__PURE__ */ l(
+              f,
+              {
+                label: `${e("hcgDoubling.hcg2")} (${e("hcgDoubling.units")})`,
+                children: /* @__PURE__ */ l(
+                  L,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    value: m,
+                    onChange: P
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ l(f, { label: e("hcgDoubling.date2"), children: /* @__PURE__ */ l(M, { value: h, onChange: R, maxDate: H }) })
+          ] }),
+          /* @__PURE__ */ l("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: n ? `${e("hcgDoubling.doublingLabel")}: ${y(n)}. ${e(
+            `hcgDoubling.trend.${n.trend}`
+          )}.` : "" }),
+          n ? /* @__PURE__ */ l(_, { variant: "elevated", children: /* @__PURE__ */ t(_.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ t("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3", children: [
+              /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ l("dt", { className: "type-label ds:text-muted-foreground", children: e("hcgDoubling.doublingLabel") }),
+                /* @__PURE__ */ l("dd", { className: "type-metric ds:text-foreground", children: y(n) })
+              ] }),
+              /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ l("dt", { className: "type-label ds:text-muted-foreground", children: e("hcgDoubling.riseLabel") }),
+                /* @__PURE__ */ l("dd", { className: "type-body ds:text-foreground", children: E(n) })
+              ] }),
+              /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-xs)] ds:text-end", children: [
+                /* @__PURE__ */ l("dt", { className: "type-label ds:text-muted-foreground", children: e("hcgDoubling.trendLabel") }),
+                /* @__PURE__ */ l("dd", { children: /* @__PURE__ */ l(A, { variant: U[n.trend], size: "lg", children: e(`hcgDoubling.trend.${n.trend}`) }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ l("p", { className: "type-body-sm ds:text-muted-foreground", children: e("hcgDoubling.disclaimer") }),
+            o === "copy" || d ? /* @__PURE__ */ l(
+              C,
+              {
+                onInsert: d,
+                variant: o,
+                onCopy: i,
+                onError: a,
+                card: {
+                  title: e("insert.title.hcg"),
+                  icon: "activity",
+                  highlight: e(`hcgDoubling.trend.${n.trend}`),
+                  highlightToken: q[n.trend],
+                  brand: v,
+                  fields: [
+                    {
+                      icon: "clock",
+                      label: e("hcgDoubling.doublingLabel"),
+                      value: y(n)
+                    },
+                    {
+                      icon: "trending-up",
+                      label: e("hcgDoubling.riseLabel"),
+                      value: E(n)
+                    },
+                    {
+                      icon: "tag",
+                      label: e("hcgDoubling.trendLabel"),
+                      value: e(`hcgDoubling.trend.${n.trend}`)
+                    }
+                  ]
+                }
+              }
+            ) : null
+          ] }) }) : /* @__PURE__ */ l("p", { className: "type-body ds:text-muted-foreground", children: e("hcgDoubling.empty") })
+        ]
+      }
+    );
+  }
+);
+J.displayName = "HcgDoubling";
+export {
+  J as H,
+  z as M,
+  G as a
+};
+//# sourceMappingURL=hcg-doubling-DAnpbale.js.map

package/dist/_chunks/{hi-Dj3oYd84.js → hi-DGByrKby.js}

@@ -1,4 +1,4 @@
-import { r as o, q as s, v as r, w as u } from "./date-picker-variants-DLi1Va_e.js";
+import { r as o, q as s, v as r, w as u } from "./date-picker-variants-CXEAx3O_.js";
 const d = {
   locale: {
     1: "१",
@@ -430,4 +430,4 @@ const y = {
 export {
   H as hi
 };
-//# sourceMappingURL=hi-Dj3oYd84.js.map
+//# sourceMappingURL=hi-DGByrKby.js.map