@parto-system-design/ui 1.1.11 → 1.1.16

package/dist/chunk-CKFWMHQU.js

@@ -1,401 +0,0 @@
-import { StatusBadge } from './chunk-MEK4RSGC.js';
-import { Sparkline } from './chunk-YC5KLN6I.js';
-import { Checkbox } from './chunk-5JJSRGJD.js';
-import { SeverityBadge } from './chunk-KCWRCSI7.js';
-import { flowLabels, FLOW_KEYS } from './chunk-CV3N3HVK.js';
-import { cn, convertToLocalNumbers } from './chunk-4SVQNEVH.js';
-import * as React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function calcPercents(data) {
-  const total = FLOW_KEYS.reduce((s, k) => s + (data[k] ?? 0), 0);
-  const result = Object.fromEntries(FLOW_KEYS.map((k) => [k, 0]));
-  if (total === 0) return result;
-  const floats = FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).map((k) => {
-    const v = (data[k] ?? 0) / total * 100;
-    return { k, floor: Math.floor(v), rem: v - Math.floor(v) };
-  });
-  const remaining = 100 - floats.reduce((s, f) => s + f.floor, 0);
-  const sorted = [...floats].sort((a, b) => b.rem - a.rem);
-  sorted.slice(0, remaining).forEach((f) => f.floor++);
-  floats.forEach(({ k, floor }) => result[k] = floor);
-  return result;
-}
-var STACKED_ORDER = [
-  "pro-gov",
-  "internal-critic",
-  "internal-opponent",
-  "external-opponent",
-  "grey"
-];
-function tokenVar(key) {
-  return `--flow-${key}`;
-}
-var FlowDistribution = React.forwardRef(
-  ({
-    className,
-    data,
-    variant = "stacked",
-    showCounts = false,
-    showPercent = true,
-    locale = "fa",
-    isLoading = false,
-    ...props
-  }, ref) => {
-    const labels = flowLabels[locale] ?? flowLabels.fa;
-    const percents = calcPercents(data);
-    const percentSign = locale === "en" ? "%" : "\u066A";
-    if (isLoading) {
-      return /* @__PURE__ */ jsx("div", { ref, "data-slot": "flow-distribution", className: cn("space-y-2", className), ...props, children: variant === "stacked" ? /* @__PURE__ */ jsx("div", { className: "h-3 w-full rounded-full bg-muted animate-pulse" }) : variant === "compact" ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx("div", { className: "h-5 w-20 rounded-full bg-muted animate-pulse" }, i)) }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-3 w-16 rounded bg-muted animate-pulse" }),
-        /* @__PURE__ */ jsx("div", { className: "h-2 flex-1 rounded-full bg-muted animate-pulse" }),
-        /* @__PURE__ */ jsx("div", { className: "h-3 w-8 rounded bg-muted animate-pulse" })
-      ] }, i)) }) });
-    }
-    if (variant === "stacked") {
-      const active = STACKED_ORDER.filter((k) => (data[k] ?? 0) > 0);
-      const srLabel = active.map((k) => `${labels[k]} ${convertToLocalNumbers(percents[k], locale)}${percentSign}`).join("\u060C ");
-      return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "flow-distribution", className: cn("space-y-2", className), ...props, children: [
-        /* @__PURE__ */ jsx("div", { className: "flex h-3 w-full overflow-hidden rounded-full bg-muted", role: "img", "aria-label": srLabel, children: active.map((k) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "transition-all duration-500",
-            style: { width: `${percents[k]}%`, backgroundColor: `hsl(var(${tokenVar(k)}))` }
-          },
-          k
-        )) }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-x-3 gap-y-1", children: active.map((k) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "inline-block h-2 w-2 rounded-full",
-              style: { backgroundColor: `hsl(var(${tokenVar(k)}))` }
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground-light", children: labels[k] }),
-          showPercent && /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium tabular-nums", style: { color: `hsl(var(${tokenVar(k)}))` }, children: [
-            convertToLocalNumbers(percents[k], locale),
-            percentSign
-          ] }),
-          showCounts && /* @__PURE__ */ jsxs("span", { className: "text-xs text-foreground-muted tabular-nums", children: [
-            "(",
-            convertToLocalNumbers(data[k] ?? 0, locale),
-            ")"
-          ] })
-        ] }, k)) })
-      ] });
-    }
-    if (variant === "compact") {
-      const active = FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).sort((a, b) => (data[b] ?? 0) - (data[a] ?? 0));
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          "data-slot": "flow-distribution",
-          className: cn("inline-flex flex-wrap gap-2", className),
-          ...props,
-          children: active.map((k) => /* @__PURE__ */ jsxs(
-            "span",
-            {
-              className: "inline-flex items-center gap-1 rounded-full px-2 py-0.5",
-              style: {
-                backgroundColor: `hsl(var(${tokenVar(k)}) / 0.12)`,
-                color: `hsl(var(${tokenVar(k)}))`
-              },
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: labels[k] }),
-                showPercent && /* @__PURE__ */ jsxs("span", { className: "text-xs font-bold tabular-nums", children: [
-                  convertToLocalNumbers(percents[k], locale),
-                  percentSign
-                ] }),
-                showCounts && /* @__PURE__ */ jsxs("span", { className: "text-xs text-foreground-muted tabular-nums", children: [
-                  "(",
-                  convertToLocalNumbers(data[k] ?? 0, locale),
-                  ")"
-                ] })
-              ]
-            },
-            k
-          ))
-        }
-      );
-    }
-    const sorted = FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).sort((a, b) => (data[b] ?? 0) - (data[a] ?? 0));
-    return /* @__PURE__ */ jsx("div", { ref, "data-slot": "flow-distribution", className: cn("space-y-1.5", className), ...props, children: sorted.map((k) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "w-24 shrink-0 text-xs text-foreground-light text-end", children: labels[k] }),
-      /* @__PURE__ */ jsx("div", { className: "relative flex-1 h-2 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "absolute inset-y-0 start-0 rounded-full transition-all duration-500",
-          style: {
-            width: `${percents[k]}%`,
-            backgroundColor: `hsl(var(${tokenVar(k)}))`
-          },
-          role: "progressbar",
-          "aria-valuenow": percents[k],
-          "aria-valuemin": 0,
-          "aria-valuemax": 100,
-          "aria-label": `${labels[k]}: ${percents[k]}%`
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "w-12 shrink-0 text-xs font-medium tabular-nums text-start",
-          style: { color: `hsl(var(${tokenVar(k)}))` },
-          children: showCounts ? convertToLocalNumbers((data[k] ?? 0).toLocaleString(), locale) : `${convertToLocalNumbers(percents[k], locale)}${percentSign}`
-        }
-      )
-    ] }, k)) });
-  }
-);
-FlowDistribution.displayName = "FlowDistribution";
-var LABELS = {
-  fa: { positive: "\u0645\u062B\u0628\u062A", negative: "\u0645\u0646\u0641\u06CC", neutral: "\u062E\u0646\u062B\u06CC", mixed: "\u062A\u0631\u06A9\u06CC\u0628\u06CC" },
-  ar: { positive: "\u0625\u064A\u062C\u0627\u0628\u064A", negative: "\u0633\u0644\u0628\u064A", neutral: "\u0645\u062D\u0627\u064A\u062F", mixed: "\u0645\u062E\u062A\u0644\u0637" },
-  en: { positive: "Positive", negative: "Negative", neutral: "Neutral", mixed: "Mixed" }
-};
-var SENTIMENT_STYLES = {
-  positive: {
-    bar: "bg-[hsl(var(--sentiment-positive))]",
-    text: "text-[hsl(var(--sentiment-positive))]",
-    bg: "bg-[hsl(var(--sentiment-positive)/0.12)]"
-  },
-  negative: {
-    bar: "bg-[hsl(var(--sentiment-negative))]",
-    text: "text-[hsl(var(--sentiment-negative))]",
-    bg: "bg-[hsl(var(--sentiment-negative)/0.12)]"
-  },
-  neutral: {
-    bar: "bg-[hsl(var(--sentiment-neutral))]",
-    text: "text-[hsl(var(--sentiment-neutral))]",
-    bg: "bg-[hsl(var(--sentiment-neutral)/0.12)]"
-  },
-  mixed: {
-    bar: "bg-[hsl(var(--sentiment-mixed))]",
-    text: "text-[hsl(var(--sentiment-mixed))]",
-    bg: "bg-[hsl(var(--sentiment-mixed)/0.12)]"
-  }
-};
-function calcPercents2(data) {
-  const keys = ["positive", "negative", "neutral", "mixed"].filter((k) => (data[k] ?? 0) > 0);
-  const total = ["positive", "negative", "neutral", "mixed"].reduce((sum, k) => sum + (data[k] ?? 0), 0);
-  if (total === 0) return { positive: 0, negative: 0, neutral: 0, mixed: 0 };
-  const floats = keys.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 = { positive: 0, negative: 0, neutral: 0, mixed: 0 };
-  sorted.forEach(({ k, floor }) => result[k] = floor);
-  return result;
-}
-var SENTIMENT_ORDER = ["positive", "neutral", "mixed", "negative"];
-var SentimentDistribution = React.forwardRef(
-  ({
-    className,
-    data,
-    variant = "bars",
-    showCounts = false,
-    showPercent = true,
-    locale = "fa",
-    isLoading = false,
-    ...props
-  }, ref) => {
-    const labels = LABELS[locale] ?? LABELS.fa;
-    const percents = calcPercents2(data);
-    const activeOrder = SENTIMENT_ORDER.filter((key) => (data[key] ?? 0) > 0);
-    if (isLoading) {
-      return /* @__PURE__ */ jsx("div", { ref, "data-slot": "sentiment-distribution", className: cn("space-y-2", className), ...props, children: variant === "stacked" ? /* @__PURE__ */ jsx("div", { className: "h-3 w-full rounded-full bg-muted animate-pulse" }) : variant === "compact" ? /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-muted animate-pulse" }, i)) }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-3 w-12 rounded bg-muted animate-pulse" }),
-        /* @__PURE__ */ jsx("div", { className: "h-2 flex-1 rounded-full bg-muted animate-pulse" }),
-        /* @__PURE__ */ jsx("div", { className: "h-3 w-8 rounded bg-muted animate-pulse" })
-      ] }, i)) }) });
-    }
-    if (variant === "stacked") {
-      return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "sentiment-distribution", className: cn("space-y-2", className), ...props, children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "flex h-3 w-full overflow-hidden rounded-full bg-muted",
-            role: "img",
-            "aria-label": `${labels.positive} ${percents.positive}\u066A\u060C ${labels.negative} ${percents.negative}\u066A\u060C ${labels.neutral} ${percents.neutral}\u066A`,
-            children: activeOrder.map((key) => /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn("transition-all duration-500", SENTIMENT_STYLES[key].bar),
-                style: { width: `${percents[key]}%` }
-              },
-              key
-            ))
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-x-3 gap-y-1", children: activeOrder.map((key) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx("span", { className: cn("inline-block h-2 w-2 rounded-full", SENTIMENT_STYLES[key].bar) }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground-light", children: labels[key] }),
-          showPercent && /* @__PURE__ */ jsxs("span", { className: cn("text-xs font-medium", SENTIMENT_STYLES[key].text), children: [
-            convertToLocalNumbers(percents[key], locale),
-            locale === "en" ? "%" : "\u066A"
-          ] }),
-          showCounts && /* @__PURE__ */ jsxs("span", { className: "text-xs text-foreground-muted", children: [
-            "(",
-            convertToLocalNumbers(data[key] ?? 0, locale),
-            ")"
-          ] })
-        ] }, key)) })
-      ] });
-    }
-    if (variant === "compact") {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          "data-slot": "sentiment-distribution",
-          className: cn("inline-flex flex-wrap gap-2", className),
-          ...props,
-          children: activeOrder.map((key) => /* @__PURE__ */ jsxs(
-            "span",
-            {
-              className: cn("inline-flex items-center gap-1 rounded-full px-2 py-0.5", SENTIMENT_STYLES[key].bg),
-              children: [
-                /* @__PURE__ */ jsx("span", { className: cn("text-xs font-medium", SENTIMENT_STYLES[key].text), children: labels[key] }),
-                showPercent && /* @__PURE__ */ jsxs("span", { className: cn("text-xs font-bold tabular-nums", SENTIMENT_STYLES[key].text), children: [
-                  convertToLocalNumbers(percents[key], locale),
-                  locale === "en" ? "%" : "\u066A"
-                ] }),
-                showCounts && /* @__PURE__ */ jsxs("span", { className: "text-xs text-foreground-muted tabular-nums", children: [
-                  "(",
-                  convertToLocalNumbers((data[key] ?? 0).toLocaleString(), locale),
-                  ")"
-                ] })
-              ]
-            },
-            key
-          ))
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx("div", { ref, "data-slot": "sentiment-distribution", className: cn("space-y-1.5", className), ...props, children: activeOrder.map((key) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "w-10 shrink-0 text-xs text-foreground-light text-end", children: labels[key] }),
-      /* @__PURE__ */ jsx("div", { className: "relative flex-1 h-2 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "absolute inset-y-0 start-0 rounded-full transition-all duration-500",
-            SENTIMENT_STYLES[key].bar
-          ),
-          style: { width: `${percents[key]}%` },
-          role: "progressbar",
-          "aria-valuenow": percents[key],
-          "aria-valuemin": 0,
-          "aria-valuemax": 100,
-          "aria-label": `${labels[key]}: ${percents[key]}%`
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn("w-10 shrink-0 text-xs font-medium tabular-nums text-start", SENTIMENT_STYLES[key].text),
-          children: showCounts ? convertToLocalNumbers((data[key] ?? 0).toLocaleString(), locale) : `${convertToLocalNumbers(percents[key], locale)}${locale === "en" ? "%" : "\u066A"}`
-        }
-      )
-    ] }, key)) });
-  }
-);
-SentimentDistribution.displayName = "SentimentDistribution";
-var ConceptCard = React.forwardRef(
-  ({
-    className,
-    title,
-    subtitle,
-    status,
-    severity,
-    flow,
-    sentiment,
-    trend,
-    aiSummary,
-    totalCount,
-    comparison,
-    interactive = false,
-    locale = "fa",
-    onClick,
-    ...props
-  }, ref) => {
-    const isClickable = interactive || !!onClick;
-    const handleClick = isClickable ? (e) => {
-      const target = e.target;
-      if (target && target.closest('[data-slot="concept-card-comparison"]')) return;
-      onClick?.(e);
-    } : void 0;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        "data-slot": "concept-card",
-        "data-status": status,
-        "data-severity": severity,
-        role: isClickable ? "button" : "article",
-        tabIndex: isClickable ? 0 : void 0,
-        onClick: handleClick,
-        onKeyDown: isClickable ? (e) => {
-          if ((e.key === "Enter" || e.key === " ") && e.target === e.currentTarget) {
-            e.preventDefault();
-            e.currentTarget.click();
-          }
-        } : void 0,
-        className: cn(
-          "group/concept-card 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__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground truncate", children: title }),
-                status && /* @__PURE__ */ jsx(StatusBadge, { status, size: "sm", animated: true, locale }),
-                severity && /* @__PURE__ */ jsx(SeverityBadge, { severity, size: "sm", locale })
-              ] }),
-              subtitle && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-foreground-lighter truncate", children: subtitle })
-            ] }),
-            comparison && /* @__PURE__ */ jsx("div", { "data-slot": "concept-card-comparison", className: "shrink-0", children: /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                checked: comparison.selected,
-                onCheckedChange: (next) => comparison.onSelectionChange(next === true),
-                "aria-label": typeof comparison.label === "string" ? comparison.label : locale === "fa" ? "\u0627\u0646\u062A\u062E\u0627\u0628 \u0628\u0631\u0627\u06CC \u0645\u0642\u0627\u06CC\u0633\u0647" : locale === "ar" ? "\u062A\u062D\u062F\u064A\u062F \u0644\u0644\u0645\u0642\u0627\u0631\u0646\u0629" : "Select for comparison"
-              }
-            ) })
-          ] }),
-          aiSummary && /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground leading-relaxed", children: aiSummary }),
-          (flow || sentiment) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-            flow && /* @__PURE__ */ jsx("div", { "data-slot": "concept-card-flow", children: /* @__PURE__ */ jsx(FlowDistribution, { data: flow, variant: "stacked", showCounts: false, showPercent: true, locale }) }),
-            sentiment && /* @__PURE__ */ jsx("div", { "data-slot": "concept-card-sentiment", children: /* @__PURE__ */ jsx(
-              SentimentDistribution,
-              {
-                data: sentiment,
-                variant: "stacked",
-                showCounts: false,
-                showPercent: true,
-                locale
-              }
-            ) })
-          ] }),
-          (trend || typeof totalCount === "number") && /* @__PURE__ */ jsxs("div", { className: "flex items-end justify-between gap-3 pt-1 border-t border-border mt-auto", children: [
-            trend && trend.length > 0 ? /* @__PURE__ */ jsx("div", { "data-slot": "concept-card-trend", children: /* @__PURE__ */ jsx(Sparkline, { data: trend, variant: "area", width: 120, height: 28 }) }) : /* @__PURE__ */ jsx("span", {}),
-            typeof totalCount === "number" && /* @__PURE__ */ jsxs("div", { className: "text-end", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-xs text-foreground-lighter", children: locale === "fa" ? "\u0645\u062C\u0645\u0648\u0639" : locale === "ar" ? "\u0627\u0644\u0625\u062C\u0645\u0627\u0644\u064A" : "Total" }),
-              /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold tabular-nums text-foreground", children: convertToLocalNumbers(totalCount, locale) })
-            ] })
-          ] })
-        ]
-      }
-    );
-  }
-);
-ConceptCard.displayName = "ConceptCard";
-
-export { ConceptCard, FlowDistribution, SentimentDistribution };
-//# sourceMappingURL=chunk-CKFWMHQU.js.map
-//# sourceMappingURL=chunk-CKFWMHQU.js.map

