@teja-app/ui 0.0.14 → 0.0.15

package/dist/theme/index.js

@@ -777,6 +777,61 @@ function Badge({
     children
   ] });
 }
+const TONE_COLORS = {
+  waiting: { bg: "var(--ai-soft)", fg: "var(--ai)", dot: "var(--ai)" },
+  soon: { bg: "var(--warning-soft)", fg: "var(--warning)", dot: "var(--warning)" },
+  ready: { bg: "var(--success-soft)", fg: "var(--success)", dot: "var(--success)" }
+};
+function CountdownPill({
+  tone,
+  label,
+  icon = "clock",
+  dot,
+  testId,
+  "data-testid": dataTestId
+}) {
+  const showDot = dot ?? tone !== "ready";
+  return /* @__PURE__ */ jsxs(
+    Badge,
+    {
+      tone: "neutral",
+      colors: TONE_COLORS[tone],
+      dot: showDot,
+      testId,
+      "data-testid": dataTestId,
+      children: [
+        /* @__PURE__ */ jsx(Icon, { name: icon, size: 12 }),
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: "var(--font-mono)", fontWeight: 600 }, children: label })
+      ]
+    }
+  );
+}
+const DAY_S = 86400;
+const HOUR_S = 3600;
+const MIN_S = 60;
+function countdownParts(startMs, nowMs, soonThresholdSeconds = 120) {
+  const deltaMs = startMs - nowMs;
+  if (deltaMs <= 0) {
+    return {
+      tone: "ready",
+      days: 0,
+      hours: 0,
+      minutes: 0,
+      seconds: 0,
+      unit: "now",
+      clock: "00:00"
+    };
+  }
+  const total = Math.floor(deltaMs / 1e3);
+  const days = Math.floor(total / DAY_S);
+  const hours = Math.floor(total % DAY_S / HOUR_S);
+  const minutes = Math.floor(total % HOUR_S / MIN_S);
+  const seconds = total % MIN_S;
+  const unit = days > 0 ? "days" : hours > 0 ? "hours" : "minutes";
+  const clock = `${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
+  const tone = total <= soonThresholdSeconds ? "soon" : "waiting";
+  return { tone, days, hours, minutes, seconds, unit, clock };
+}
 const Card = forwardRef(function Card2({
   padding = 20,
   children,
@@ -19093,6 +19148,7 @@ export {
   Chip,
   Combobox,
   ConfirmDialog,
+  CountdownPill,
   CountryPicker,
   DEFAULT_LANG_OPTIONS,
   DENSITY_OPTIONS,
@@ -19185,6 +19241,7 @@ export {
   ViewToggle,
   applyTheme,
   controlBoxStyle,
+  countdownParts,
   ensureAIStyles,
   ensureSidebarNavStyles,
   ensureSkeletonStyles,