@krosoft/react 0.0.238 → 0.0.239

package/dist/GenericForm-CydibLHU.js

@@ -1,343 +0,0 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import "date-fns/locale";
-import { useTranslation as q } from "react-i18next";
-import { u as D } from "./useKrosoftTranslation-BTp46G94.js";
-import { I as J } from "./ImageInput-DoOOvvth.js";
-import { A as V } from "./AppSubTitle-BTN0YAc7.js";
-import { M as L } from "./MultiSelect-DbH7LrsD.js";
-import { ai as Q, al as X, am as Y, an as $, aj as j, ao as F, bh as ee, E as te } from "./toggle-group-iZqnrTj7.js";
-import "./alert-B9F1N9Qk.js";
-import "@radix-ui/react-aspect-ratio";
-import { B as P } from "./tooltip-DVeqVwqV.js";
-import { C as ae, d as re, a as se } from "./chart-DntJZGxB.js";
-import "@radix-ui/react-collapsible";
-import { I as C } from "./sheet-XYI-ezvY.js";
-import "lucide-react";
-import "react-resizable-panels";
-import { c as i } from "./tailwind.helper-B6yFEsav.js";
-import { S as ne, h as le, i as oe, a as ce, c as ie } from "./select-BpjFWqAY.js";
-import "next-themes";
-import "sonner";
-import { u as ue } from "./useToast-BFTk4lWz.js";
-import { zodResolver as me } from "@hookform/resolvers/zod";
-import { useState as f } from "react";
-import { useForm as de } from "react-hook-form";
-import { z as y } from "zod";
-const _e = ({
-  schema: v,
-  isLoading: S,
-  error: N,
-  onSubmit: z,
-  onCancel: x,
-  initialData: g,
-  disabled: K = !1,
-  renderActions: A = !0,
-  onRegisterSubmit: w,
-  defaultCols: B = 4
-}) => {
-  const { t: p } = q(), { t: h } = D(), { toast: E } = ue(), [k, T] = f(!1), [pe, I] = f({});
-  if (!v) return null;
-  const O = (e) => {
-    switch (e) {
-      case 1:
-        return "md:col-span-1 col-span-4";
-      case 2:
-        return "md:col-span-2 col-span-4";
-      case 3:
-        return "md:col-span-3 col-span-4";
-      case 4:
-      default:
-        return "md:col-span-4 col-span-4";
-    }
-  }, R = (() => {
-    const e = {};
-    return v.sections.forEach((t) => {
-      t.fields.forEach((a) => {
-        if (a.rules)
-          e[a.key] = a.rules(y);
-        else
-          switch (a.type) {
-            case "checkbox":
-              e[a.key] = y.boolean().nullable().optional();
-              break;
-            case "html":
-              break;
-            case "text":
-            case "textarea":
-            case "number":
-            case "date":
-            case "time":
-            case "select":
-            case "multiSelect":
-            case "color":
-            case "image":
-              e[a.key] = y.string().nullable().optional();
-              break;
-          }
-      });
-    }), y.object(e);
-  })(), m = de({
-    resolver: me(R),
-    defaultValues: g || Object.fromEntries(v.sections.flatMap((e) => e.fields.map((t) => [t.key, t.defaultValue ?? null])))
-  });
-  f(() => {
-    w && w(() => void m.handleSubmit(M)());
-  }), f(() => {
-    if (g) {
-      const e = {};
-      v.sections.forEach((t) => {
-        t.fields.forEach((a) => {
-          a.type === "image" && g[a.key] && (e[a.key] = g[a.key]);
-        });
-      }), I(e);
-    }
-  });
-  const M = async (e) => {
-    if (k) return;
-    if (Object.keys(m.formState.errors).length > 0) {
-      E({
-        title: h("form.validationTitle"),
-        description: h("form.validationMessage"),
-        variant: "destructive"
-      });
-      return;
-    }
-    T(!0);
-    try {
-      await Promise.resolve(z(e));
-    } catch (a) {
-      console.error("Error during form submission:", a), E({
-        title: h("states.errorTitle"),
-        description: h("form.submitError"),
-        variant: "destructive"
-      });
-    } finally {
-      T(!1);
-    }
-  }, Z = (e, t) => {
-    t && I((a) => ({ ...a, [e]: t }));
-  }, _ = (e) => {
-    if (!e) return !1;
-    const t = (a) => {
-      if (!a || !a._def) return !1;
-      const s = a._def;
-      return s.typeName === "ZodNullable" ? !0 : s.innerType ? t(s.innerType) : s.type ? t(s.type) : !1;
-    };
-    try {
-      const a = e(y);
-      return t(a);
-    } catch {
-      return !1;
-    }
-  }, G = (e) => {
-    var s;
-    if (!e) return !1;
-    const t = e(y);
-    return t.safeParse(void 0).success ? !1 : ((s = t._def.checks) == null ? void 0 : s.some((n) => n.kind === "min")) ?? !1;
-  }, H = (e, t) => {
-    const a = !!m.formState.errors[e.key], s = K;
-    switch (e.type) {
-      case "text":
-      case "color":
-        return /* @__PURE__ */ r(
-          C,
-          {
-            type: e.type,
-            ...t,
-            placeholder: e.placeholderKey ? p(e.placeholderKey) : "",
-            className: i(a && "border-destructive"),
-            disabled: s,
-            value: t.value ?? ""
-          }
-        );
-      case "image": {
-        const n = e, o = n.value !== void 0 ? n.value : t.value;
-        return /* @__PURE__ */ r(
-          J,
-          {
-            value: o ?? "",
-            onChange: (l) => {
-              if (n.onChange && n.onChange(l), t.onChange(l), l) {
-                const d = new FileReader();
-                d.onloadend = () => {
-                  Z(e.key, d.result);
-                }, d.readAsDataURL(l);
-              }
-            },
-            accept: n.accept,
-            maxSizeMB: n.maxSizeMB,
-            hint: n.hint,
-            disabled: s,
-            className: i(a && "border-destructive")
-          }
-        );
-      }
-      case "date":
-        return /* @__PURE__ */ r(
-          C,
-          {
-            type: "date",
-            ...t,
-            className: i(a && "border-destructive"),
-            disabled: s,
-            value: t.value ?? ""
-          }
-        );
-      case "time":
-        return /* @__PURE__ */ r(
-          C,
-          {
-            type: "time",
-            ...t,
-            className: i(a && "border-destructive"),
-            disabled: s,
-            value: t.value ?? ""
-          }
-        );
-      case "checkbox":
-        return /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ r(
-            te,
-            {
-              id: e.key,
-              checked: t.value === !0,
-              onCheckedChange: (n) => {
-                t.onChange(n);
-              },
-              disabled: s,
-              className: i(a && "border-destructive")
-            }
-          ),
-          /* @__PURE__ */ r("label", { htmlFor: e.key, className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: p(e.labelKey) })
-        ] }, e.key);
-      case "textarea":
-        return /* @__PURE__ */ r(
-          ee,
-          {
-            ...t,
-            placeholder: e.placeholderKey ? p(e.placeholderKey) : "",
-            className: i(a && "border-destructive", "min-h-[100px]"),
-            disabled: s,
-            value: t.value ?? ""
-          }
-        );
-      case "number": {
-        const n = e;
-        return /* @__PURE__ */ r(
-          C,
-          {
-            type: "number",
-            ...t,
-            step: n.step,
-            min: n.min,
-            placeholder: e.placeholderKey ? p(e.placeholderKey) : "",
-            className: i(a && "border-destructive"),
-            disabled: s,
-            value: t.value ?? "",
-            onChange: (o) => {
-              const l = o.target.value === "" ? "" : Number(o.target.value);
-              t.onChange(l);
-            }
-          }
-        );
-      }
-      case "select": {
-        const n = e, o = _(e.rules), l = t.value === null || t.value === void 0 ? "" : t.value, d = n.options, b = d.find((u) => u.value === l);
-        return /* @__PURE__ */ c(ne, { value: l, onValueChange: t.onChange, disabled: s, children: [
-          /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(
-            le,
-            {
-              className: i(a && "border-destructive"),
-              onClear: o && l ? (u) => {
-                u.preventDefault(), u.stopPropagation(), t.onChange(null);
-              } : void 0,
-              children: /* @__PURE__ */ r(oe, { placeholder: e.placeholderKey ? p(e.placeholderKey) : "", children: b ? /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
-                b.color && /* @__PURE__ */ r("div", { className: "w-4 h-4 rounded-full", style: { backgroundColor: b.color } }),
-                b.label
-              ] }) : void 0 })
-            }
-          ) }),
-          /* @__PURE__ */ r(ce, { children: d.map((u, W) => /* @__PURE__ */ r(ie, { value: u.value, children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
-            u.color && /* @__PURE__ */ r("div", { className: "w-4 h-4 rounded-full", style: { backgroundColor: u.color } }),
-            u.label
-          ] }) }, W)) })
-        ] });
-      }
-      case "multiSelect": {
-        const n = e, o = t.value ?? [];
-        return /* @__PURE__ */ r(
-          L,
-          {
-            options: n.options,
-            selected: o,
-            onToggle: (l) => {
-              const d = o.includes(l) ? o.filter((b) => b !== l) : [...o, l];
-              t.onChange(d);
-            },
-            onClear: () => {
-              t.onChange([]);
-            },
-            onSelectAll: (l) => {
-              t.onChange(l);
-            },
-            placeholder: e.placeholderKey ? p(e.placeholderKey) : "",
-            disabled: s
-          }
-        );
-      }
-      case "html":
-        return e.render(m.getValues(), e);
-      default:
-        return null;
-    }
-  }, U = (e, t) => {
-    const a = /* @__PURE__ */ r("div", { className: i("grid grid-cols-4 gap-4"), children: e.fields.map((s) => /* @__PURE__ */ r(
-      X,
-      {
-        control: m.control,
-        name: s.key,
-        render: ({ field: n }) => {
-          var o;
-          return /* @__PURE__ */ c(Y, { className: i(O(((o = s.layout) == null ? void 0 : o.cols) ?? B)), children: [
-            s.type !== "checkbox" && s.type !== "html" && /* @__PURE__ */ c($, { children: [
-              p(s.labelKey),
-              G(s.rules) && /* @__PURE__ */ r("span", { className: "text-destructive ml-1", children: "*" })
-            ] }),
-            /* @__PURE__ */ r(j, { children: H(s, n) }),
-            /* @__PURE__ */ r(F, {})
-          ] });
-        }
-      },
-      s.key
-    )) });
-    return v.useCards === !1 ? /* @__PURE__ */ c("div", { className: "space-y-4 mb-6", children: [
-      e.titleKey && /* @__PURE__ */ r(V, { titleKey: e.titleKey }),
-      a
-    ] }, t) : /* @__PURE__ */ c(ae, { className: "mb-6", children: [
-      e.titleKey && /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(V, { titleKey: e.titleKey }) }),
-      /* @__PURE__ */ r(se, { children: a })
-    ] }, t);
-  };
-  return /* @__PURE__ */ r(Q, { ...m, children: /* @__PURE__ */ c(
-    "form",
-    {
-      onSubmit: (e) => {
-        m.handleSubmit(M)(e);
-      },
-      className: "space-y-4 px-0 w-full",
-      children: [
-        /* @__PURE__ */ c("div", { className: "space-y-4", children: [
-          v.sections.map((e, t) => U(e, t)),
-          N && /* @__PURE__ */ r("div", { className: "text-sm font-medium text-destructive", children: N.message })
-        ] }),
-        !K && A && /* @__PURE__ */ c("div", { className: "flex justify-end gap-3 mt-6 border-t pt-4", children: [
-          x && /* @__PURE__ */ r(P, { type: "button", variant: "outline", onClick: x, disabled: k || S, children: h("actions.cancel") }),
-          /* @__PURE__ */ r(P, { variant: "default", type: "submit", disabled: k || (S ?? !1) || m.formState.isSubmitting, children: h(k || S ? "actions.saving" : "actions.save") })
-        ] })
-      ]
-    }
-  ) });
-};
-export {
-  _e as G
-};

