@parto-system-design/ui 1.1.5 → 1.1.8

package/dist/chunk-HS3XI3CC.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+var chunkK6G63EED_cjs = require('./chunk-K6G63EED.cjs');
+var chunkNV4JOKWL_cjs = require('./chunk-NV4JOKWL.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+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 inputVariants = classVarianceAuthority.cva(
+  chunkNV4JOKWL_cjs.cn(
+    "flex w-full rounded-md border border-control read-only:border-button bg-foreground/[.026] text-sm text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-foreground-muted read-only:text-foreground-light",
+    "transition-colors duration-150",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
+    "aria-[invalid=true]:bg-destructive-200 dark:aria-[invalid=true]:bg-destructive/5 aria-[invalid=true]:border-destructive-400 dark:aria-[invalid=true]:border-destructive-default aria-[invalid=true]:focus:border-destructive aria-[invalid=true]:focus-visible:border-destructive"
+  ),
+  {
+    variants: {
+      size: {
+        ...chunkK6G63EED_cjs.SIZE_VARIANTS
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+);
+var InputVariants = inputVariants;
+var LTR_INPUT_TYPES = /* @__PURE__ */ new Set(["email", "url", "tel", "number", "password"]);
+var Input = React__namespace.forwardRef(({ className, type, size = "sm", dir, ...props }, ref) => {
+  const resolvedDir = dir ?? (type && LTR_INPUT_TYPES.has(type) ? "ltr" : void 0);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type,
+      ref,
+      "data-slot": "input",
+      dir: resolvedDir,
+      ...props,
+      className: chunkNV4JOKWL_cjs.cn(inputVariants({ size }), className)
+    }
+  );
+});
+Input.displayName = "Input";
+
+exports.Input = Input;
+exports.InputVariants = InputVariants;
+exports.inputVariants = inputVariants;
+//# sourceMappingURL=chunk-HS3XI3CC.cjs.map
+//# sourceMappingURL=chunk-HS3XI3CC.cjs.map

package/dist/chunk-HS3XI3CC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/input.tsx"],"names":["cva","cn","SIZE_VARIANTS","React","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAM,aAAA,GAAgBA,0BAAA;AAAA,EAC3BC,oBAAA;AAAA,IACE,0QAAA;AAAA,IACA,gCAAA;AAAA,IACA,0LAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,GAAGC;AAAA;AACL,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAGO,IAAM,aAAA,GAAgB;AAK7B,IAAM,eAAA,uBAAsB,GAAA,CAAI,CAAC,SAAS,KAAA,EAAO,KAAA,EAAO,QAAA,EAAU,UAAU,CAAC,CAAA;AAE7E,IAAM,KAAA,GAAcC,gBAAA,CAAA,UAAA,CAAyC,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,IAAA,GAAO,IAAA,EAAM,GAAA,EAAK,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAErH,EAAA,MAAM,cAAc,GAAA,KAAQ,IAAA,IAAQ,gBAAgB,GAAA,CAAI,IAAI,IAAI,KAAA,GAAQ,MAAA,CAAA;AACxE,EAAA,uBACEC,cAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,GAAA;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACV,GAAA,EAAK,WAAA;AAAA,MACJ,GAAG,KAAA;AAAA,MACJ,WAAWH,oBAAA,CAAG,aAAA,CAAc,EAAE,IAAA,EAAM,GAAG,SAAS;AAAA;AAAA,GAClD;AAEJ,CAAC;AAED,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-HS3XI3CC.cjs","sourcesContent":["'use client'\n\nimport { VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport { SIZE_VARIANTS } from '@/lib/constants'\nimport { cn } from '@/lib/utils'\n\nexport const inputVariants = cva(\n  cn(\n    'flex w-full rounded-md border border-control read-only:border-button bg-foreground/[.026] text-sm text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-foreground-muted read-only:text-foreground-light',\n    'transition-colors duration-150',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50',\n    'aria-[invalid=true]:bg-destructive-200 dark:aria-[invalid=true]:bg-destructive/5 aria-[invalid=true]:border-destructive-400 dark:aria-[invalid=true]:border-destructive-default aria-[invalid=true]:focus:border-destructive aria-[invalid=true]:focus-visible:border-destructive'\n  ),\n  {\n    variants: {\n      size: {\n        ...SIZE_VARIANTS,\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  }\n)\n\n/** @deprecated Use inputVariants instead */\nexport const InputVariants = inputVariants\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {}\n\nconst LTR_INPUT_TYPES = new Set(['email', 'url', 'tel', 'number', 'password'])\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, type, size = 'sm', dir, ...props }, ref) => {\n  // LTR content types: auto-set dir=\"ltr\" unless caller explicitly overrides\n  const resolvedDir = dir ?? (type && LTR_INPUT_TYPES.has(type) ? 'ltr' : undefined)\n  return (\n    <input\n      type={type}\n      ref={ref}\n      data-slot=\"input\"\n      dir={resolvedDir}\n      {...props}\n      className={cn(inputVariants({ size }), className)}\n    />\n  )\n})\n\nInput.displayName = 'Input'\n\nexport { Input }\n"]}

package/dist/chunk-HUCC3QH5.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+var chunkNV4JOKWL_cjs = require('./chunk-NV4JOKWL.cjs');
+var React = require('react');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+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 PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+
+var Popover = PopoverPrimitive__namespace.Root;
+var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
+var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
+var PopoverContent = React__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  PopoverPrimitive__namespace.Content,
+  {
+    ref,
+    "data-slot": "popover-content",
+    align,
+    sideOffset,
+    className: chunkNV4JOKWL_cjs.cn(
+      "z-50 rounded-md border border-overlay bg-overlay p-4 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
+
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+//# sourceMappingURL=chunk-HUCC3QH5.cjs.map
+//# sourceMappingURL=chunk-HUCC3QH5.cjs.map

package/dist/chunk-HUCC3QH5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/popover.tsx"],"names":["PopoverPrimitive","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,OAAA,GAA2BA,2BAAA,CAAA;AAEjC,IAAM,cAAA,GAAkCA,2BAAA,CAAA;AAExC,IAAM,aAAA,GAAiCA,2BAAA,CAAA;AAEvC,IAAM,cAAA,GAAuBC,gBAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,WAAW,KAAA,GAAQ,QAAA,EAAU,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC5DC,cAAA,CAAkBF,oCAAjB,EACC,QAAA,kBAAAE,cAAA;AAAA,EAAkBF,2BAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,WAAA,EAAU,iBAAA;AAAA,IACV,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAWG,oBAAA;AAAA,MACT,geAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD;AACD,cAAA,CAAe,cAA+BH,2BAAA,CAAA,OAAA,CAAQ,WAAA","file":"chunk-HUCC3QH5.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      data-slot=\"popover-content\"\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 rounded-md border border-overlay bg-overlay p-4 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"]}

package/dist/chunk-HYZ6BQPS.cjs

@@ -0,0 +1,425 @@
+'use strict';
+
+var chunkHJPDZOMJ_cjs = require('./chunk-HJPDZOMJ.cjs');
+var chunkS5IPJQZ3_cjs = require('./chunk-S5IPJQZ3.cjs');
+var chunkCAJKSTXX_cjs = require('./chunk-CAJKSTXX.cjs');
+var chunkGKRAZGDI_cjs = require('./chunk-GKRAZGDI.cjs');
+var chunkZ2TY4A75_cjs = require('./chunk-Z2TY4A75.cjs');
+var chunkNV4JOKWL_cjs = require('./chunk-NV4JOKWL.cjs');
+var React = require('react');
+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);
+
+function calcPercents(data) {
+  const total = chunkZ2TY4A75_cjs.FLOW_KEYS.reduce((s, k) => s + (data[k] ?? 0), 0);
+  const result = Object.fromEntries(chunkZ2TY4A75_cjs.FLOW_KEYS.map((k) => [k, 0]));
+  if (total === 0) return result;
+  const floats = chunkZ2TY4A75_cjs.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__namespace.forwardRef(
+  ({
+    className,
+    data,
+    variant = "stacked",
+    showCounts = false,
+    showPercent = true,
+    locale = "fa",
+    isLoading = false,
+    ...props
+  }, ref) => {
+    const labels = chunkZ2TY4A75_cjs.flowLabels[locale] ?? chunkZ2TY4A75_cjs.flowLabels.fa;
+    const percents = calcPercents(data);
+    const percentSign = locale === "en" ? "%" : "\u066A";
+    if (isLoading) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-slot": "flow-distribution", className: chunkNV4JOKWL_cjs.cn("space-y-2", className), ...props, children: variant === "stacked" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-full rounded-full bg-muted animate-pulse" }) : variant === "compact" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-20 rounded-full bg-muted animate-pulse" }, i)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-16 rounded bg-muted animate-pulse" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 flex-1 rounded-full bg-muted animate-pulse" }),
+        /* @__PURE__ */ jsxRuntime.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]} ${chunkNV4JOKWL_cjs.convertToLocalNumbers(percents[k], locale)}${percentSign}`).join("\u060C ");
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, "data-slot": "flow-distribution", className: chunkNV4JOKWL_cjs.cn("space-y-2", className), ...props, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-3 w-full overflow-hidden rounded-full bg-muted", role: "img", "aria-label": srLabel, children: active.map((k) => /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "transition-all duration-500",
+            style: { width: `${percents[k]}%`, backgroundColor: `hsl(var(${tokenVar(k)}))` }
+          },
+          k
+        )) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-3 gap-y-1", children: active.map((k) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "inline-block h-2 w-2 rounded-full",
+              style: { backgroundColor: `hsl(var(${tokenVar(k)}))` }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-foreground-light", children: labels[k] }),
+          showPercent && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-medium tabular-nums", style: { color: `hsl(var(${tokenVar(k)}))` }, children: [
+            chunkNV4JOKWL_cjs.convertToLocalNumbers(percents[k], locale),
+            percentSign
+          ] }),
+          showCounts && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-foreground-muted tabular-nums", children: [
+            "(",
+            chunkNV4JOKWL_cjs.convertToLocalNumbers(data[k] ?? 0, locale),
+            ")"
+          ] })
+        ] }, k)) })
+      ] });
+    }
+    if (variant === "compact") {
+      const active = chunkZ2TY4A75_cjs.FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).sort((a, b) => (data[b] ?? 0) - (data[a] ?? 0));
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          "data-slot": "flow-distribution",
+          className: chunkNV4JOKWL_cjs.cn("inline-flex flex-wrap gap-2", className),
+          ...props,
+          children: active.map((k) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: labels[k] }),
+                showPercent && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-bold tabular-nums", children: [
+                  chunkNV4JOKWL_cjs.convertToLocalNumbers(percents[k], locale),
+                  percentSign
+                ] }),
+                showCounts && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-foreground-muted tabular-nums", children: [
+                  "(",
+                  chunkNV4JOKWL_cjs.convertToLocalNumbers(data[k] ?? 0, locale),
+                  ")"
+                ] })
+              ]
+            },
+            k
+          ))
+        }
+      );
+    }
+    const sorted = chunkZ2TY4A75_cjs.FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).sort((a, b) => (data[b] ?? 0) - (data[a] ?? 0));
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-slot": "flow-distribution", className: chunkNV4JOKWL_cjs.cn("space-y-1.5", className), ...props, children: sorted.map((k) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-24 shrink-0 text-xs text-foreground-light text-end", children: labels[k] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex-1 h-2 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "w-12 shrink-0 text-xs font-medium tabular-nums text-start",
+          style: { color: `hsl(var(${tokenVar(k)}))` },
+          children: showCounts ? chunkNV4JOKWL_cjs.convertToLocalNumbers((data[k] ?? 0).toLocaleString(), locale) : `${chunkNV4JOKWL_cjs.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__namespace.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__ */ jsxRuntime.jsx("div", { ref, "data-slot": "sentiment-distribution", className: chunkNV4JOKWL_cjs.cn("space-y-2", className), ...props, children: variant === "stacked" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-full rounded-full bg-muted animate-pulse" }) : variant === "compact" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-16 rounded bg-muted animate-pulse" }, i)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-12 rounded bg-muted animate-pulse" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 flex-1 rounded-full bg-muted animate-pulse" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-8 rounded bg-muted animate-pulse" })
+      ] }, i)) }) });
+    }
+    if (variant === "stacked") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, "data-slot": "sentiment-distribution", className: chunkNV4JOKWL_cjs.cn("space-y-2", className), ...props, children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: chunkNV4JOKWL_cjs.cn("transition-all duration-500", SENTIMENT_STYLES[key].bar),
+                style: { width: `${percents[key]}%` }
+              },
+              key
+            ))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-3 gap-y-1", children: activeOrder.map((key) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNV4JOKWL_cjs.cn("inline-block h-2 w-2 rounded-full", SENTIMENT_STYLES[key].bar) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-foreground-light", children: labels[key] }),
+          showPercent && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkNV4JOKWL_cjs.cn("text-xs font-medium", SENTIMENT_STYLES[key].text), children: [
+            chunkNV4JOKWL_cjs.convertToLocalNumbers(percents[key], locale),
+            locale === "en" ? "%" : "\u066A"
+          ] }),
+          showCounts && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-foreground-muted", children: [
+            "(",
+            chunkNV4JOKWL_cjs.convertToLocalNumbers(data[key] ?? 0, locale),
+            ")"
+          ] })
+        ] }, key)) })
+      ] });
+    }
+    if (variant === "compact") {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          "data-slot": "sentiment-distribution",
+          className: chunkNV4JOKWL_cjs.cn("inline-flex flex-wrap gap-2", className),
+          ...props,
+          children: activeOrder.map((key) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: chunkNV4JOKWL_cjs.cn("inline-flex items-center gap-1 rounded-full px-2 py-0.5", SENTIMENT_STYLES[key].bg),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNV4JOKWL_cjs.cn("text-xs font-medium", SENTIMENT_STYLES[key].text), children: labels[key] }),
+                showPercent && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkNV4JOKWL_cjs.cn("text-xs font-bold tabular-nums", SENTIMENT_STYLES[key].text), children: [
+                  chunkNV4JOKWL_cjs.convertToLocalNumbers(percents[key], locale),
+                  locale === "en" ? "%" : "\u066A"
+                ] }),
+                showCounts && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-foreground-muted tabular-nums", children: [
+                  "(",
+                  chunkNV4JOKWL_cjs.convertToLocalNumbers((data[key] ?? 0).toLocaleString(), locale),
+                  ")"
+                ] })
+              ]
+            },
+            key
+          ))
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-slot": "sentiment-distribution", className: chunkNV4JOKWL_cjs.cn("space-y-1.5", className), ...props, children: activeOrder.map((key) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-10 shrink-0 text-xs text-foreground-light text-end", children: labels[key] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex-1 h-2 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: chunkNV4JOKWL_cjs.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__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: chunkNV4JOKWL_cjs.cn("w-10 shrink-0 text-xs font-medium tabular-nums text-start", SENTIMENT_STYLES[key].text),
+          children: showCounts ? chunkNV4JOKWL_cjs.convertToLocalNumbers((data[key] ?? 0).toLocaleString(), locale) : `${chunkNV4JOKWL_cjs.convertToLocalNumbers(percents[key], locale)}${locale === "en" ? "%" : "\u066A"}`
+        }
+      )
+    ] }, key)) });
+  }
+);
+SentimentDistribution.displayName = "SentimentDistribution";
+var ConceptCard = React__namespace.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__ */ jsxRuntime.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: chunkNV4JOKWL_cjs.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__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__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("h3", { className: "text-sm font-semibold text-foreground truncate", children: title }),
+                status && /* @__PURE__ */ jsxRuntime.jsx(chunkHJPDZOMJ_cjs.StatusBadge, { status, size: "sm", animated: true, locale }),
+                severity && /* @__PURE__ */ jsxRuntime.jsx(chunkGKRAZGDI_cjs.SeverityBadge, { severity, size: "sm", locale })
+              ] }),
+              subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-foreground-lighter truncate", children: subtitle })
+            ] }),
+            comparison && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "concept-card-comparison", className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunkCAJKSTXX_cjs.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__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground leading-relaxed", children: aiSummary }),
+          (flow || sentiment) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+            flow && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "concept-card-flow", children: /* @__PURE__ */ jsxRuntime.jsx(FlowDistribution, { data: flow, variant: "stacked", showCounts: false, showPercent: true, locale }) }),
+            sentiment && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "concept-card-sentiment", children: /* @__PURE__ */ jsxRuntime.jsx(
+              SentimentDistribution,
+              {
+                data: sentiment,
+                variant: "stacked",
+                showCounts: false,
+                showPercent: true,
+                locale
+              }
+            ) })
+          ] }),
+          (trend || typeof totalCount === "number") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end justify-between gap-3 pt-1 border-t border-border mt-auto", children: [
+            trend && trend.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "concept-card-trend", children: /* @__PURE__ */ jsxRuntime.jsx(chunkS5IPJQZ3_cjs.Sparkline, { data: trend, variant: "area", width: 120, height: 28 }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+            typeof totalCount === "number" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-end", children: [
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold tabular-nums text-foreground", children: chunkNV4JOKWL_cjs.convertToLocalNumbers(totalCount, locale) })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ConceptCard.displayName = "ConceptCard";
+
+exports.ConceptCard = ConceptCard;
+exports.FlowDistribution = FlowDistribution;
+exports.SentimentDistribution = SentimentDistribution;
+//# sourceMappingURL=chunk-HYZ6BQPS.cjs.map
+//# sourceMappingURL=chunk-HYZ6BQPS.cjs.map