@parto-system-design/ui 1.1.11 → 1.1.16

package/dist/chunk-U3ADRIVO.cjs

@@ -1,434 +0,0 @@
-'use strict';
-
-var chunkHJPDZOMJ_cjs = require('./chunk-HJPDZOMJ.cjs');
-var chunkS5IPJQZ3_cjs = require('./chunk-S5IPJQZ3.cjs');
-var chunkNV4JOKWL_cjs = require('./chunk-NV4JOKWL.cjs');
-var React = require('react');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var PLATFORM_META = {
-  instagram: {
-    label: "Instagram",
-    icon: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" }) })
-  },
-  twitter: {
-    label: "X",
-    icon: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.737-8.835L1.254 2.25H8.08l4.259 5.63 5.905-5.63zm-1.161 17.52h1.833L7.084 4.126H5.117z" }) })
-  },
-  tiktok: {
-    label: "TikTok",
-    icon: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.16 8.16 0 004.77 1.52V6.75a4.85 4.85 0 01-1-.06z" }) })
-  },
-  youtube: {
-    label: "YouTube",
-    icon: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }) })
-  },
-  linkedin: {
-    label: "LinkedIn",
-    icon: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) })
-  },
-  telegram: {
-    label: "Telegram",
-    icon: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.944 0A12 12 0 000 12a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0012 0a12 12 0 00-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 01.171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z" }) })
-  },
-  threads: {
-    label: "Threads",
-    icon: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.868 1.205 8.617.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.749-1.752-2.98-.065-1.19.388-2.285 1.277-3.086.84-.754 2.02-1.164 3.43-1.19.954-.018 1.858.09 2.695.322-.082-.858-.372-1.502-.861-1.903-.529-.434-1.32-.658-2.332-.67-.884.01-1.63.23-2.22.65l-1.11-1.75c.97-.625 2.18-.95 3.6-.97h.022c1.63.02 2.976.497 3.898 1.385.955.92 1.444 2.25 1.51 3.95.23.073.46.149.682.232 1.69.64 2.847 1.635 3.406 2.946.859 2.002.86 5.139-1.773 7.674-1.797 1.742-3.993 2.525-6.935 2.545zm.098-10.02c-.745.01-1.377.186-1.882.523-.443.298-.706.733-.67 1.215.03.564.342 1.017.876 1.275.516.25 1.087.299 1.58.127.684-.24 1.34-.93 1.614-2.366a9.68 9.68 0 00-1.518-.774z" }) })
-  },
-  facebook: {
-    label: "Facebook",
-    icon: ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.875v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" }) })
-  }
-};
-var socialPlatformBadgeVariants = classVarianceAuthority.cva("inline-flex items-center font-medium transition-colors duration-150", {
-  variants: {
-    size: {
-      xs: "gap-1",
-      sm: "gap-1.5",
-      md: "gap-1.5",
-      lg: "gap-2"
-    },
-    variant: {
-      flat: "",
-      badge: "border border-border bg-surface-100"
-    }
-  },
-  compoundVariants: [
-    { variant: "badge", size: "xs", className: "px-1.5 py-0.5 rounded" },
-    { variant: "badge", size: "sm", className: "px-2 py-1 rounded" },
-    { variant: "badge", size: "md", className: "px-2.5 py-1 rounded-md" },
-    { variant: "badge", size: "lg", className: "px-3 py-1.5 rounded-md" }
-  ],
-  defaultVariants: { size: "sm", variant: "flat" }
-});
-var SIZE_CHILD_CLASSES = {
-  xs: { icon: "size-3", text: "text-xs" },
-  sm: { icon: "size-4", text: "text-xs" },
-  md: { icon: "size-5", text: "text-sm" },
-  lg: { icon: "size-6", text: "text-base" }
-};
-var SocialPlatformBadge = React__namespace.forwardRef(
-  ({ className, platform, size = "sm", showLabel = false, variant = "flat", style, ...props }, ref) => {
-    const meta = PLATFORM_META[platform];
-    const Icon = meta.icon;
-    const sizeClasses = SIZE_CHILD_CLASSES[size];
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "span",
-      {
-        ref,
-        "data-slot": "social-platform-badge",
-        className: chunkNV4JOKWL_cjs.cn(socialPlatformBadgeVariants({ size, variant }), className),
-        style,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: chunkNV4JOKWL_cjs.cn(sizeClasses.icon, "shrink-0"), style: { color: `var(--social-platform-${platform})` } }),
-          showLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNV4JOKWL_cjs.cn(sizeClasses.text, "text-foreground-light"), children: meta.label })
-        ]
-      }
-    );
-  }
-);
-SocialPlatformBadge.displayName = "SocialPlatformBadge";
-var LABELS = {
-  fa: { real: "\u0648\u0627\u0642\u0639\u06CC", suspicious: "\u0645\u0634\u06A9\u0648\u06A9", bot: "\u0628\u0627\u062A", summary: "\u0646\u0631\u062E \u062D\u0633\u0627\u0628\u200C\u0647\u0627\u06CC \u0648\u0627\u0642\u0639\u06CC" },
-  ar: { real: "\u062D\u0642\u064A\u0642\u064A", suspicious: "\u0645\u0634\u0628\u0648\u0647", bot: "\u0631\u0648\u0628\u0648\u062A", summary: "\u0645\u0639\u062F\u0644 \u0627\u0644\u062D\u0633\u0627\u0628\u0627\u062A \u0627\u0644\u062D\u0642\u064A\u0642\u064A\u0629" },
-  en: { real: "Real", suspicious: "Suspicious", bot: "Bot", summary: "Real-account rate" }
-};
-var SEGMENT_STYLES = {
-  real: {
-    bar: "bg-[hsl(var(--sentiment-positive))]",
-    text: "text-[hsl(var(--sentiment-positive))]",
-    bg: "bg-[hsl(var(--sentiment-positive)/0.12)]",
-    dot: "bg-[hsl(var(--sentiment-positive))]"
-  },
-  suspicious: {
-    bar: "bg-[hsl(var(--warning-default))]",
-    text: "text-[hsl(var(--warning-default))]",
-    bg: "bg-[hsl(var(--warning-default)/0.12)]",
-    dot: "bg-[hsl(var(--warning-default))]"
-  },
-  bot: {
-    bar: "bg-[hsl(var(--destructive-default))]",
-    text: "text-[hsl(var(--destructive-default))]",
-    bg: "bg-[hsl(var(--destructive-default)/0.12)]",
-    dot: "bg-[hsl(var(--destructive-default))]"
-  }
-};
-var SEGMENT_ORDER = ["real", "suspicious", "bot"];
-function calcPercents(data) {
-  const total = SEGMENT_ORDER.reduce((sum, k) => sum + (data[k] ?? 0), 0);
-  if (total === 0) return { real: 0, suspicious: 0, bot: 0 };
-  const floats = SEGMENT_ORDER.map((k) => ({ k, v: (data[k] ?? 0) / total * 100 }));
-  const floors = floats.map(({ k, v }) => ({ k, floor: Math.floor(v), rem: v - Math.floor(v) }));
-  const remaining = 100 - floors.reduce((s, f) => s + f.floor, 0);
-  const sorted = [...floors].sort((a, b) => b.rem - a.rem);
-  sorted.slice(0, remaining).forEach((f) => f.floor++);
-  const result = { real: 0, suspicious: 0, bot: 0 };
-  sorted.forEach(({ k, floor }) => result[k] = floor);
-  return result;
-}
-var BAR_HEIGHT = {
-  sm: "h-1.5",
-  md: "h-2",
-  lg: "h-3"
-};
-var BotDetectionMeter = React__namespace.forwardRef(
-  ({
-    className,
-    data,
-    variant = "stacked",
-    showCounts = false,
-    showPercent = true,
-    showSummary = true,
-    size = "md",
-    locale = "fa",
-    ...props
-  }, ref) => {
-    const labels = LABELS[locale];
-    const percents = calcPercents(data);
-    const total = SEGMENT_ORDER.reduce((sum, k) => sum + (data[k] ?? 0), 0);
-    const fmt = (n) => chunkNV4JOKWL_cjs.convertToLocalNumbers(n, locale);
-    if (variant === "compact") {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref,
-          "data-slot": "bot-detection-meter",
-          "data-variant": "compact",
-          className: chunkNV4JOKWL_cjs.cn("flex items-center gap-2 text-xs", className),
-          ...props,
-          children: SEGMENT_ORDER.map((k) => {
-            const value = showCounts ? data[k] ?? 0 : percents[k];
-            return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNV4JOKWL_cjs.cn("size-2 rounded-full", SEGMENT_STYLES[k].dot), "aria-hidden": "true" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-lighter", children: labels[k] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkNV4JOKWL_cjs.cn("font-semibold tabular-nums", SEGMENT_STYLES[k].text), children: [
-                fmt(value),
-                !showCounts && showPercent && "\u066A"
-              ] })
-            ] }, k);
-          })
-        }
-      );
-    }
-    if (variant === "bars") {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref,
-          "data-slot": "bot-detection-meter",
-          "data-variant": "bars",
-          className: chunkNV4JOKWL_cjs.cn("flex flex-col gap-2", className),
-          ...props,
-          children: SEGMENT_ORDER.map((k) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-foreground", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNV4JOKWL_cjs.cn("size-2 rounded-full", SEGMENT_STYLES[k].dot), "aria-hidden": "true" }),
-                labels[k]
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tabular-nums text-foreground-lighter", children: [
-                showCounts && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "me-2", children: fmt(data[k] ?? 0) }),
-                showPercent && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkNV4JOKWL_cjs.cn("font-semibold", SEGMENT_STYLES[k].text), children: [
-                  fmt(percents[k]),
-                  "\u066A"
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNV4JOKWL_cjs.cn("w-full rounded-full overflow-hidden", SEGMENT_STYLES[k].bg, BAR_HEIGHT[size]), children: /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: chunkNV4JOKWL_cjs.cn("h-full rounded-full transition-[width] duration-300", SEGMENT_STYLES[k].bar),
-                style: { width: `${percents[k]}%` },
-                role: "progressbar",
-                "aria-valuenow": percents[k],
-                "aria-valuemin": 0,
-                "aria-valuemax": 100,
-                "aria-label": `${labels[k]}: ${fmt(percents[k])}\u066A`
-              }
-            ) })
-          ] }, k))
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        "data-slot": "bot-detection-meter",
-        "data-variant": "stacked",
-        className: chunkNV4JOKWL_cjs.cn("flex flex-col gap-2", className),
-        ...props,
-        children: [
-          showSummary && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-lighter", children: labels.summary }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkNV4JOKWL_cjs.cn("font-semibold tabular-nums", SEGMENT_STYLES.real.text), children: [
-              fmt(percents.real),
-              "\u066A",
-              showCounts && total > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ms-1 font-normal text-foreground-lighter", children: [
-                "(",
-                fmt(data.real),
-                " / ",
-                fmt(total),
-                ")"
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: chunkNV4JOKWL_cjs.cn("w-full rounded-full overflow-hidden bg-surface-200 flex", BAR_HEIGHT[size]),
-              role: "group",
-              "aria-label": labels.summary,
-              children: SEGMENT_ORDER.map((k) => {
-                if (percents[k] === 0) return null;
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: chunkNV4JOKWL_cjs.cn("h-full transition-[width] duration-300", SEGMENT_STYLES[k].bar),
-                    style: { width: `${percents[k]}%` },
-                    role: "progressbar",
-                    "aria-valuenow": percents[k],
-                    "aria-valuemin": 0,
-                    "aria-valuemax": 100,
-                    "aria-label": `${labels[k]}: ${fmt(percents[k])}\u066A`
-                  },
-                  k
-                );
-              })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 text-xs", children: SEGMENT_ORDER.map((k) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNV4JOKWL_cjs.cn("size-2 rounded-full", SEGMENT_STYLES[k].dot), "aria-hidden": "true" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-lighter", children: labels[k] }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNV4JOKWL_cjs.cn("font-semibold tabular-nums", SEGMENT_STYLES[k].text), children: showCounts ? fmt(data[k] ?? 0) : `${fmt(percents[k])}\u066A` })
-          ] }, k)) })
-        ]
-      }
-    );
-  }
-);
-BotDetectionMeter.displayName = "BotDetectionMeter";
-function formatBig(n, locale) {
-  if (n >= 1e6) return `${chunkNV4JOKWL_cjs.convertToLocalNumbers((n / 1e6).toFixed(1), locale)}M`;
-  if (n >= 1e3) return `${chunkNV4JOKWL_cjs.convertToLocalNumbers((n / 1e3).toFixed(1), locale)}K`;
-  return chunkNV4JOKWL_cjs.convertToLocalNumbers(n, locale);
-}
-var PageCard = React__namespace.forwardRef(
-  ({
-    className,
-    handle,
-    subtitle,
-    avatarSrc,
-    platform,
-    status,
-    followers,
-    followerTrend,
-    engagementRate,
-    postsPerWeek,
-    contentMix,
-    botDetection,
-    interactive = false,
-    locale = "fa",
-    onClick,
-    ...props
-  }, ref) => {
-    const isClickable = interactive || !!onClick;
-    const totalContent = contentMix && (contentMix.photo ?? 0) + (contentMix.video ?? 0) + (contentMix.carousel ?? 0) + (contentMix.story ?? 0);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        "data-slot": "page-card",
-        "data-status": status,
-        role: isClickable ? "button" : "article",
-        tabIndex: isClickable ? 0 : void 0,
-        onClick,
-        onKeyDown: isClickable ? (e) => {
-          if ((e.key === "Enter" || e.key === " ") && e.target === e.currentTarget) {
-            e.preventDefault();
-            e.currentTarget.click();
-          }
-        } : void 0,
-        className: chunkNV4JOKWL_cjs.cn(
-          "flex flex-col gap-3 rounded-lg border border-border bg-background p-4 transition-colors",
-          isClickable && "cursor-pointer hover:border-strong hover:bg-surface-100/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-            avatarSrc ? /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                src: avatarSrc,
-                alt: "",
-                className: "size-10 rounded-full object-cover object-center shrink-0 border border-border"
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-10 rounded-full bg-surface-200 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-foreground truncate", children: handle }),
-                platform && /* @__PURE__ */ jsxRuntime.jsx(SocialPlatformBadge, { platform, size: "xs" }),
-                status && /* @__PURE__ */ jsxRuntime.jsx(chunkHJPDZOMJ_cjs.StatusBadge, { status, size: "sm", animated: true, locale })
-              ] }),
-              subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-foreground-lighter truncate", children: subtitle })
-            ] })
-          ] }),
-          (typeof followers === "number" || followerTrend || typeof engagementRate === "number") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-3 text-xs", children: [
-            typeof followers === "number" && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground-lighter", children: locale === "fa" ? "\u0641\u0627\u0644\u0648\u0648\u0631" : locale === "ar" ? "\u0645\u062A\u0627\u0628\u0639\u0648\u0646" : "Followers" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold tabular-nums text-foreground", children: formatBig(followers, locale) })
-            ] }),
-            followerTrend && followerTrend.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground-lighter", children: locale === "fa" ? "\u0631\u0648\u0646\u062F" : locale === "ar" ? "\u0627\u0644\u0627\u062A\u062C\u0627\u0647" : "Trend" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(chunkS5IPJQZ3_cjs.Sparkline, { data: followerTrend, variant: "line", width: 80, height: 24 }) })
-            ] }),
-            typeof engagementRate === "number" && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground-lighter", children: locale === "fa" ? "\u0646\u0631\u062E \u062A\u0639\u0627\u0645\u0644" : locale === "ar" ? "\u0645\u0639\u062F\u0644 \u0627\u0644\u062A\u0641\u0627\u0639\u0644" : "Engagement" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-base font-semibold tabular-nums text-foreground", children: [
-                chunkNV4JOKWL_cjs.convertToLocalNumbers(engagementRate.toFixed(1), locale),
-                locale === "en" ? "%" : "\u066A"
-              ] })
-            ] })
-          ] }),
-          contentMix && totalContent && totalContent > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xs text-foreground-lighter", children: locale === "fa" ? "\u062A\u0631\u06A9\u06CC\u0628 \u0645\u062D\u062A\u0648\u0627" : locale === "ar" ? "\u0645\u0632\u064A\u062C \u0627\u0644\u0645\u062D\u062A\u0648\u0649" : "Content mix" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-1.5 w-full overflow-hidden rounded-full bg-surface-200", children: [
-              contentMix.photo ? /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  style: {
-                    width: `${contentMix.photo / totalContent * 100}%`,
-                    backgroundColor: "hsl(var(--chart-1))"
-                  },
-                  "aria-label": `photo ${contentMix.photo}`
-                }
-              ) : null,
-              contentMix.video ? /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  style: {
-                    width: `${contentMix.video / totalContent * 100}%`,
-                    backgroundColor: "hsl(var(--chart-2))"
-                  },
-                  "aria-label": `video ${contentMix.video}`
-                }
-              ) : null,
-              contentMix.carousel ? /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  style: {
-                    width: `${contentMix.carousel / totalContent * 100}%`,
-                    backgroundColor: "hsl(var(--chart-3))"
-                  },
-                  "aria-label": `carousel ${contentMix.carousel}`
-                }
-              ) : null,
-              contentMix.story ? /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  style: {
-                    width: `${contentMix.story / totalContent * 100}%`,
-                    backgroundColor: "hsl(var(--chart-4))"
-                  },
-                  "aria-label": `story ${contentMix.story}`
-                }
-              ) : null
-            ] })
-          ] }),
-          botDetection && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "page-card-bot", children: /* @__PURE__ */ jsxRuntime.jsx(BotDetectionMeter, { data: botDetection, variant: "compact", size: "sm", locale }) }),
-          typeof postsPerWeek === "number" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xs text-foreground-lighter pt-1 border-t border-border", children: locale === "fa" ? `\u0645\u06CC\u0627\u0646\u06AF\u06CC\u0646 ${chunkNV4JOKWL_cjs.convertToLocalNumbers(postsPerWeek.toFixed(1), "fa")} \u067E\u0633\u062A \u062F\u0631 \u0647\u0641\u062A\u0647` : locale === "ar" ? `\u0645\u062A\u0648\u0633\u0637 ${chunkNV4JOKWL_cjs.convertToLocalNumbers(postsPerWeek.toFixed(1), "ar")} \u0645\u0646\u0634\u0648\u0631 \u0641\u064A \u0627\u0644\u0623\u0633\u0628\u0648\u0639` : `Avg ${postsPerWeek.toFixed(1)} posts/week` })
-        ]
-      }
-    );
-  }
-);
-PageCard.displayName = "PageCard";
-
-exports.BotDetectionMeter = BotDetectionMeter;
-exports.PageCard = PageCard;
-exports.SocialPlatformBadge = SocialPlatformBadge;
-exports.socialPlatformBadgeVariants = socialPlatformBadgeVariants;
-//# sourceMappingURL=chunk-U3ADRIVO.cjs.map
-//# sourceMappingURL=chunk-U3ADRIVO.cjs.map