package/dist/ImageInput-DoOOvvth.js

@@ -1,70 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import "date-fns/locale";
-import "react-i18next";
-import { u as x } from "./useKrosoftTranslation-BTp46G94.js";
-import "./toggle-group-iZqnrTj7.js";
-import "./alert-B9F1N9Qk.js";
-import "@radix-ui/react-aspect-ratio";
-import { B as N } from "./tooltip-DVeqVwqV.js";
-import "./chart-DntJZGxB.js";
-import "@radix-ui/react-collapsible";
-import "./sheet-XYI-ezvY.js";
-import { XIcon as w, ImageIcon as y, UploadIcon as I } from "lucide-react";
-import "react-resizable-panels";
-import { c as p } from "./tailwind.helper-B6yFEsav.js";
-import "./select-BpjFWqAY.js";
-import "next-themes";
-import "sonner";
-import { forwardRef as j, useRef as T } from "react";
-import { u as R } from "./useNotifications-zbUhCvF_.js";
-const P = j(
-  ({ value: a, onChange: m, accept: n = "image/jpeg,image/png,image/webp", maxSizeMB: i = 2, disabled: l = !1, className: f = "", hint: c = "JPG, PNG, WEBP" }, h) => {
-    const { t } = x(), { showError: d } = R(), r = T(null), g = (b) => {
-      var u;
-      const o = (u = b.target.files) == null ? void 0 : u[0];
-      if (!o) return;
-      if (!n.split(",").map((v) => v.trim()).includes(o.type)) {
-        d(t("states.errorTitle"), t("image.invalidType", { types: c })), r.current && (r.current.value = "");
-        return;
-      }
-      if (o.size > i * 1024 * 1024) {
-        d(t("states.errorTitle"), t("image.tooLarge", { size: i })), r.current && (r.current.value = "");
-        return;
-      }
-      m(o), r.current && (r.current.value = "");
-    };
-    return /* @__PURE__ */ e("div", { ref: h, className: f, children: a ? /* @__PURE__ */ s("div", { className: "relative w-32 h-32 rounded-surface overflow-hidden border-2 border-border", children: [
-      /* @__PURE__ */ e("img", { src: a, alt: "Preview", className: "w-full h-full object-cover" }),
-      !l && /* @__PURE__ */ e(N, { type: "button", variant: "destructive", size: "sm", className: "absolute top-1 right-1 h-6 w-6 p-0", onClick: () => {
-        m(null);
-      }, children: /* @__PURE__ */ e(w, { className: "h-4 w-4" }) })
-    ] }) : l ? /* @__PURE__ */ s("div", { className: p("flex flex-col items-center justify-center w-full h-32", "border-2 border-dashed border-border rounded-surface", "bg-muted/30"), children: [
-      /* @__PURE__ */ e(y, { className: "h-8 w-8 text-muted-foreground/50 mb-2" }),
-      /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground/50", children: t("image.empty") })
-    ] }) : /* @__PURE__ */ s(
-      "label",
-      {
-        className: p(
-          "flex flex-col items-center justify-center w-full h-32",
-          "border-2 border-dashed border-border rounded-surface",
-          "cursor-pointer hover:bg-muted/50 transition-colors"
-        ),
-        children: [
-          /* @__PURE__ */ e(I, { className: "h-8 w-8 text-muted-foreground mb-2" }),
-          /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: t("image.upload") }),
-          /* @__PURE__ */ s("span", { className: "text-xs text-muted-foreground mt-1", children: [
-            c,
-            " (max ",
-            i,
-            "MB)"
-          ] }),
-          /* @__PURE__ */ e("input", { ref: r, type: "file", className: "hidden", accept: n, onChange: g })
-        ]
-      }
-    ) });
-  }
-);
-P.displayName = "ImageInput";
-export {
-  P as I
-};