package/dist/chunk-CKFWMHQU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/flow-distribution.tsx","../src/components/ui/sentiment-distribution.tsx","../src/components/ui/concept-card.tsx"],"names":["calcPercents","React2","jsx","jsxs","React3"],"mappings":"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","file":"chunk-CKFWMHQU.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cn, convertToLocalNumbers, type SupportedLocale } from '@/lib/utils'\nimport { flowLabels, FLOW_KEYS, type FlowKey } from '@/lib/i18n'\n\nexport type FlowData = Partial<Record<FlowKey, number>>\n\nexport interface FlowDistributionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Flow counts (auto-normalized). Missing keys treated as 0. */\n  data: FlowData\n  /** Display mode */\n  variant?: 'bars' | 'stacked' | 'compact'\n  /** Show numeric counts alongside percent */\n  showCounts?: boolean\n  /** Show percentages */\n  showPercent?: boolean\n  /** Locale */\n  locale?: SupportedLocale\n  /** Loading skeleton */\n  isLoading?: boolean\n}\n\nfunction calcPercents(data: FlowData): Record<FlowKey, number> {\n  const total = FLOW_KEYS.reduce((s, k) => s + (data[k] ?? 0), 0)\n  const result = Object.fromEntries(FLOW_KEYS.map((k) => [k, 0])) as Record<FlowKey, number>\n  if (total === 0) return result\n\n  const floats = FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).map((k) => {\n    const v = ((data[k] ?? 0) / total) * 100\n    return { k, floor: Math.floor(v), rem: v - Math.floor(v) }\n  })\n  const remaining = 100 - floats.reduce((s, f) => s + f.floor, 0)\n  const sorted = [...floats].sort((a, b) => b.rem - a.rem)\n  sorted.slice(0, remaining).forEach((f) => f.floor++)\n  floats.forEach(({ k, floor }) => (result[k] = floor))\n  return result\n}\n\n/** Visual reading order for stacked bar — aligned → opposed → undefined. */\nconst STACKED_ORDER: readonly FlowKey[] = [\n  'pro-gov',\n  'internal-critic',\n  'internal-opponent',\n  'external-opponent',\n  'grey',\n] as const\n\nfunction tokenVar(key: FlowKey): string {\n  return `--flow-${key}`\n}\n\nconst FlowDistribution = React.forwardRef<HTMLDivElement, FlowDistributionProps>(\n  (\n    {\n      className,\n      data,\n      variant = 'stacked',\n      showCounts = false,\n      showPercent = true,\n      locale = 'fa',\n      isLoading = false,\n      ...props\n    },\n    ref\n  ) => {\n    const labels = flowLabels[locale] ?? flowLabels.fa\n    const percents = calcPercents(data)\n    const percentSign = locale === 'en' ? '%' : '٪'\n\n    if (isLoading) {\n      return (\n        <div ref={ref} data-slot=\"flow-distribution\" className={cn('space-y-2', className)} {...props}>\n          {variant === 'stacked' ? (\n            <div className=\"h-3 w-full rounded-full bg-muted animate-pulse\" />\n          ) : variant === 'compact' ? (\n            <div className=\"flex flex-wrap gap-2\">\n              {[0, 1, 2].map((i) => (\n                <div key={i} className=\"h-5 w-20 rounded-full bg-muted animate-pulse\" />\n              ))}\n            </div>\n          ) : (\n            <div className=\"space-y-2\">\n              {[0, 1, 2, 3].map((i) => (\n                <div key={i} className=\"flex items-center gap-2\">\n                  <div className=\"h-3 w-16 rounded bg-muted animate-pulse\" />\n                  <div className=\"h-2 flex-1 rounded-full bg-muted animate-pulse\" />\n                  <div className=\"h-3 w-8 rounded bg-muted animate-pulse\" />\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    if (variant === 'stacked') {\n      const active = STACKED_ORDER.filter((k) => (data[k] ?? 0) > 0)\n      const srLabel = active\n        .map((k) => `${labels[k]} ${convertToLocalNumbers(percents[k], locale)}${percentSign}`)\n        .join('، ')\n\n      return (\n        <div ref={ref} data-slot=\"flow-distribution\" className={cn('space-y-2', className)} {...props}>\n          <div className=\"flex h-3 w-full overflow-hidden rounded-full bg-muted\" role=\"img\" aria-label={srLabel}>\n            {active.map((k) => (\n              <div\n                key={k}\n                className=\"transition-all duration-500\"\n                style={{ width: `${percents[k]}%`, backgroundColor: `hsl(var(${tokenVar(k)}))` }}\n              />\n            ))}\n          </div>\n          <div className=\"flex flex-wrap gap-x-3 gap-y-1\">\n            {active.map((k) => (\n              <span key={k} className=\"inline-flex items-center gap-1\">\n                <span\n                  className=\"inline-block h-2 w-2 rounded-full\"\n                  style={{ backgroundColor: `hsl(var(${tokenVar(k)}))` }}\n                />\n                <span className=\"text-xs text-foreground-light\">{labels[k]}</span>\n                {showPercent && (\n                  <span className=\"text-xs font-medium tabular-nums\" style={{ color: `hsl(var(${tokenVar(k)}))` }}>\n                    {convertToLocalNumbers(percents[k], locale)}\n                    {percentSign}\n                  </span>\n                )}\n                {showCounts && (\n                  <span className=\"text-xs text-foreground-muted tabular-nums\">\n                    ({convertToLocalNumbers(data[k] ?? 0, locale)})\n                  </span>\n                )}\n              </span>\n            ))}\n          </div>\n        </div>\n      )\n    }\n\n    if (variant === 'compact') {\n      const active = FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).sort((a, b) => (data[b] ?? 0) - (data[a] ?? 0))\n      return (\n        <div\n          ref={ref}\n          data-slot=\"flow-distribution\"\n          className={cn('inline-flex flex-wrap gap-2', className)}\n          {...props}\n        >\n          {active.map((k) => (\n            <span\n              key={k}\n              className=\"inline-flex items-center gap-1 rounded-full px-2 py-0.5\"\n              style={{\n                backgroundColor: `hsl(var(${tokenVar(k)}) / 0.12)`,\n                color: `hsl(var(${tokenVar(k)}))`,\n              }}\n            >\n              <span className=\"text-xs font-medium\">{labels[k]}</span>\n              {showPercent && (\n                <span className=\"text-xs font-bold tabular-nums\">\n                  {convertToLocalNumbers(percents[k], locale)}\n                  {percentSign}\n                </span>\n              )}\n              {showCounts && (\n                <span className=\"text-xs text-foreground-muted tabular-nums\">\n                  ({convertToLocalNumbers(data[k] ?? 0, locale)})\n                </span>\n              )}\n            </span>\n          ))}\n        </div>\n      )\n    }\n\n    // bars — row per flow, sorted by value\n    const sorted = FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).sort((a, b) => (data[b] ?? 0) - (data[a] ?? 0))\n\n    return (\n      <div ref={ref} data-slot=\"flow-distribution\" className={cn('space-y-1.5', className)} {...props}>\n        {sorted.map((k) => (\n          <div key={k} className=\"flex items-center gap-2\">\n            <span className=\"w-24 shrink-0 text-xs text-foreground-light text-end\">{labels[k]}</span>\n            <div className=\"relative flex-1 h-2 rounded-full bg-muted overflow-hidden\">\n              <div\n                className=\"absolute inset-y-0 start-0 rounded-full transition-all duration-500\"\n                style={{\n                  width: `${percents[k]}%`,\n                  backgroundColor: `hsl(var(${tokenVar(k)}))`,\n                }}\n                role=\"progressbar\"\n                aria-valuenow={percents[k]}\n                aria-valuemin={0}\n                aria-valuemax={100}\n                aria-label={`${labels[k]}: ${percents[k]}%`}\n              />\n            </div>\n            <span\n              className=\"w-12 shrink-0 text-xs font-medium tabular-nums text-start\"\n              style={{ color: `hsl(var(${tokenVar(k)}))` }}\n            >\n              {showCounts\n                ? convertToLocalNumbers((data[k] ?? 0).toLocaleString(), locale)\n                : `${convertToLocalNumbers(percents[k], locale)}${percentSign}`}\n            </span>\n          </div>\n        ))}\n      </div>\n    )\n  }\n)\n\nFlowDistribution.displayName = 'FlowDistribution'\n\nexport { FlowDistribution }\n","'use client'\n\nimport * as React from 'react'\nimport { cn, convertToLocalNumbers, type SupportedLocale } from '@/lib/utils'\n\nexport interface SentimentData {\n  positive: number\n  negative: number\n  neutral: number\n  mixed?: number\n}\n\nexport interface SentimentDistributionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Sentiment counts (will be auto-normalized to 100%) */\n  data: SentimentData\n  /** Display mode */\n  variant?: 'bars' | 'stacked' | 'compact'\n  /** Show numeric count labels */\n  showCounts?: boolean\n  /** Show percentage labels */\n  showPercent?: boolean\n  /** Locale for number/label formatting */\n  locale?: SupportedLocale\n  /** Show loading skeleton */\n  isLoading?: boolean\n}\n\nconst LABELS: Record<SupportedLocale, Record<keyof SentimentData, string>> = {\n  fa: { positive: 'مثبت', negative: 'منفی', neutral: 'خنثی', mixed: 'ترکیبی' },\n  ar: { positive: 'إيجابي', negative: 'سلبي', neutral: 'محايد', mixed: 'مختلط' },\n  en: { positive: 'Positive', negative: 'Negative', neutral: 'Neutral', mixed: 'Mixed' },\n}\n\nconst SENTIMENT_STYLES: Record<keyof SentimentData, { bar: string; text: string; bg: string }> = {\n  positive: {\n    bar: 'bg-[hsl(var(--sentiment-positive))]',\n    text: 'text-[hsl(var(--sentiment-positive))]',\n    bg: 'bg-[hsl(var(--sentiment-positive)/0.12)]',\n  },\n  negative: {\n    bar: 'bg-[hsl(var(--sentiment-negative))]',\n    text: 'text-[hsl(var(--sentiment-negative))]',\n    bg: 'bg-[hsl(var(--sentiment-negative)/0.12)]',\n  },\n  neutral: {\n    bar: 'bg-[hsl(var(--sentiment-neutral))]',\n    text: 'text-[hsl(var(--sentiment-neutral))]',\n    bg: 'bg-[hsl(var(--sentiment-neutral)/0.12)]',\n  },\n  mixed: {\n    bar: 'bg-[hsl(var(--sentiment-mixed))]',\n    text: 'text-[hsl(var(--sentiment-mixed))]',\n    bg: 'bg-[hsl(var(--sentiment-mixed)/0.12)]',\n  },\n}\n\nfunction calcPercents(data: SentimentData): Record<keyof SentimentData, number> {\n  const keys = (['positive', 'negative', 'neutral', 'mixed'] as const).filter((k) => (data[k] ?? 0) > 0)\n  const total = (['positive', 'negative', 'neutral', 'mixed'] as const).reduce((sum, k) => sum + (data[k] ?? 0), 0)\n  if (total === 0) return { positive: 0, negative: 0, neutral: 0, mixed: 0 }\n\n  // Largest remainder method — guarantees percentages sum to exactly 100\n  const floats = keys.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<string, number> = { positive: 0, negative: 0, neutral: 0, mixed: 0 }\n  sorted.forEach(({ k, floor }) => (result[k] = floor))\n  return result as Record<keyof SentimentData, number>\n}\n\nconst SENTIMENT_ORDER: Array<keyof SentimentData> = ['positive', 'neutral', 'mixed', 'negative']\n\nconst SentimentDistribution = React.forwardRef<HTMLDivElement, SentimentDistributionProps>(\n  (\n    {\n      className,\n      data,\n      variant = 'bars',\n      showCounts = false,\n      showPercent = true,\n      locale = 'fa',\n      isLoading = false,\n      ...props\n    },\n    ref\n  ) => {\n    const labels = LABELS[locale] ?? LABELS.fa\n    const percents = calcPercents(data)\n    const activeOrder = SENTIMENT_ORDER.filter((key) => (data[key] ?? 0) > 0)\n\n    if (isLoading) {\n      return (\n        <div ref={ref} data-slot=\"sentiment-distribution\" className={cn('space-y-2', className)} {...props}>\n          {variant === 'stacked' ? (\n            <div className=\"h-3 w-full rounded-full bg-muted animate-pulse\" />\n          ) : variant === 'compact' ? (\n            <div className=\"flex gap-2\">\n              {[0, 1, 2].map((i) => (\n                <div key={i} className=\"h-4 w-16 rounded bg-muted animate-pulse\" />\n              ))}\n            </div>\n          ) : (\n            <div className=\"space-y-2\">\n              {[0, 1, 2].map((i) => (\n                <div key={i} className=\"flex items-center gap-2\">\n                  <div className=\"h-3 w-12 rounded bg-muted animate-pulse\" />\n                  <div className=\"h-2 flex-1 rounded-full bg-muted animate-pulse\" />\n                  <div className=\"h-3 w-8 rounded bg-muted animate-pulse\" />\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    // Stacked bar variant — a single horizontal bar split by sentiment\n    if (variant === 'stacked') {\n      return (\n        <div ref={ref} data-slot=\"sentiment-distribution\" className={cn('space-y-2', className)} {...props}>\n          {/* Stacked bar */}\n          <div\n            className=\"flex h-3 w-full overflow-hidden rounded-full bg-muted\"\n            role=\"img\"\n            aria-label={`${labels.positive} ${percents.positive}٪، ${labels.negative} ${percents.negative}٪، ${labels.neutral} ${percents.neutral}٪`}\n          >\n            {activeOrder.map((key) => (\n              <div\n                key={key}\n                className={cn('transition-all duration-500', SENTIMENT_STYLES[key].bar)}\n                style={{ width: `${percents[key]}%` }}\n              />\n            ))}\n          </div>\n\n          {/* Legend */}\n          <div className=\"flex flex-wrap gap-x-3 gap-y-1\">\n            {activeOrder.map((key) => (\n              <span key={key} className=\"inline-flex items-center gap-1\">\n                <span className={cn('inline-block h-2 w-2 rounded-full', SENTIMENT_STYLES[key].bar)} />\n                <span className=\"text-xs text-foreground-light\">{labels[key]}</span>\n                {showPercent && (\n                  <span className={cn('text-xs font-medium', SENTIMENT_STYLES[key].text)}>\n                    {convertToLocalNumbers(percents[key], locale)}\n                    {locale === 'en' ? '%' : '٪'}\n                  </span>\n                )}\n                {showCounts && (\n                  <span className=\"text-xs text-foreground-muted\">\n                    ({convertToLocalNumbers(data[key] ?? 0, locale)})\n                  </span>\n                )}\n              </span>\n            ))}\n          </div>\n        </div>\n      )\n    }\n\n    // Compact variant — inline chips with percentage\n    if (variant === 'compact') {\n      return (\n        <div\n          ref={ref}\n          data-slot=\"sentiment-distribution\"\n          className={cn('inline-flex flex-wrap gap-2', className)}\n          {...props}\n        >\n          {activeOrder.map((key) => (\n            <span\n              key={key}\n              className={cn('inline-flex items-center gap-1 rounded-full px-2 py-0.5', SENTIMENT_STYLES[key].bg)}\n            >\n              <span className={cn('text-xs font-medium', SENTIMENT_STYLES[key].text)}>{labels[key]}</span>\n              {showPercent && (\n                <span className={cn('text-xs font-bold tabular-nums', SENTIMENT_STYLES[key].text)}>\n                  {convertToLocalNumbers(percents[key], locale)}\n                  {locale === 'en' ? '%' : '٪'}\n                </span>\n              )}\n              {showCounts && (\n                <span className=\"text-xs text-foreground-muted tabular-nums\">\n                  ({convertToLocalNumbers((data[key] ?? 0).toLocaleString(), locale)})\n                </span>\n              )}\n            </span>\n          ))}\n        </div>\n      )\n    }\n\n    // Default — \"bars\" variant: individual rows per sentiment\n    return (\n      <div ref={ref} data-slot=\"sentiment-distribution\" className={cn('space-y-1.5', className)} {...props}>\n        {activeOrder.map((key) => (\n          <div key={key} className=\"flex items-center gap-2\">\n            {/* Label */}\n            <span className=\"w-10 shrink-0 text-xs text-foreground-light text-end\">{labels[key]}</span>\n\n            {/* Progress bar */}\n            <div className=\"relative flex-1 h-2 rounded-full bg-muted overflow-hidden\">\n              <div\n                className={cn(\n                  'absolute inset-y-0 start-0 rounded-full transition-all duration-500',\n                  SENTIMENT_STYLES[key].bar\n                )}\n                style={{ width: `${percents[key]}%` }}\n                role=\"progressbar\"\n                aria-valuenow={percents[key]}\n                aria-valuemin={0}\n                aria-valuemax={100}\n                aria-label={`${labels[key]}: ${percents[key]}%`}\n              />\n            </div>\n\n            {/* Value */}\n            <span\n              className={cn('w-10 shrink-0 text-xs font-medium tabular-nums text-start', SENTIMENT_STYLES[key].text)}\n            >\n              {showCounts\n                ? convertToLocalNumbers((data[key] ?? 0).toLocaleString(), locale)\n                : `${convertToLocalNumbers(percents[key], locale)}${locale === 'en' ? '%' : '٪'}`}\n            </span>\n          </div>\n        ))}\n      </div>\n    )\n  }\n)\n\nSentimentDistribution.displayName = 'SentimentDistribution'\n\nexport { SentimentDistribution }\n","'use client'\n\nimport * as React from 'react'\nimport { cn, convertToLocalNumbers, type SupportedLocale } from '@/lib/utils'\nimport { StatusBadge } from './status-badge'\nimport { SeverityBadge } from './severity-badge'\nimport { FlowDistribution, type FlowData } from './flow-distribution'\nimport { SentimentDistribution, type SentimentData } from './sentiment-distribution'\nimport { Sparkline } from './sparkline'\nimport { Checkbox } from './checkbox'\nimport type { StatusKey, SeverityKey } from '@/lib/i18n'\n\n/**\n * ConceptCard — افکارسنجی-flavored headline tile for clustering dashboards.\n * Composes: status badge, severity badge, flow composition bar, sentiment\n * distribution, sparkline trend, AI summary snippet, optional comparison\n * checkbox. Built for government dashboards where each \"concept\" needs\n * to fit in a card grid with rich, comparable signals.\n */\n\nexport interface ConceptCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Concept name (e.g., \"افزایش قیمت بنزین\") */\n  title: React.ReactNode\n  /** Short subtitle (e.g., \"خوشه ۴ — ۱۲۰ پست\") */\n  subtitle?: React.ReactNode\n  /** Operational status */\n  status?: StatusKey\n  /** Criticality of the concept (urgent/high/medium/low) */\n  severity?: SeverityKey\n  /** Flow composition breakdown (5-class political) */\n  flow?: FlowData\n  /** Sentiment composition (3-class) */\n  sentiment?: SentimentData\n  /** Trend sparkline values (e.g., last 14 days mention volume) */\n  trend?: number[]\n  /** AI-generated short summary (1-2 sentences) */\n  aiSummary?: React.ReactNode\n  /** Total mentions / size — shown as a stat */\n  totalCount?: number\n  /** Comparison checkbox state. When provided, renders the checkbox in the header */\n  comparison?: {\n    selected: boolean\n    onSelectionChange: (next: boolean) => void\n    label?: React.ReactNode\n  }\n  /** Make the entire card clickable (cursor + hover/focus ring) */\n  interactive?: boolean\n  /** Locale @default 'fa' */\n  locale?: SupportedLocale\n}\n\nconst ConceptCard = React.forwardRef<HTMLDivElement, ConceptCardProps>(\n  (\n    {\n      className,\n      title,\n      subtitle,\n      status,\n      severity,\n      flow,\n      sentiment,\n      trend,\n      aiSummary,\n      totalCount,\n      comparison,\n      interactive = false,\n      locale = 'fa',\n      onClick,\n      ...props\n    },\n    ref\n  ) => {\n    const isClickable = interactive || !!onClick\n    const handleClick = isClickable\n      ? (e: React.MouseEvent<HTMLDivElement>) => {\n          // Ignore clicks on the comparison checkbox subtree\n          const target = e.target as Element | null\n          if (target && target.closest('[data-slot=\"concept-card-comparison\"]')) return\n          onClick?.(e)\n        }\n      : undefined\n    return (\n      <div\n        ref={ref}\n        data-slot=\"concept-card\"\n        data-status={status}\n        data-severity={severity}\n        role={isClickable ? 'button' : 'article'}\n        tabIndex={isClickable ? 0 : undefined}\n        onClick={handleClick}\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          'group/concept-card 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        {/* Header row */}\n        <div className=\"flex items-start gap-3\">\n          <div className=\"flex-1 min-w-0\">\n            <div className=\"flex items-center gap-2 flex-wrap\">\n              <h3 className=\"text-sm font-semibold text-foreground truncate\">{title}</h3>\n              {status && <StatusBadge status={status} size=\"sm\" animated locale={locale} />}\n              {severity && <SeverityBadge severity={severity} size=\"sm\" locale={locale} />}\n            </div>\n            {subtitle && <p className=\"mt-0.5 text-xs text-foreground-lighter truncate\">{subtitle}</p>}\n          </div>\n          {comparison && (\n            <div data-slot=\"concept-card-comparison\" className=\"shrink-0\">\n              <Checkbox\n                checked={comparison.selected}\n                onCheckedChange={(next) => comparison.onSelectionChange(next === true)}\n                aria-label={\n                  typeof comparison.label === 'string'\n                    ? comparison.label\n                    : locale === 'fa'\n                      ? 'انتخاب برای مقایسه'\n                      : locale === 'ar'\n                        ? 'تحديد للمقارنة'\n                        : 'Select for comparison'\n                }\n              />\n            </div>\n          )}\n        </div>\n\n        {/* AI summary */}\n        {aiSummary && <p className=\"text-sm text-foreground leading-relaxed\">{aiSummary}</p>}\n\n        {/* Composition bars */}\n        {(flow || sentiment) && (\n          <div className=\"flex flex-col gap-2\">\n            {flow && (\n              <div data-slot=\"concept-card-flow\">\n                <FlowDistribution data={flow} variant=\"stacked\" showCounts={false} showPercent locale={locale} />\n              </div>\n            )}\n            {sentiment && (\n              <div data-slot=\"concept-card-sentiment\">\n                <SentimentDistribution\n                  data={sentiment}\n                  variant=\"stacked\"\n                  showCounts={false}\n                  showPercent\n                  locale={locale}\n                />\n              </div>\n            )}\n          </div>\n        )}\n\n        {/* Footer row — trend + total */}\n        {(trend || typeof totalCount === 'number') && (\n          <div className=\"flex items-end justify-between gap-3 pt-1 border-t border-border mt-auto\">\n            {trend && trend.length > 0 ? (\n              <div data-slot=\"concept-card-trend\">\n                <Sparkline data={trend} variant=\"area\" width={120} height={28} />\n              </div>\n            ) : (\n              <span />\n            )}\n            {typeof totalCount === 'number' && (\n              <div className=\"text-end\">\n                <div className=\"text-xs text-foreground-lighter\">\n                  {locale === 'fa' ? 'مجموع' : locale === 'ar' ? 'الإجمالي' : 'Total'}\n                </div>\n                <div className=\"text-sm font-semibold tabular-nums text-foreground\">\n                  {convertToLocalNumbers(totalCount, locale)}\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nConceptCard.displayName = 'ConceptCard'\n\nexport { ConceptCard }\n"]}