@krosoft/react 0.0.73 → 0.0.75

package/dist/MetricCard-H--Bf1Ib.js

@@ -0,0 +1,64 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { c as m, g as u, h as f, d as p } from "./calendar-cHag6u-j.js";
+import "./index-BQOmHRsD.js";
+import { c as n } from "./index-gWiv5-6R.js";
+import "./select-Dv9bdUCB.js";
+import g from "react";
+import { formatNumber as h } from "@krosoft/core/helpers";
+import { useTranslation as N } from "react-i18next";
+const b = ({ titleKey: t, value: e, valueClassName: i, icon: d, iconClassName: s, description: l, descriptionClassName: c, onClick: a }) => {
+  const { t: x } = N();
+  return /* @__PURE__ */ o(m, { className: n(a ? "hover:border-primary cursor-pointer" : ""), onClick: a, children: [
+    /* @__PURE__ */ o(u, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ r(f, { className: "text-sm font-medium", children: x(t) }),
+      g.createElement(d, {
+        className: n("size-6 text-muted-foreground", s)
+      })
+    ] }),
+    /* @__PURE__ */ o(p, { children: [
+      /* @__PURE__ */ r("div", { className: n("text-2xl font-bold", i), children: h(e) }),
+      /* @__PURE__ */ r("p", { className: n("text-xs text-muted-foreground", c), children: l })
+    ] })
+  ] });
+}, $ = ({ 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
+)) }), v = {
+  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"
+}, C = (t) => t === "up" ? "↗" : t === "down" ? "↘" : "→", w = (t) => t === "up" ? "text-green-600" : t === "down" ? "text-red-600" : "text-muted-foreground", E = ({ 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(u, { className: "flex flex-row items-center justify-between space-y-0 pb-2 relative z-10", children: [
+    /* @__PURE__ */ r(f, { className: "text-sm font-medium text-muted-foreground", children: t }),
+    /* @__PURE__ */ r("div", { className: `p-2 rounded-lg bg-gradient-to-br ${v[c]} shadow-lg`, children: /* @__PURE__ */ r(d, { className: "h-4 w-4 text-white" }) })
+  ] }),
+  /* @__PURE__ */ o(p, { 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: C(s) }),
+      /* @__PURE__ */ r("span", { children: l })
+    ] }),
+    a && /* @__PURE__ */ r("div", { className: "mt-4", children: a })
+  ] })
+] });
+export {
+  b as K,
+  E as M,
+  $ as a
+};

package/dist/{ThemeSelector-DMgBLEYm.js → ThemeSelector-DQmkKmzE.js}

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
 import { B as m } from "./index-BQOmHRsD.js";
-import { S as h, f as u, g, a as f, c as v } from "./select-CdiR6cO0.js";
+import { S as h, f as u, g, a as f, c as v } from "./select-Dv9bdUCB.js";
 import { T as b, a as N, b as S, c as x } from "./tooltip-Dep8OR3c.js";
 import { u as C } from "./useTheme-D__o7mLN.js";
 function j({ themeOptions: c, variant: t = "select" }) {