package/dist/KpiCardsLayout-Bq4xQ3i8.js

@@ -1,43 +0,0 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import "./toggle-group-iZqnrTj7.js";
-import "./alert-B9F1N9Qk.js";
-import "@radix-ui/react-aspect-ratio";
-import { B as c } from "./tooltip-DVeqVwqV.js";
-import "./chart-DntJZGxB.js";
-import "@radix-ui/react-collapsible";
-import "./sheet-XYI-ezvY.js";
-import { ArrowLeftIcon as l } from "lucide-react";
-import "react-resizable-panels";
-import "clsx";
-import "tailwind-merge";
-import "./select-BpjFWqAY.js";
-import "next-themes";
-import "sonner";
-import "react";
-import { A as f } from "./AppActions-BFwztl-1.js";
-import { A as d } from "./AppTitle-D15YXeMx.js";
-import { u } from "./useDocumentTitle-WNwdPz-I.js";
-import { useTranslation as g } from "react-i18next";
-import "@krosoft/core/helpers";
-import { b as h, a as x } from "./SkeletonCards-B9C4cNMr.js";
-import "date-fns/locale";
-import { E as A } from "./ErrorState-CkeS_IBT.js";
-function P({ icon: t, titleKey: i, descriptionKey: e, actions: a, onBack: o, renderPreActions: s, className: p }) {
-  const { t: n } = g();
-  return u(n(i)), /* @__PURE__ */ m("div", { className: "flex flex-row items-center justify-between gap-3 md:gap-4", children: [
-    /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-3 md:gap-4", children: [
-      o && /* @__PURE__ */ r(c, { variant: "ghost", size: "icon", className: "shrink-0", onClick: o, children: /* @__PURE__ */ r(l, { className: "h-4 w-4" }) }),
-      t && /* @__PURE__ */ r("div", { className: "size-12 shrink-0 bg-blue-100 rounded-control flex items-center justify-center", children: /* @__PURE__ */ r(t, { className: "h-6 w-6 text-blue-600" }) }),
-      /* @__PURE__ */ r(d, { titleKey: i, descriptionKey: e })
-    ] }),
-    /* @__PURE__ */ m("div", { className: "flex shrink-0 items-center gap-2 md:gap-4", children: [
-      s && s(),
-      /* @__PURE__ */ r(f, { actions: a, className: p })
-    ] })
-  ] });
-}
-const Q = ({ stats: t, isLoading: i, error: e }) => i ? /* @__PURE__ */ r(h, { count: 4 }) : e ? /* @__PURE__ */ r(A, { message: e.message }) : /* @__PURE__ */ r(x, { stats: t });
-export {
-  P as A,
-  Q as K
-};