package/dist/chunk-U3ADRIVO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/social-platform-badge.tsx","../src/components/ui/bot-detection-meter.tsx","../src/components/ui/page-card.tsx"],"names":["jsx","cva","React","jsxs","cn","React2","convertToLocalNumbers","React3","StatusBadge","Sparkline"],"mappings":"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","file":"chunk-U3ADRIVO.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\nexport type SocialPlatform =\n  | 'instagram'\n  | 'twitter'\n  | 'tiktok'\n  | 'youtube'\n  | 'linkedin'\n  | 'telegram'\n  | 'threads'\n  | 'facebook'\n\nexport interface SocialPlatformBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** The social media platform to display */\n  platform: SocialPlatform\n  /** Size of the badge */\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  /** Show the platform name label */\n  showLabel?: boolean\n  /** Visual style of the badge */\n  variant?: 'flat' | 'badge'\n}\n\nconst PLATFORM_META: Record<\n  SocialPlatform,\n  { label: string; icon: React.FC<{ className?: string; style?: React.CSSProperties }> }\n> = {\n  instagram: {\n    label: 'Instagram',\n    icon: ({ className }) => (\n      <svg className={className} viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\" />\n      </svg>\n    ),\n  },\n  twitter: {\n    label: 'X',\n    icon: ({ className }) => (\n      <svg className={className} viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.737-8.835L1.254 2.25H8.08l4.259 5.63 5.905-5.63zm-1.161 17.52h1.833L7.084 4.126H5.117z\" />\n      </svg>\n    ),\n  },\n  tiktok: {\n    label: 'TikTok',\n    icon: ({ className }) => (\n      <svg className={className} viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.16 8.16 0 004.77 1.52V6.75a4.85 4.85 0 01-1-.06z\" />\n      </svg>\n    ),\n  },\n  youtube: {\n    label: 'YouTube',\n    icon: ({ className }) => (\n      <svg className={className} viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\" />\n      </svg>\n    ),\n  },\n  linkedin: {\n    label: 'LinkedIn',\n    icon: ({ className }) => (\n      <svg className={className} viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\" />\n      </svg>\n    ),\n  },\n  telegram: {\n    label: 'Telegram',\n    icon: ({ className }) => (\n      <svg className={className} viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M11.944 0A12 12 0 000 12a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0012 0a12 12 0 00-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 01.171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\" />\n      </svg>\n    ),\n  },\n  threads: {\n    label: 'Threads',\n    icon: ({ className }) => (\n      <svg className={className} viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.868 1.205 8.617.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.749-1.752-2.98-.065-1.19.388-2.285 1.277-3.086.84-.754 2.02-1.164 3.43-1.19.954-.018 1.858.09 2.695.322-.082-.858-.372-1.502-.861-1.903-.529-.434-1.32-.658-2.332-.67-.884.01-1.63.23-2.22.65l-1.11-1.75c.97-.625 2.18-.95 3.6-.97h.022c1.63.02 2.976.497 3.898 1.385.955.92 1.444 2.25 1.51 3.95.23.073.46.149.682.232 1.69.64 2.847 1.635 3.406 2.946.859 2.002.86 5.139-1.773 7.674-1.797 1.742-3.993 2.525-6.935 2.545zm.098-10.02c-.745.01-1.377.186-1.882.523-.443.298-.706.733-.67 1.215.03.564.342 1.017.876 1.275.516.25 1.087.299 1.58.127.684-.24 1.34-.93 1.614-2.366a9.68 9.68 0 00-1.518-.774z\" />\n      </svg>\n    ),\n  },\n  facebook: {\n    label: 'Facebook',\n    icon: ({ className }) => (\n      <svg className={className} viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.875v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\" />\n      </svg>\n    ),\n  },\n}\n\nconst socialPlatformBadgeVariants = cva('inline-flex items-center font-medium transition-colors duration-150', {\n  variants: {\n    size: {\n      xs: 'gap-1',\n      sm: 'gap-1.5',\n      md: 'gap-1.5',\n      lg: 'gap-2',\n    },\n    variant: {\n      flat: '',\n      badge: 'border border-border bg-surface-100',\n    },\n  },\n  compoundVariants: [\n    { variant: 'badge', size: 'xs', className: 'px-1.5 py-0.5 rounded' },\n    { variant: 'badge', size: 'sm', className: 'px-2 py-1 rounded' },\n    { variant: 'badge', size: 'md', className: 'px-2.5 py-1 rounded-md' },\n    { variant: 'badge', size: 'lg', className: 'px-3 py-1.5 rounded-md' },\n  ],\n  defaultVariants: { size: 'sm', variant: 'flat' },\n})\n\n/** Size-specific classes for child elements (icon, text) */\nconst SIZE_CHILD_CLASSES = {\n  xs: { icon: 'size-3', text: 'text-xs' },\n  sm: { icon: 'size-4', text: 'text-xs' },\n  md: { icon: 'size-5', text: 'text-sm' },\n  lg: { icon: 'size-6', text: 'text-base' },\n}\n\nconst SocialPlatformBadge = React.forwardRef<HTMLSpanElement, SocialPlatformBadgeProps>(\n  ({ className, platform, size = 'sm', showLabel = false, variant = 'flat', style, ...props }, ref) => {\n    const meta = PLATFORM_META[platform]\n    const Icon = meta.icon\n    const sizeClasses = SIZE_CHILD_CLASSES[size]\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"social-platform-badge\"\n        className={cn(socialPlatformBadgeVariants({ size, variant }), className)}\n        style={style}\n        {...props}\n      >\n        <Icon className={cn(sizeClasses.icon, 'shrink-0')} style={{ color: `var(--social-platform-${platform})` }} />\n        {showLabel && <span className={cn(sizeClasses.text, 'text-foreground-light')}>{meta.label}</span>}\n      </span>\n    )\n  }\n)\n\nSocialPlatformBadge.displayName = 'SocialPlatformBadge'\n\nexport { SocialPlatformBadge, socialPlatformBadgeVariants }\n","'use client'\n\nimport * as React from 'react'\nimport { cn, convertToLocalNumbers, type SupportedLocale } from '@/lib/utils'\n\nexport type BotDetectionKey = 'real' | 'suspicious' | 'bot'\n\nexport interface BotDetectionData {\n  /** Confirmed real / human accounts */\n  real: number\n  /** Suspicious — insufficient signal, possibly bot */\n  suspicious: number\n  /** Confirmed bot / automated */\n  bot: number\n}\n\nexport interface BotDetectionMeterProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Counts — auto-normalised to percentages that sum to exactly 100 */\n  data: BotDetectionData\n  /** Display mode @default \"stacked\" */\n  variant?: 'stacked' | 'bars' | 'compact'\n  /** Show numeric count labels */\n  showCounts?: boolean\n  /** Show percentage labels @default true */\n  showPercent?: boolean\n  /** Show the top \"Real-account rate\" summary line (stacked variant only) @default true */\n  showSummary?: boolean\n  /** Size of the stacked bar or individual bars */\n  size?: 'sm' | 'md' | 'lg'\n  /** Locale for digits + default labels @default \"fa\" */\n  locale?: SupportedLocale\n}\n\nconst LABELS: Record<SupportedLocale, Record<BotDetectionKey | 'summary', string>> = {\n  fa: { real: 'واقعی', suspicious: 'مشکوک', bot: 'بات', summary: 'نرخ حساب‌های واقعی' },\n  ar: { real: 'حقيقي', suspicious: 'مشبوه', bot: 'روبوت', summary: 'معدل الحسابات الحقيقية' },\n  en: { real: 'Real', suspicious: 'Suspicious', bot: 'Bot', summary: 'Real-account rate' },\n}\n\nconst SEGMENT_STYLES: Record<BotDetectionKey, { bar: string; text: string; bg: string; dot: string }> = {\n  real: {\n    bar: 'bg-[hsl(var(--sentiment-positive))]',\n    text: 'text-[hsl(var(--sentiment-positive))]',\n    bg: 'bg-[hsl(var(--sentiment-positive)/0.12)]',\n    dot: 'bg-[hsl(var(--sentiment-positive))]',\n  },\n  suspicious: {\n    bar: 'bg-[hsl(var(--warning-default))]',\n    text: 'text-[hsl(var(--warning-default))]',\n    bg: 'bg-[hsl(var(--warning-default)/0.12)]',\n    dot: 'bg-[hsl(var(--warning-default))]',\n  },\n  bot: {\n    bar: 'bg-[hsl(var(--destructive-default))]',\n    text: 'text-[hsl(var(--destructive-default))]',\n    bg: 'bg-[hsl(var(--destructive-default)/0.12)]',\n    dot: 'bg-[hsl(var(--destructive-default))]',\n  },\n}\n\nconst SEGMENT_ORDER: BotDetectionKey[] = ['real', 'suspicious', 'bot']\n\nfunction calcPercents(data: BotDetectionData): Record<BotDetectionKey, number> {\n  const total = SEGMENT_ORDER.reduce((sum, k) => sum + (data[k] ?? 0), 0)\n  if (total === 0) return { real: 0, suspicious: 0, bot: 0 }\n\n  // Largest remainder method — guarantees percentages sum to exactly 100\n  const floats = SEGMENT_ORDER.map((k) => ({ k, v: ((data[k] ?? 0) / total) * 100 }))\n  const floors = floats.map(({ k, v }) => ({ k, floor: Math.floor(v), rem: v - Math.floor(v) }))\n  const remaining = 100 - floors.reduce((s, f) => s + f.floor, 0)\n  const sorted = [...floors].sort((a, b) => b.rem - a.rem)\n  sorted.slice(0, remaining).forEach((f) => f.floor++)\n\n  const result: Record<BotDetectionKey, number> = { real: 0, suspicious: 0, bot: 0 }\n  sorted.forEach(({ k, floor }) => (result[k] = floor))\n  return result\n}\n\nconst BAR_HEIGHT: Record<'sm' | 'md' | 'lg', string> = {\n  sm: 'h-1.5',\n  md: 'h-2',\n  lg: 'h-3',\n}\n\nconst BotDetectionMeter = React.forwardRef<HTMLDivElement, BotDetectionMeterProps>(\n  (\n    {\n      className,\n      data,\n      variant = 'stacked',\n      showCounts = false,\n      showPercent = true,\n      showSummary = true,\n      size = 'md',\n      locale = 'fa',\n      ...props\n    },\n    ref\n  ) => {\n    const labels = LABELS[locale]\n    const percents = calcPercents(data)\n    const total = SEGMENT_ORDER.reduce((sum, k) => sum + (data[k] ?? 0), 0)\n\n    const fmt = (n: number) => convertToLocalNumbers(n, locale)\n\n    if (variant === 'compact') {\n      return (\n        <div\n          ref={ref}\n          data-slot=\"bot-detection-meter\"\n          data-variant=\"compact\"\n          className={cn('flex items-center gap-2 text-xs', className)}\n          {...props}\n        >\n          {SEGMENT_ORDER.map((k) => {\n            const value = showCounts ? (data[k] ?? 0) : percents[k]\n            return (\n              <span key={k} className=\"inline-flex items-center gap-1\">\n                <span className={cn('size-2 rounded-full', SEGMENT_STYLES[k].dot)} aria-hidden=\"true\" />\n                <span className=\"text-foreground-lighter\">{labels[k]}</span>\n                <span className={cn('font-semibold tabular-nums', SEGMENT_STYLES[k].text)}>\n                  {fmt(value)}\n                  {!showCounts && showPercent && '٪'}\n                </span>\n              </span>\n            )\n          })}\n        </div>\n      )\n    }\n\n    if (variant === 'bars') {\n      return (\n        <div\n          ref={ref}\n          data-slot=\"bot-detection-meter\"\n          data-variant=\"bars\"\n          className={cn('flex flex-col gap-2', className)}\n          {...props}\n        >\n          {SEGMENT_ORDER.map((k) => (\n            <div key={k} className=\"flex flex-col gap-1\">\n              <div className=\"flex items-center justify-between text-xs\">\n                <span className=\"inline-flex items-center gap-1.5 text-foreground\">\n                  <span className={cn('size-2 rounded-full', SEGMENT_STYLES[k].dot)} aria-hidden=\"true\" />\n                  {labels[k]}\n                </span>\n                <span className=\"tabular-nums text-foreground-lighter\">\n                  {showCounts && <span className=\"me-2\">{fmt(data[k] ?? 0)}</span>}\n                  {showPercent && (\n                    <span className={cn('font-semibold', SEGMENT_STYLES[k].text)}>{fmt(percents[k])}٪</span>\n                  )}\n                </span>\n              </div>\n              <div className={cn('w-full rounded-full overflow-hidden', SEGMENT_STYLES[k].bg, BAR_HEIGHT[size])}>\n                <div\n                  className={cn('h-full rounded-full transition-[width] duration-300', SEGMENT_STYLES[k].bar)}\n                  style={{ width: `${percents[k]}%` }}\n                  role=\"progressbar\"\n                  aria-valuenow={percents[k]}\n                  aria-valuemin={0}\n                  aria-valuemax={100}\n                  aria-label={`${labels[k]}: ${fmt(percents[k])}٪`}\n                />\n              </div>\n            </div>\n          ))}\n        </div>\n      )\n    }\n\n    // stacked (default)\n    return (\n      <div\n        ref={ref}\n        data-slot=\"bot-detection-meter\"\n        data-variant=\"stacked\"\n        className={cn('flex flex-col gap-2', className)}\n        {...props}\n      >\n        {showSummary && (\n          <div className=\"flex items-center justify-between text-xs\">\n            <span className=\"text-foreground-lighter\">{labels.summary}</span>\n            <span className={cn('font-semibold tabular-nums', SEGMENT_STYLES.real.text)}>\n              {fmt(percents.real)}٪\n              {showCounts && total > 0 && (\n                <span className=\"ms-1 font-normal text-foreground-lighter\">\n                  ({fmt(data.real)} / {fmt(total)})\n                </span>\n              )}\n            </span>\n          </div>\n        )}\n        <div\n          className={cn('w-full rounded-full overflow-hidden bg-surface-200 flex', BAR_HEIGHT[size])}\n          role=\"group\"\n          aria-label={labels.summary}\n        >\n          {SEGMENT_ORDER.map((k) => {\n            if (percents[k] === 0) return null\n            return (\n              <div\n                key={k}\n                className={cn('h-full transition-[width] duration-300', SEGMENT_STYLES[k].bar)}\n                style={{ width: `${percents[k]}%` }}\n                role=\"progressbar\"\n                aria-valuenow={percents[k]}\n                aria-valuemin={0}\n                aria-valuemax={100}\n                aria-label={`${labels[k]}: ${fmt(percents[k])}٪`}\n              />\n            )\n          })}\n        </div>\n        <div className=\"flex items-center gap-4 text-xs\">\n          {SEGMENT_ORDER.map((k) => (\n            <span key={k} className=\"inline-flex items-center gap-1.5\">\n              <span className={cn('size-2 rounded-full', SEGMENT_STYLES[k].dot)} aria-hidden=\"true\" />\n              <span className=\"text-foreground-lighter\">{labels[k]}</span>\n              <span className={cn('font-semibold tabular-nums', SEGMENT_STYLES[k].text)}>\n                {showCounts ? fmt(data[k] ?? 0) : `${fmt(percents[k])}٪`}\n              </span>\n            </span>\n          ))}\n        </div>\n      </div>\n    )\n  }\n)\nBotDetectionMeter.displayName = 'BotDetectionMeter'\n\nexport { BotDetectionMeter }\n","'use client'\n\nimport * as React from 'react'\nimport { cn, convertToLocalNumbers, type SupportedLocale } from '@/lib/utils'\nimport { StatusBadge } from './status-badge'\nimport { SocialPlatformBadge, type SocialPlatform } from './social-platform-badge'\nimport { Sparkline } from './sparkline'\nimport { BotDetectionMeter, type BotDetectionData } from './bot-detection-meter'\nimport type { StatusKey } from '@/lib/i18n'\n\n/**\n * PageCard (government-flavor) — tracked-account tile for افکارسنجی pages\n * dashboards. Composes: avatar + handle + platform badge, status (healthy/\n * degrading/at-risk via StatusKey), follower trend sparkline, engagement\n * stats, content-type mix, bot-detection percentages.\n *\n * Distinct from `ProfileCard` which is influencer-flavored (focus on\n * engagement tier, follower count, avatar). PageCard is for **tracked\n * accounts** in monitoring — health and trust signals matter most.\n */\n\nexport interface PageCardContentMix {\n  /** Photo posts in window (count or %) */\n  photo?: number\n  /** Video posts in window */\n  video?: number\n  /** Carousel posts */\n  carousel?: number\n  /** Story / reel count */\n  story?: number\n}\n\nexport interface PageCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Account handle / display name (e.g., \"@news_agency\") */\n  handle: React.ReactNode\n  /** Optional secondary subtitle (e.g., page category) */\n  subtitle?: React.ReactNode\n  /** Avatar URL */\n  avatarSrc?: string\n  /** Platform — drives the platform badge */\n  platform?: SocialPlatform\n  /** Operational status (healthy/degrading/at-risk) — uses StatusKey */\n  status?: StatusKey\n  /** Total followers (current snapshot) */\n  followers?: number\n  /** Follower-trend sparkline values */\n  followerTrend?: number[]\n  /** Engagement rate (%) */\n  engagementRate?: number\n  /** Posts per week (recent average) */\n  postsPerWeek?: number\n  /** Content-type mix (counts or percents) */\n  contentMix?: PageCardContentMix\n  /** Bot-detection breakdown (real / suspicious / bot) */\n  botDetection?: BotDetectionData\n  /** Make the entire card clickable */\n  interactive?: boolean\n  /** Locale @default 'fa' */\n  locale?: SupportedLocale\n}\n\nfunction formatBig(n: number, locale: SupportedLocale): string {\n  if (n >= 1_000_000) return `${convertToLocalNumbers((n / 1_000_000).toFixed(1), locale)}M`\n  if (n >= 1_000) return `${convertToLocalNumbers((n / 1_000).toFixed(1), locale)}K`\n  return convertToLocalNumbers(n, locale)\n}\n\nconst PageCard = React.forwardRef<HTMLDivElement, PageCardProps>(\n  (\n    {\n      className,\n      handle,\n      subtitle,\n      avatarSrc,\n      platform,\n      status,\n      followers,\n      followerTrend,\n      engagementRate,\n      postsPerWeek,\n      contentMix,\n      botDetection,\n      interactive = false,\n      locale = 'fa',\n      onClick,\n      ...props\n    },\n    ref\n  ) => {\n    const isClickable = interactive || !!onClick\n    const totalContent =\n      contentMix &&\n      (contentMix.photo ?? 0) + (contentMix.video ?? 0) + (contentMix.carousel ?? 0) + (contentMix.story ?? 0)\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"page-card\"\n        data-status={status}\n        role={isClickable ? 'button' : 'article'}\n        tabIndex={isClickable ? 0 : undefined}\n        onClick={onClick}\n        onKeyDown={\n          isClickable\n            ? (e) => {\n                if ((e.key === 'Enter' || e.key === ' ') && e.target === e.currentTarget) {\n                  e.preventDefault()\n                  ;(e.currentTarget as HTMLDivElement).click()\n                }\n              }\n            : undefined\n        }\n        className={cn(\n          'flex flex-col gap-3 rounded-lg border border-border bg-background p-4 transition-colors',\n          isClickable &&\n            'cursor-pointer hover:border-strong hover:bg-surface-100/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n          className\n        )}\n        {...props}\n      >\n        {/* Identity row */}\n        <div className=\"flex items-center gap-3\">\n          {avatarSrc ? (\n            <img\n              src={avatarSrc}\n              alt=\"\"\n              className=\"size-10 rounded-full object-cover object-center shrink-0 border border-border\"\n            />\n          ) : (\n            <div className=\"size-10 rounded-full bg-surface-200 shrink-0\" aria-hidden=\"true\" />\n          )}\n          <div className=\"flex-1 min-w-0\">\n            <div className=\"flex items-center gap-2 flex-wrap\">\n              <span className=\"text-sm font-semibold text-foreground truncate\">{handle}</span>\n              {platform && <SocialPlatformBadge platform={platform} size=\"xs\" />}\n              {status && <StatusBadge status={status} size=\"sm\" animated locale={locale} />}\n            </div>\n            {subtitle && <p className=\"text-xs text-foreground-lighter truncate\">{subtitle}</p>}\n          </div>\n        </div>\n\n        {/* Stats row — followers + trend + engagement */}\n        {(typeof followers === 'number' || followerTrend || typeof engagementRate === 'number') && (\n          <div className=\"grid grid-cols-3 gap-3 text-xs\">\n            {typeof followers === 'number' && (\n              <div>\n                <div className=\"text-foreground-lighter\">\n                  {locale === 'fa' ? 'فالوور' : locale === 'ar' ? 'متابعون' : 'Followers'}\n                </div>\n                <div className=\"text-base font-semibold tabular-nums text-foreground\">\n                  {formatBig(followers, locale)}\n                </div>\n              </div>\n            )}\n            {followerTrend && followerTrend.length > 0 && (\n              <div className=\"flex flex-col\">\n                <div className=\"text-foreground-lighter\">\n                  {locale === 'fa' ? 'روند' : locale === 'ar' ? 'الاتجاه' : 'Trend'}\n                </div>\n                <div className=\"mt-1\">\n                  <Sparkline data={followerTrend} variant=\"line\" width={80} height={24} />\n                </div>\n              </div>\n            )}\n            {typeof engagementRate === 'number' && (\n              <div>\n                <div className=\"text-foreground-lighter\">\n                  {locale === 'fa' ? 'نرخ تعامل' : locale === 'ar' ? 'معدل التفاعل' : 'Engagement'}\n                </div>\n                <div className=\"text-base font-semibold tabular-nums text-foreground\">\n                  {convertToLocalNumbers(engagementRate.toFixed(1), locale)}\n                  {locale === 'en' ? '%' : '٪'}\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n\n        {/* Content mix bar (photo/video/carousel/story) */}\n        {contentMix && totalContent && totalContent > 0 && (\n          <div className=\"space-y-1\">\n            <div className=\"text-2xs text-foreground-lighter\">\n              {locale === 'fa' ? 'ترکیب محتوا' : locale === 'ar' ? 'مزيج المحتوى' : 'Content mix'}\n            </div>\n            <div className=\"flex h-1.5 w-full overflow-hidden rounded-full bg-surface-200\">\n              {contentMix.photo ? (\n                <span\n                  style={{\n                    width: `${(contentMix.photo / totalContent) * 100}%`,\n                    backgroundColor: 'hsl(var(--chart-1))',\n                  }}\n                  aria-label={`photo ${contentMix.photo}`}\n                />\n              ) : null}\n              {contentMix.video ? (\n                <span\n                  style={{\n                    width: `${(contentMix.video / totalContent) * 100}%`,\n                    backgroundColor: 'hsl(var(--chart-2))',\n                  }}\n                  aria-label={`video ${contentMix.video}`}\n                />\n              ) : null}\n              {contentMix.carousel ? (\n                <span\n                  style={{\n                    width: `${(contentMix.carousel / totalContent) * 100}%`,\n                    backgroundColor: 'hsl(var(--chart-3))',\n                  }}\n                  aria-label={`carousel ${contentMix.carousel}`}\n                />\n              ) : null}\n              {contentMix.story ? (\n                <span\n                  style={{\n                    width: `${(contentMix.story / totalContent) * 100}%`,\n                    backgroundColor: 'hsl(var(--chart-4))',\n                  }}\n                  aria-label={`story ${contentMix.story}`}\n                />\n              ) : null}\n            </div>\n          </div>\n        )}\n\n        {/* Bot detection */}\n        {botDetection && (\n          <div data-slot=\"page-card-bot\">\n            <BotDetectionMeter data={botDetection} variant=\"compact\" size=\"sm\" locale={locale} />\n          </div>\n        )}\n\n        {typeof postsPerWeek === 'number' && (\n          <div className=\"text-2xs text-foreground-lighter pt-1 border-t border-border\">\n            {locale === 'fa'\n              ? `میانگین ${convertToLocalNumbers(postsPerWeek.toFixed(1), 'fa')} پست در هفته`\n              : locale === 'ar'\n                ? `متوسط ${convertToLocalNumbers(postsPerWeek.toFixed(1), 'ar')} منشور في الأسبوع`\n                : `Avg ${postsPerWeek.toFixed(1)} posts/week`}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nPageCard.displayName = 'PageCard'\n\nexport { PageCard }\n"]}