@krosoft/react 0.0.77 → 0.0.79

package/dist/MetricCard-88djqC4o.js

@@ -1,66 +0,0 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import "./calendar-BMReToKR.js";
-import "./checkbox-BI6Lm_p-.js";
-import "./floating-ui.react-dom-BPCyLQfI.js";
-import { C as m, d as p, e as u, a as f } from "./card-7XPLAra3.js";
-import { c as n } from "./index-gWiv5-6R.js";
-import "./select-B-hcmC3K.js";
-import g from "react";
-import { formatNumber as N } from "@krosoft/core/helpers";
-import { useTranslation as h } from "react-i18next";
-const b = ({ titleKey: t, value: e, valueClassName: i, icon: d, iconClassName: s, description: l, descriptionClassName: c, onClick: a }) => {
-  const { t: x } = h();
-  return /* @__PURE__ */ o(m, { className: n(a ? "hover:border-primary cursor-pointer" : ""), onClick: a, children: [
-    /* @__PURE__ */ o(p, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ r(u, { className: "text-sm font-medium", children: x(t) }),
-      g.createElement(d, {
-        className: n("size-6 text-muted-foreground", s)
-      })
-    ] }),
-    /* @__PURE__ */ o(f, { children: [
-      /* @__PURE__ */ r("div", { className: n("text-2xl font-bold", i), children: N(e) }),
-      /* @__PURE__ */ r("p", { className: n("text-xs text-muted-foreground", c), children: l })
-    ] })
-  ] });
-}, F = ({ stats: t }) => /* @__PURE__ */ r("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-4", children: t.map((e) => /* @__PURE__ */ r(
-  b,
-  {
-    titleKey: e.titleKey,
-    value: e.value,
-    valueClassName: e.valueClassName,
-    icon: e.icon,
-    iconClassName: e.iconClassName,
-    description: e.description,
-    descriptionClassName: e.descriptionClassName,
-    onClick: e.onClick
-  },
-  e.titleKey
-)) }), C = {
-  blue: "from-blue-500 to-cyan-500",
-  green: "from-green-500 to-emerald-500",
-  orange: "from-orange-500 to-yellow-500",
-  red: "from-red-500 to-pink-500",
-  purple: "from-purple-500 to-indigo-500"
-}, v = (t) => t === "up" ? "↗" : t === "down" ? "↘" : "→", w = (t) => t === "up" ? "text-green-600" : t === "down" ? "text-red-600" : "text-muted-foreground", H = ({ title: t, value: e, unit: i, icon: d, trend: s, trendValue: l, color: c = "blue", children: a }) => /* @__PURE__ */ o(m, { className: "relative overflow-hidden bg-card border shadow-lg hover:shadow-xl transition-all duration-300", children: [
-  /* @__PURE__ */ r("div", { className: "absolute inset-0 bg-white/5" }),
-  /* @__PURE__ */ o(p, { className: "flex flex-row items-center justify-between space-y-0 pb-2 relative z-10", children: [
-    /* @__PURE__ */ r(u, { className: "text-sm font-medium text-muted-foreground", children: t }),
-    /* @__PURE__ */ r("div", { className: `p-2 rounded-lg bg-gradient-to-br ${C[c]} shadow-lg`, children: /* @__PURE__ */ r(d, { className: "size-4 text-white" }) })
-  ] }),
-  /* @__PURE__ */ o(f, { className: "relative z-10", children: [
-    /* @__PURE__ */ o("div", { className: "flex items-baseline space-x-2", children: [
-      /* @__PURE__ */ r("div", { className: "text-2xl font-bold text-card-foreground", children: typeof e == "number" ? e.toFixed(1) : e }),
-      i && /* @__PURE__ */ r("div", { className: "text-sm text-muted-foreground font-medium", children: i })
-    ] }),
-    s && l && /* @__PURE__ */ o("div", { className: `flex items-center space-x-1 mt-2 text-xs ${w(s)}`, children: [
-      /* @__PURE__ */ r("span", { children: v(s) }),
-      /* @__PURE__ */ r("span", { children: l })
-    ] }),
-    a && /* @__PURE__ */ r("div", { className: "mt-4", children: a })
-  ] })
-] });
-export {
-  b as K,
-  H as M,
-  F as a
-};