package/dist/LanguageSelector-C7E51rCQ.js

@@ -1,47 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import "date-fns/locale";
-import "react-i18next";
-import { u as h } from "./useKrosoftTranslation-BTp46G94.js";
-import { b as g, T as f, c as v, B as p, a as b } from "./tooltip-DVeqVwqV.js";
-import { S as T, h as N, i as x, a as S, c as C } from "./select-BpjFWqAY.js";
-import { u as I } from "./useLanguage-C9jI2nwn.js";
-import { LanguagesIcon as i } from "lucide-react";
-function P({ languageOptions: o, variant: n = "select", id: t }) {
-  const { t: r } = h(), { currentLanguageOption: a, nextLanguageOption: c, changeLanguage: m, cycleLanguage: d } = I(o);
-  if (n === "mini") {
-    const l = (a == null ? void 0 : a.icon) ?? i;
-    return /* @__PURE__ */ e(g, { children: /* @__PURE__ */ s(f, { children: [
-      /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ s(
-        p,
-        {
-          id: t,
-          variant: "ghost",
-          size: "icon",
-          onClick: d,
-          className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-          children: [
-            /* @__PURE__ */ e(l, { className: "size-4" }),
-            /* @__PURE__ */ e("span", { className: "sr-only", children: r("language.current", { language: (a == null ? void 0 : a.label) ?? "" }) })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e(b, { side: "bottom", align: "center", children: r("language.switchTo", { language: (c == null ? void 0 : c.label) ?? "" }) })
-    ] }) });
-  }
-  return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ s(T, { value: a == null ? void 0 : a.value, onValueChange: m, children: [
-      /* @__PURE__ */ e(N, { id: t, className: "w-full", children: /* @__PURE__ */ e(x, { placeholder: r("select.language") }) }),
-      /* @__PURE__ */ e(S, { children: o.map((l) => {
-        const u = l.icon ?? i;
-        return /* @__PURE__ */ e(C, { value: l.value, children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(u, { className: "size-4" }),
-          l.label
-        ] }) }, l.value);
-      }) })
-    ] }),
-    /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: r("language.description") })
-  ] });
-}
-export {
-  P as L
-};

package/dist/LoadingState-BN0YaPSs.js

@@ -1,9 +0,0 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { Loader2Icon as r } from "lucide-react";
-const a = ({ message: e }) => /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center p-12 text-muted-foreground animate-fade-in", children: [
-  /* @__PURE__ */ t(r, { className: "size-8 animate-spin mb-4 text-primary" }),
-  e !== void 0 && e !== "" ? /* @__PURE__ */ t("p", { className: "font-semibold text-sm", children: e }) : null
-] });
-export {
-  a as L
-};

package/dist/MetricCard-B0xnFyim.js

@@ -1,53 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { C as l, d as h, e as m, a as g } from "./chart-DntJZGxB.js";
-import { c as b } from "./tailwind.helper-B6yFEsav.js";
-import { useTranslation as p } from "react-i18next";
-const k = ({ titleKey: t, icon: s, className: n, children: a }) => {
-  const { t: o } = p();
-  return /* @__PURE__ */ r(l, { className: b("bg-gray-50 dark:bg-gray-950", n), children: [
-    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ r(m, { className: "flex items-center gap-2", children: [
-      s && /* @__PURE__ */ e(s, { className: "mr-2 size-4" }),
-      /* @__PURE__ */ e("span", { children: o(t) })
-    ] }) }),
-    /* @__PURE__ */ e(g, { children: a })
-  ] });
-}, w = {
-  blue: "bg-gradient-to-br from-blue-500 to-cyan-500 text-white",
-  green: "bg-gradient-to-br from-green-500 to-emerald-500 text-white",
-  orange: "bg-gradient-to-br from-orange-500 to-yellow-500 text-white",
-  red: "bg-gradient-to-br from-red-500 to-pink-500 text-white",
-  purple: "bg-gradient-to-br from-purple-500 to-indigo-500 text-white",
-  accent: "bg-accent/10 text-accent",
-  success: "bg-success/10 text-success",
-  info: "bg-info/10 text-info",
-  warning: "bg-warning/10 text-warning",
-  destructive: "bg-destructive/10 text-destructive"
-}, N = {
-  sm: "size-4",
-  md: "size-5",
-  lg: "size-6"
-}, v = (t) => t === "up" ? "↑" : t === "down" ? "↓" : "", C = (t) => t === "up" ? "text-green-600" : t === "down" ? "text-red-600" : "text-muted-foreground", D = ({ title: t, value: s, unit: n, subtitle: a, icon: o, iconSize: x = "md", trend: i, trendValue: d, color: u = "blue", children: c }) => {
-  const f = o;
-  return /* @__PURE__ */ e(l, { className: "relative overflow-hidden bg-card border shadow-lg hover:shadow-xl transition-all duration-300", children: /* @__PURE__ */ r(g, { className: "pt-6", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-start justify-between", children: [
-      /* @__PURE__ */ r("div", { children: [
-        /* @__PURE__ */ e(m, { className: "text-sm font-medium text-muted-foreground", children: t }),
-        /* @__PURE__ */ r("div", { className: "flex items-baseline space-x-2 mt-1", children: [
-          /* @__PURE__ */ e("div", { className: "text-2xl font-bold text-card-foreground", children: typeof s == "number" ? s.toFixed(1) : s }),
-          n && /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground font-medium", children: n })
-        ] }),
-        a && /* @__PURE__ */ e("div", { className: "mt-1 text-xs text-muted-foreground", children: a }),
-        i && d && /* @__PURE__ */ r("div", { className: `flex items-center space-x-1 mt-2 text-xs ${C(i)}`, children: [
-          /* @__PURE__ */ e("span", { children: v(i) }),
-          /* @__PURE__ */ e("span", { children: d })
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { className: `p-2 rounded-control ${w[u]} shadow-lg`, children: /* @__PURE__ */ e(f, { className: N[x] }) })
-    ] }),
-    c && /* @__PURE__ */ e("div", { className: "mt-4", children: c })
-  ] }) });
-};
-export {
-  k as D,
-  D as M
-};