@parto-system-design/ui 1.1.11 → 1.1.17

package/dist/components/ui/input.js

@@ -1,5 +1,118 @@
-export { Input, InputVariants, inputVariants } from '../../chunk-GPYJ66CG.js';
-import '../../chunk-S3T2L6NA.js';
-import '../../chunk-4SVQNEVH.js';
+'use client';
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/lib/constants.ts
+var SIZE = {
+  text: {
+    xs: "text-xs",
+    sm: "text-sm leading-4",
+    md: "text-sm",
+    lg: "text-base",
+    xl: "text-base"
+  },
+  padding: {
+    xs: "px-2.5 py-1",
+    sm: "px-3 py-2",
+    md: "px-4 py-2",
+    lg: "px-4 py-2",
+    xl: "px-6 py-3"
+  },
+  height: {
+    xs: "h-[26px]",
+    sm: "h-[34px]",
+    md: "h-[38px]",
+    lg: "h-[42px]",
+    xl: "h-[50px]"
+  }
+};
+var SIZE_VARIANTS = {
+  xs: `${SIZE.text["xs"]} ${SIZE.padding["xs"]} ${SIZE.height["xs"]}`,
+  sm: `${SIZE.text["sm"]} ${SIZE.padding["sm"]} ${SIZE.height["sm"]}`,
+  md: `${SIZE.text["md"]} ${SIZE.padding["md"]} ${SIZE.height["md"]}`,
+  lg: `${SIZE.text["lg"]} ${SIZE.padding["lg"]} ${SIZE.height["lg"]}`,
+  xl: `${SIZE.text["xl"]} ${SIZE.padding["xl"]} ${SIZE.height["xl"]}`
+};
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var inputVariants = cva(
+  cn(
+    // 1.1.16 — bg-control (now 19% in dark) instead of foreground/2.6%
+    // opacity overlay, so the input is visibly distinct from any Card
+    // it sits inside. text-start makes text-align follow the input's
+    // own `dir` (set explicitly or auto for LTR types), so an email
+    // field with `dir="ltr"` is left-aligned even in an RTL form.
+    "flex w-full rounded-md border border-control read-only:border-button bg-control text-sm text-foreground text-start file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-foreground-lighter 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: {
+        ...SIZE_VARIANTS
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+);
+var InputVariants = inputVariants;
+var LTR_INPUT_TYPES = /* @__PURE__ */ new Set(["email", "url", "tel", "number", "password"]);
+var Input = React.forwardRef(
+  ({ className, type, size = "sm", dir, startAdornment, endAdornment, ...props }, ref) => {
+    const resolvedDir = dir ?? (type && LTR_INPUT_TYPES.has(type) ? "ltr" : void 0);
+    if (!startAdornment && !endAdornment) {
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type,
+          ref,
+          "data-slot": "input",
+          dir: resolvedDir,
+          ...props,
+          className: cn(inputVariants({ size }), className)
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs("div", { "data-slot": "input-wrapper", dir: resolvedDir, className: "relative w-full", children: [
+      startAdornment && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "data-slot": "input-start-adornment",
+          className: "pointer-events-none absolute start-3 top-1/2 flex -translate-y-1/2 items-center text-foreground-light [&_button]:pointer-events-auto",
+          children: startAdornment
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type,
+          ref,
+          "data-slot": "input",
+          dir: resolvedDir,
+          ...props,
+          className: cn(inputVariants({ size }), startAdornment && "ps-10", endAdornment && "pe-10", className)
+        }
+      ),
+      endAdornment && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "data-slot": "input-end-adornment",
+          className: "pointer-events-none absolute end-3 top-1/2 flex -translate-y-1/2 items-center text-foreground-light [&_button]:pointer-events-auto",
+          children: endAdornment
+        }
+      )
+    ] });
+  }
+);
+Input.displayName = "Input";
+
+export { Input, InputVariants, inputVariants };
 //# sourceMappingURL=input.js.map
 //# sourceMappingURL=input.js.map

package/dist/components/ui/input.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"input.js"}
+{"version":3,"sources":["../../../src/lib/constants.ts","../../../src/lib/utils.ts","../../../src/components/ui/input.tsx"],"names":[],"mappings":"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","file":"input.js","sourcesContent":["/**\n * Standard size scale used across the design system.\n * Components should accept these values for their `size` prop.\n */\nexport type StandardSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\n/** @deprecated Use `StandardSize` instead — legacy names have been removed */\nexport type LegacySize = StandardSize\n\n/** @deprecated Use `StandardSize` instead */\nexport type SizeWithLegacy = StandardSize\n\n/**\n * Normalizes a size value to standard names.\n * @deprecated All sizes are standard now — this function is a no-op passthrough.\n */\nexport function normalizeSize(size: StandardSize): StandardSize {\n  return size\n}\n\nexport const SIZE = {\n  text: {\n    xs: 'text-xs',\n    sm: 'text-sm leading-4',\n    md: 'text-sm',\n    lg: 'text-base',\n    xl: 'text-base',\n  },\n  padding: {\n    xs: 'px-2.5 py-1',\n    sm: 'px-3 py-2',\n    md: 'px-4 py-2',\n    lg: 'px-4 py-2',\n    xl: 'px-6 py-3',\n  },\n  height: {\n    xs: 'h-[26px]',\n    sm: 'h-[34px]',\n    md: 'h-[38px]',\n    lg: 'h-[42px]',\n    xl: 'h-[50px]',\n  },\n}\n\n/** Inner sizes for nested elements (badges inside buttons, multi-select items, etc.) */\nexport const SIZE_INNER = {\n  text: {\n    xs: 'text-xs',\n    sm: 'text-sm leading-4',\n    md: 'text-sm',\n    lg: 'text-base',\n    xl: 'text-base',\n  },\n  padding: {\n    xs: 'px-2.5 py-1',\n    sm: 'px-3 py-2',\n    md: 'px-4 py-2',\n    lg: 'px-4 py-2',\n    xl: 'px-6 py-3',\n  },\n  height: {\n    xs: 'h-[24px]',\n    sm: 'h-[28px]',\n    md: 'h-[32px]',\n    lg: 'h-[36px]',\n    xl: 'h-[44px]',\n  },\n}\n\nexport const SIZE_VARIANTS = {\n  xs: `${SIZE.text['xs']} ${SIZE.padding['xs']} ${SIZE.height['xs']}`,\n  sm: `${SIZE.text['sm']} ${SIZE.padding['sm']} ${SIZE.height['sm']}`,\n  md: `${SIZE.text['md']} ${SIZE.padding['md']} ${SIZE.height['md']}`,\n  lg: `${SIZE.text['lg']} ${SIZE.padding['lg']} ${SIZE.height['lg']}`,\n  xl: `${SIZE.text['xl']} ${SIZE.padding['xl']} ${SIZE.height['xl']}`,\n}\n\nexport const SIZE_VARIANTS_INNER = {\n  xs: `${SIZE.text['xs']} ${SIZE.padding['xs']} ${SIZE_INNER.height['xs']}`,\n  sm: `${SIZE.text['sm']} ${SIZE.padding['sm']} ${SIZE_INNER.height['sm']}`,\n  md: `${SIZE.text['md']} ${SIZE.padding['md']} ${SIZE_INNER.height['md']}`,\n  lg: `${SIZE.text['lg']} ${SIZE.padding['lg']} ${SIZE_INNER.height['lg']}`,\n  xl: `${SIZE.text['xl']} ${SIZE.padding['xl']} ${SIZE_INNER.height['xl']}`,\n}\n\n/** @deprecated Use 'sm' instead */\nexport const SIZE_VARIANTS_DEFAULT = 'sm'\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\nimport { formatJalaliDate } from '@/lib/jalali-utils'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport type SupportedLocale = 'fa' | 'ar' | 'en'\n\n/**\n * Convert digits in a string to Persian/Arabic numerals based on locale.\n * @example convertToLocalNumbers('123', 'fa') => '۱۲۳'\n * @example convertToLocalNumbers('123', 'en') => '123'\n */\nexport function convertToLocalNumbers(text: string | number, locale: SupportedLocale): string {\n  if (locale === 'fa' || locale === 'ar') {\n    const persianDigits = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹']\n    return String(text).replace(/\\d/g, (digit) => persianDigits[parseInt(digit)])\n  }\n  return String(text)\n}\n\n/**\n * Format large numbers with locale-aware suffixes (K/M/B).\n * @example formatLargeNumber(1500, 'fa') => '۱.۵ هزار'\n * @example formatLargeNumber(1500, 'en') => '1.5K'\n */\nexport function formatLargeNumber(num: number, locale: SupportedLocale): string {\n  if (num >= 1_000_000_000) {\n    const formatted = (num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'B' : ' میلیارد')\n  }\n  if (num >= 1_000_000) {\n    const formatted = (num / 1_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'M' : ' میلیون')\n  }\n  if (num >= 1_000) {\n    const formatted = (num / 1_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'K' : ' هزار')\n  }\n  return convertToLocalNumbers(num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ','), locale)\n}\n\n/**\n * Format number to Instagram-style short format (English only).\n * @example formatNumber(123456, 'short') => '123K'\n * @example formatNumber(123456, 'exact') => '123,456'\n */\nexport function formatNumber(num: number | undefined, format: 'exact' | 'short' = 'exact'): string {\n  if (num === undefined || num === null) return '0'\n\n  if (format === 'exact') {\n    return num.toLocaleString('en-US')\n  }\n\n  // Short format (Instagram style)\n  if (num >= 1_000_000_000) {\n    return `${(num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')}B`\n  }\n  if (num >= 1_000_000) {\n    return `${(num / 1_000_000).toFixed(1).replace(/\\.0$/, '')}M`\n  }\n  if (num >= 1_000) {\n    return `${(num / 1_000).toFixed(1).replace(/\\.0$/, '')}K`\n  }\n  return num.toString()\n}\n\n/**\n * Format date to relative time with absolute on hover (Persian)\n * @example formatRelativeTime(new Date()) => '۲ ساعت پیش'\n */\nexport function formatRelativeTime(date: Date | string | number): string {\n  const now = new Date()\n  const then = new Date(date)\n  const diffInSeconds = Math.floor((now.getTime() - then.getTime()) / 1000)\n\n  if (diffInSeconds < 60) {\n    return 'همین الان'\n  }\n\n  const diffInMinutes = Math.floor(diffInSeconds / 60)\n  if (diffInMinutes < 60) {\n    return `${convertToLocalNumbers(diffInMinutes, 'fa')} دقیقه پیش`\n  }\n\n  const diffInHours = Math.floor(diffInMinutes / 60)\n  if (diffInHours < 24) {\n    return `${convertToLocalNumbers(diffInHours, 'fa')} ساعت پیش`\n  }\n\n  const diffInDays = Math.floor(diffInHours / 24)\n  if (diffInDays < 7) {\n    return `${convertToLocalNumbers(diffInDays, 'fa')} روز پیش`\n  }\n\n  const diffInWeeks = Math.floor(diffInDays / 7)\n  if (diffInWeeks < 4) {\n    return `${convertToLocalNumbers(diffInWeeks, 'fa')} هفته پیش`\n  }\n\n  const diffInMonths = Math.floor(diffInDays / 30)\n  if (diffInMonths < 12) {\n    return `${convertToLocalNumbers(diffInMonths, 'fa')} ماه پیش`\n  }\n\n  const diffInYears = Math.floor(diffInDays / 365)\n  return `${convertToLocalNumbers(diffInYears, 'fa')} سال پیش`\n}\n\n/**\n * Format date to absolute format (Persian / Jalali)\n * Uses date-fns-jalali for accurate Jalali conversion.\n * @example formatAbsoluteTime(new Date()) => '۱۵ دی ۱۴۰۳، ۱۵:۳۰'\n */\nexport function formatAbsoluteTime(date: Date | string | number): string {\n  const d = new Date(date)\n  return formatJalaliDate(d, 'd MMMM yyyy، HH:mm')\n}\n","'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    // 1.1.16 — bg-control (now 19% in dark) instead of foreground/2.6%\n    // opacity overlay, so the input is visibly distinct from any Card\n    // it sits inside. text-start makes text-align follow the input's\n    // own `dir` (set explicitly or auto for LTR types), so an email\n    // field with `dir=\"ltr\"` is left-aligned even in an RTL form.\n    'flex w-full rounded-md border border-control read-only:border-button bg-control text-sm text-foreground text-start file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-foreground-lighter 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  /**\n   * Node rendered at the start of the input (left in LTR, right in RTL).\n   * Common use: a search icon, a country flag, a currency symbol.\n   * The adornment wrapper is `pointer-events-none` by default so it doesn't\n   * steal focus from the input — interactive elements inside (e.g. a\n   * `<button>` for a password show/hide toggle) get `pointer-events-auto`\n   * back automatically.\n   */\n  startAdornment?: React.ReactNode\n  /**\n   * Node rendered at the end of the input (right in LTR, left in RTL).\n   * Common use: a password show/hide toggle, a clear button, a unit suffix.\n   * See `startAdornment` for the pointer-events behavior.\n   */\n  endAdornment?: React.ReactNode\n}\n\nconst LTR_INPUT_TYPES = new Set(['email', 'url', 'tel', 'number', 'password'])\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, size = 'sm', dir, startAdornment, endAdornment, ...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\n    // Fast path: no adornments → render the bare <input>. Zero wrapper cost,\n    // identical to the pre-1.1.14 behavior for backward compatibility.\n    if (!startAdornment && !endAdornment) {\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\n    // Adornment path: wrap in a relative container that inherits the input's\n    // OWN direction. This is the key bug fix: when a password input declares\n    // `dir=\"ltr\"` inside an `dir=\"rtl\"` page, the adornment must be positioned\n    // relative to the input's flow (right side for LTR), not the page's flow\n    // (which would put it under the typed characters).\n    return (\n      <div data-slot=\"input-wrapper\" dir={resolvedDir} className=\"relative w-full\">\n        {startAdornment && (\n          <span\n            data-slot=\"input-start-adornment\"\n            className=\"pointer-events-none absolute start-3 top-1/2 flex -translate-y-1/2 items-center text-foreground-light [&_button]:pointer-events-auto\"\n          >\n            {startAdornment}\n          </span>\n        )}\n        <input\n          type={type}\n          ref={ref}\n          data-slot=\"input\"\n          dir={resolvedDir}\n          {...props}\n          className={cn(inputVariants({ size }), startAdornment && 'ps-10', endAdornment && 'pe-10', className)}\n        />\n        {endAdornment && (\n          <span\n            data-slot=\"input-end-adornment\"\n            className=\"pointer-events-none absolute end-3 top-1/2 flex -translate-y-1/2 items-center text-foreground-light [&_button]:pointer-events-auto\"\n          >\n            {endAdornment}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nInput.displayName = 'Input'\n\nexport { Input }\n"]}

package/dist/components/ui/iran-province-heat.cjs

@@ -1,13 +1,336 @@
+'use client';
 'use strict';
 
-var chunk2UD3LGVX_cjs = require('../../chunk-2UD3LGVX.cjs');
-require('../../chunk-NV4JOKWL.cjs');
+var React = require('react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+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);
 
-Object.defineProperty(exports, "IranProvinceHeat", {
-  enumerable: true,
-  get: function () { return chunk2UD3LGVX_cjs.IranProvinceHeat; }
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+function convertToLocalNumbers(text, locale) {
+  if (locale === "fa" || locale === "ar") {
+    const persianDigits = ["\u06F0", "\u06F1", "\u06F2", "\u06F3", "\u06F4", "\u06F5", "\u06F6", "\u06F7", "\u06F8", "\u06F9"];
+    return String(text).replace(/\d/g, (digit) => persianDigits[parseInt(digit)]);
+  }
+  return String(text);
+}
+function formatLargeNumber(num, locale) {
+  if (num >= 1e9) {
+    const formatted = (num / 1e9).toFixed(1).replace(/\.0$/, "");
+    return convertToLocalNumbers(formatted, locale) + (locale === "en" ? "B" : " \u0645\u06CC\u0644\u06CC\u0627\u0631\u062F");
+  }
+  if (num >= 1e6) {
+    const formatted = (num / 1e6).toFixed(1).replace(/\.0$/, "");
+    return convertToLocalNumbers(formatted, locale) + (locale === "en" ? "M" : " \u0645\u06CC\u0644\u06CC\u0648\u0646");
+  }
+  if (num >= 1e3) {
+    const formatted = (num / 1e3).toFixed(1).replace(/\.0$/, "");
+    return convertToLocalNumbers(formatted, locale) + (locale === "en" ? "K" : " \u0647\u0632\u0627\u0631");
+  }
+  return convertToLocalNumbers(num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","), locale);
+}
+
+// src/lib/iran-provinces.ts
+var IRAN_PROVINCES = [
+  {
+    slug: "east-azerbaijan",
+    iso: "IR-01",
+    labels: { fa: "\u0622\u0630\u0631\u0628\u0627\u06CC\u062C\u0627\u0646 \u0634\u0631\u0642\u06CC", ar: "\u0623\u0630\u0631\u0628\u064A\u062C\u0627\u0646 \u0627\u0644\u0634\u0631\u0642\u064A\u0629", en: "East Azerbaijan" }
+  },
+  {
+    slug: "west-azerbaijan",
+    iso: "IR-02",
+    labels: { fa: "\u0622\u0630\u0631\u0628\u0627\u06CC\u062C\u0627\u0646 \u063A\u0631\u0628\u06CC", ar: "\u0623\u0630\u0631\u0628\u064A\u062C\u0627\u0646 \u0627\u0644\u063A\u0631\u0628\u064A\u0629", en: "West Azerbaijan" }
+  },
+  { slug: "ardabil", iso: "IR-03", labels: { fa: "\u0627\u0631\u062F\u0628\u06CC\u0644", ar: "\u0623\u0631\u062F\u0628\u064A\u0644", en: "Ardabil" } },
+  { slug: "isfahan", iso: "IR-04", labels: { fa: "\u0627\u0635\u0641\u0647\u0627\u0646", ar: "\u0623\u0635\u0641\u0647\u0627\u0646", en: "Isfahan" } },
+  { slug: "ilam", iso: "IR-05", labels: { fa: "\u0627\u06CC\u0644\u0627\u0645", ar: "\u0625\u064A\u0644\u0627\u0645", en: "Ilam" } },
+  { slug: "bushehr", iso: "IR-06", labels: { fa: "\u0628\u0648\u0634\u0647\u0631", ar: "\u0628\u0648\u0634\u0647\u0631", en: "Bushehr" } },
+  { slug: "tehran", iso: "IR-07", labels: { fa: "\u062A\u0647\u0631\u0627\u0646", ar: "\u0637\u0647\u0631\u0627\u0646", en: "Tehran" } },
+  {
+    slug: "chaharmahal-bakhtiari",
+    iso: "IR-08",
+    labels: { fa: "\u0686\u0647\u0627\u0631\u0645\u062D\u0627\u0644 \u0648 \u0628\u062E\u062A\u06CC\u0627\u0631\u06CC", ar: "\u062A\u0634\u0647\u0627\u0631\u0645\u062D\u0627\u0644 \u0648\u0628\u062E\u062A\u064A\u0627\u0631\u064A", en: "Chaharmahal and Bakhtiari" }
+  },
+  { slug: "razavi-khorasan", iso: "IR-09", labels: { fa: "\u062E\u0631\u0627\u0633\u0627\u0646 \u0631\u0636\u0648\u06CC", ar: "\u062E\u0631\u0627\u0633\u0627\u0646 \u0631\u0636\u0648\u064A", en: "Razavi Khorasan" } },
+  { slug: "khuzestan", iso: "IR-10", labels: { fa: "\u062E\u0648\u0632\u0633\u062A\u0627\u0646", ar: "\u062E\u0648\u0632\u0633\u062A\u0627\u0646", en: "Khuzestan" } },
+  { slug: "zanjan", iso: "IR-11", labels: { fa: "\u0632\u0646\u062C\u0627\u0646", ar: "\u0632\u0646\u062C\u0627\u0646", en: "Zanjan" } },
+  { slug: "semnan", iso: "IR-12", labels: { fa: "\u0633\u0645\u0646\u0627\u0646", ar: "\u0633\u0645\u0646\u0627\u0646", en: "Semnan" } },
+  {
+    slug: "sistan-baluchestan",
+    iso: "IR-13",
+    labels: { fa: "\u0633\u06CC\u0633\u062A\u0627\u0646 \u0648 \u0628\u0644\u0648\u0686\u0633\u062A\u0627\u0646", ar: "\u0633\u064A\u0633\u062A\u0627\u0646 \u0648\u0628\u0644\u0648\u0634\u0633\u062A\u0627\u0646", en: "Sistan and Baluchestan" }
+  },
+  { slug: "fars", iso: "IR-14", labels: { fa: "\u0641\u0627\u0631\u0633", ar: "\u0641\u0627\u0631\u0633", en: "Fars" } },
+  { slug: "kerman", iso: "IR-15", labels: { fa: "\u06A9\u0631\u0645\u0627\u0646", ar: "\u0643\u0631\u0645\u0627\u0646", en: "Kerman" } },
+  { slug: "kurdistan", iso: "IR-16", labels: { fa: "\u06A9\u0631\u062F\u0633\u062A\u0627\u0646", ar: "\u0643\u0631\u062F\u0633\u062A\u0627\u0646", en: "Kurdistan" } },
+  { slug: "kermanshah", iso: "IR-17", labels: { fa: "\u06A9\u0631\u0645\u0627\u0646\u0634\u0627\u0647", ar: "\u0643\u0631\u0645\u0627\u0646\u0634\u0627\u0647", en: "Kermanshah" } },
+  {
+    slug: "kohgiluyeh-boyer-ahmad",
+    iso: "IR-18",
+    labels: { fa: "\u06A9\u0647\u06AF\u06CC\u0644\u0648\u06CC\u0647 \u0648 \u0628\u0648\u06CC\u0631\u0627\u062D\u0645\u062F", ar: "\u0643\u0647\u063A\u064A\u0644\u0648\u064A\u0629 \u0648\u0628\u0648\u064A\u0631 \u0623\u062D\u0645\u062F", en: "Kohgiluyeh and Boyer-Ahmad" }
+  },
+  { slug: "gilan", iso: "IR-19", labels: { fa: "\u06AF\u06CC\u0644\u0627\u0646", ar: "\u062C\u064A\u0644\u0627\u0646", en: "Gilan" } },
+  { slug: "lorestan", iso: "IR-20", labels: { fa: "\u0644\u0631\u0633\u062A\u0627\u0646", ar: "\u0644\u0631\u0633\u062A\u0627\u0646", en: "Lorestan" } },
+  { slug: "mazandaran", iso: "IR-21", labels: { fa: "\u0645\u0627\u0632\u0646\u062F\u0631\u0627\u0646", ar: "\u0645\u0627\u0632\u0646\u062F\u0631\u0627\u0646", en: "Mazandaran" } },
+  { slug: "markazi", iso: "IR-22", labels: { fa: "\u0645\u0631\u06A9\u0632\u06CC", ar: "\u0645\u0631\u0643\u0632\u064A", en: "Markazi" } },
+  { slug: "hormozgan", iso: "IR-23", labels: { fa: "\u0647\u0631\u0645\u0632\u06AF\u0627\u0646", ar: "\u0647\u0631\u0645\u0632\u063A\u0627\u0646", en: "Hormozgan" } },
+  { slug: "hamadan", iso: "IR-24", labels: { fa: "\u0647\u0645\u062F\u0627\u0646", ar: "\u0647\u0645\u062F\u0627\u0646", en: "Hamadan" } },
+  { slug: "yazd", iso: "IR-25", labels: { fa: "\u06CC\u0632\u062F", ar: "\u064A\u0632\u062F", en: "Yazd" } },
+  { slug: "qom", iso: "IR-26", labels: { fa: "\u0642\u0645", ar: "\u0642\u0645", en: "Qom" } },
+  { slug: "golestan", iso: "IR-27", labels: { fa: "\u06AF\u0644\u0633\u062A\u0627\u0646", ar: "\u063A\u0648\u0644\u0633\u062A\u0627\u0646", en: "Golestan" } },
+  { slug: "qazvin", iso: "IR-28", labels: { fa: "\u0642\u0632\u0648\u06CC\u0646", ar: "\u0642\u0632\u0648\u064A\u0646", en: "Qazvin" } },
+  { slug: "north-khorasan", iso: "IR-29", labels: { fa: "\u062E\u0631\u0627\u0633\u0627\u0646 \u0634\u0645\u0627\u0644\u06CC", ar: "\u062E\u0631\u0627\u0633\u0627\u0646 \u0627\u0644\u0634\u0645\u0627\u0644\u064A\u0629", en: "North Khorasan" } },
+  { slug: "south-khorasan", iso: "IR-30", labels: { fa: "\u062E\u0631\u0627\u0633\u0627\u0646 \u062C\u0646\u0648\u0628\u06CC", ar: "\u062E\u0631\u0627\u0633\u0627\u0646 \u0627\u0644\u062C\u0646\u0648\u0628\u064A\u0629", en: "South Khorasan" } },
+  { slug: "alborz", iso: "IR-31", labels: { fa: "\u0627\u0644\u0628\u0631\u0632", ar: "\u0627\u0644\u0628\u0631\u0632", en: "Alborz" } }
+];
+var SLUG_INDEX = new Map(IRAN_PROVINCES.map((p) => [p.slug, p]));
+var ISO_INDEX = new Map(IRAN_PROVINCES.map((p) => [p.iso, p]));
+function findProvince(codeOrSlug) {
+  return SLUG_INDEX.get(codeOrSlug) ?? ISO_INDEX.get(codeOrSlug);
+}
+var SCALE_TO_VAR = {
+  brand: "--brand-default",
+  "sentiment-positive": "--sentiment-positive",
+  "sentiment-negative": "--sentiment-negative",
+  destructive: "--destructive-default",
+  warning: "--warning-default",
+  "severity-urgent": "--severity-urgent",
+  "severity-high": "--severity-high",
+  "flow-pro-gov": "--flow-pro-gov",
+  "flow-internal-critic": "--flow-internal-critic"
+};
+var LOCALE_STRINGS = {
+  fa: {
+    empty: "\u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u0628\u0631\u0627\u06CC \u0627\u0633\u062A\u0627\u0646\u200C\u0647\u0627 \u062F\u0631 \u062F\u0633\u062A\u0631\u0633 \u0646\u06CC\u0633\u062A.",
+    more: (n) => `+${n} \u0627\u0633\u062A\u0627\u0646 \u062F\u06CC\u06AF\u0631`,
+    loading: "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC"
+  },
+  ar: {
+    empty: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A \u0644\u0644\u0645\u062D\u0627\u0641\u0638\u0627\u062A.",
+    more: (n) => `+${n} \u0645\u062D\u0627\u0641\u0638\u0629 \u0623\u062E\u0631\u0649`,
+    loading: "\u062C\u0627\u0631\u064D \u0627\u0644\u062A\u062D\u0645\u064A\u0644"
+  },
+  en: {
+    empty: "No province data available.",
+    more: (n) => `+${n} more`,
+    loading: "Loading"
+  }
+};
+var IranProvinceHeat = React__namespace.forwardRef(function IranProvinceHeat2({
+  data,
+  scale = "brand",
+  sort = "value-desc",
+  topN = 0,
+  showRank = false,
+  showValue = true,
+  hideMissing = false,
+  density = "comfortable",
+  valueSuffix,
+  valueFormatter,
+  onProvinceClick,
+  onUnknownCode,
+  locale = "fa",
+  isLoading = false,
+  emptyState,
+  className,
+  ...divProps
+}, ref) {
+  const strings = LOCALE_STRINGS[locale] ?? LOCALE_STRINGS.fa;
+  const cssVar = SCALE_TO_VAR[scale];
+  const rows = React__namespace.useMemo(() => {
+    if (isLoading) return [];
+    const cells = Array.isArray(data) ? data : Object.entries(data).map(([code, value]) => ({ code, value }));
+    const valueByProvinceSlug = /* @__PURE__ */ new Map();
+    for (const cell of cells) {
+      const province = findProvince(cell.code);
+      if (!province) {
+        onUnknownCode?.(cell.code);
+        continue;
+      }
+      valueByProvinceSlug.set(province.slug, cell.value);
+    }
+    const candidates = [];
+    for (const province of IRAN_PROVINCES) {
+      const value = valueByProvinceSlug.get(province.slug) ?? 0;
+      if (hideMissing && value === 0) continue;
+      candidates.push({
+        slug: province.slug,
+        iso: province.iso,
+        label: province.labels[locale] ?? province.labels.fa,
+        value,
+        intensity: 0
+        // filled below
+      });
+    }
+    if (candidates.length === 0) return [];
+    const max = candidates.reduce((m, r) => Math.max(m, r.value), 0);
+    if (max > 0) {
+      for (const row of candidates) row.intensity = Math.min(1, Math.max(0, row.value / max));
+    }
+    if (sort === "value-desc") candidates.sort((a, b) => b.value - a.value);
+    else if (sort === "value-asc") candidates.sort((a, b) => a.value - b.value);
+    else candidates.sort((a, b) => a.label.localeCompare(b.label, locale === "en" ? "en" : "fa"));
+    return candidates;
+  }, [data, hideMissing, isLoading, locale, onUnknownCode, sort]);
+  const visibleRows = topN > 0 ? rows.slice(0, topN) : rows;
+  const hiddenCount = rows.length - visibleRows.length;
+  const formatValue = React__namespace.useCallback(
+    (value) => {
+      if (valueFormatter) return valueFormatter(value);
+      const base = formatLargeNumber(value, locale);
+      return valueSuffix ? `${base}${valueSuffix}` : base;
+    },
+    [locale, valueFormatter, valueSuffix]
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "iran-province-heat",
+        "data-state": "loading",
+        role: "status",
+        "aria-label": strings.loading,
+        className: cn("flex flex-col gap-1.5 w-full", className),
+        ...divProps,
+        children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-slot": "iran-province-heat-skeleton-row",
+            className: cn("flex items-center gap-2 animate-pulse", density === "compact" ? "h-7" : "h-9"),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3.5 w-24 rounded bg-overlay-hover" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2.5 flex-1 rounded bg-overlay-hover" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3.5 w-10 rounded bg-overlay-hover" })
+            ]
+          },
+          i
+        ))
+      }
+    );
+  }
+  if (rows.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "iran-province-heat",
+        "data-state": "empty",
+        className: cn("flex items-center justify-center text-sm text-foreground-muted py-8", className),
+        ...divProps,
+        children: emptyState ?? strings.empty
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "iran-province-heat",
+      "data-density": density,
+      "data-scale": scale,
+      role: "list",
+      className: cn("flex flex-col w-full", density === "compact" ? "gap-0.5" : "gap-1", className),
+      ...divProps,
+      children: [
+        visibleRows.map((row, index) => {
+          const isInteractive = !!onProvinceClick;
+          const Tag = isInteractive ? "button" : "div";
+          const intensity = row.intensity;
+          const bgAlpha = 0.08 + intensity * 0.55;
+          const widthPct = `${Math.max(2, intensity * 100)}%`;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            Tag,
+            {
+              type: isInteractive ? "button" : void 0,
+              role: "listitem",
+              "data-slot": "iran-province-heat-row",
+              "data-province": row.slug,
+              "data-iso": row.iso,
+              "data-rank": index + 1,
+              onClick: isInteractive ? () => onProvinceClick({ slug: row.slug, iso: row.iso, value: row.value }) : void 0,
+              className: cn(
+                "group relative flex items-center gap-2 rounded-md ps-2 pe-2 text-start transition-colors",
+                density === "compact" ? "h-7 text-xs" : "h-9 text-sm",
+                isInteractive && "hover:bg-overlay-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand",
+                !isInteractive && "cursor-default"
+              ),
+              "aria-label": `${row.label}: ${formatValue(row.value)}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    "data-slot": "iran-province-heat-bar",
+                    "aria-hidden": "true",
+                    className: "absolute inset-y-0 inset-inline-start-0 rounded-md transition-[width] duration-300",
+                    style: {
+                      width: widthPct,
+                      backgroundColor: `hsl(var(${cssVar}) / ${bgAlpha.toFixed(3)})`
+                    }
+                  }
+                ),
+                showRank && /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "data-slot": "iran-province-heat-rank",
+                    className: "relative z-[1] inline-flex h-5 min-w-5 items-center justify-center rounded bg-background-default px-1 text-[10px] font-medium tabular-nums text-foreground-light",
+                    children: convertToLocalNumbers(index + 1, locale)
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "data-slot": "iran-province-heat-label",
+                    className: "relative z-[1] flex-1 truncate font-medium text-foreground",
+                    children: row.label
+                  }
+                ),
+                showValue && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "iran-province-heat-value", className: "relative z-[1] tabular-nums text-foreground-light", children: formatValue(row.value) })
+              ]
+            },
+            row.slug
+          );
+        }),
+        hiddenCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-slot": "iran-province-heat-overflow",
+            className: cn(
+              "flex items-center justify-center rounded-md text-foreground-muted",
+              density === "compact" ? "h-7 text-[11px]" : "h-9 text-xs"
+            ),
+            children: strings.more(convertToLocalNumbers(hiddenCount, locale))
+          }
+        )
+      ]
+    }
+  );
 });
+IranProvinceHeat.displayName = "IranProvinceHeat";
+
+exports.IranProvinceHeat = IranProvinceHeat;
 //# sourceMappingURL=iran-province-heat.cjs.map
 //# sourceMappingURL=iran-province-heat.cjs.map

package/dist/components/ui/iran-province-heat.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"iran-province-heat.cjs"}
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/lib/iran-provinces.ts","../../../src/components/ui/iran-province-heat.tsx"],"names":["twMerge","clsx","React","IranProvinceHeat","jsx","jsxs"],"mappings":"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","file":"iran-province-heat.cjs","sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\nimport { formatJalaliDate } from '@/lib/jalali-utils'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport type SupportedLocale = 'fa' | 'ar' | 'en'\n\n/**\n * Convert digits in a string to Persian/Arabic numerals based on locale.\n * @example convertToLocalNumbers('123', 'fa') => '۱۲۳'\n * @example convertToLocalNumbers('123', 'en') => '123'\n */\nexport function convertToLocalNumbers(text: string | number, locale: SupportedLocale): string {\n  if (locale === 'fa' || locale === 'ar') {\n    const persianDigits = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹']\n    return String(text).replace(/\\d/g, (digit) => persianDigits[parseInt(digit)])\n  }\n  return String(text)\n}\n\n/**\n * Format large numbers with locale-aware suffixes (K/M/B).\n * @example formatLargeNumber(1500, 'fa') => '۱.۵ هزار'\n * @example formatLargeNumber(1500, 'en') => '1.5K'\n */\nexport function formatLargeNumber(num: number, locale: SupportedLocale): string {\n  if (num >= 1_000_000_000) {\n    const formatted = (num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'B' : ' میلیارد')\n  }\n  if (num >= 1_000_000) {\n    const formatted = (num / 1_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'M' : ' میلیون')\n  }\n  if (num >= 1_000) {\n    const formatted = (num / 1_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'K' : ' هزار')\n  }\n  return convertToLocalNumbers(num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ','), locale)\n}\n\n/**\n * Format number to Instagram-style short format (English only).\n * @example formatNumber(123456, 'short') => '123K'\n * @example formatNumber(123456, 'exact') => '123,456'\n */\nexport function formatNumber(num: number | undefined, format: 'exact' | 'short' = 'exact'): string {\n  if (num === undefined || num === null) return '0'\n\n  if (format === 'exact') {\n    return num.toLocaleString('en-US')\n  }\n\n  // Short format (Instagram style)\n  if (num >= 1_000_000_000) {\n    return `${(num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')}B`\n  }\n  if (num >= 1_000_000) {\n    return `${(num / 1_000_000).toFixed(1).replace(/\\.0$/, '')}M`\n  }\n  if (num >= 1_000) {\n    return `${(num / 1_000).toFixed(1).replace(/\\.0$/, '')}K`\n  }\n  return num.toString()\n}\n\n/**\n * Format date to relative time with absolute on hover (Persian)\n * @example formatRelativeTime(new Date()) => '۲ ساعت پیش'\n */\nexport function formatRelativeTime(date: Date | string | number): string {\n  const now = new Date()\n  const then = new Date(date)\n  const diffInSeconds = Math.floor((now.getTime() - then.getTime()) / 1000)\n\n  if (diffInSeconds < 60) {\n    return 'همین الان'\n  }\n\n  const diffInMinutes = Math.floor(diffInSeconds / 60)\n  if (diffInMinutes < 60) {\n    return `${convertToLocalNumbers(diffInMinutes, 'fa')} دقیقه پیش`\n  }\n\n  const diffInHours = Math.floor(diffInMinutes / 60)\n  if (diffInHours < 24) {\n    return `${convertToLocalNumbers(diffInHours, 'fa')} ساعت پیش`\n  }\n\n  const diffInDays = Math.floor(diffInHours / 24)\n  if (diffInDays < 7) {\n    return `${convertToLocalNumbers(diffInDays, 'fa')} روز پیش`\n  }\n\n  const diffInWeeks = Math.floor(diffInDays / 7)\n  if (diffInWeeks < 4) {\n    return `${convertToLocalNumbers(diffInWeeks, 'fa')} هفته پیش`\n  }\n\n  const diffInMonths = Math.floor(diffInDays / 30)\n  if (diffInMonths < 12) {\n    return `${convertToLocalNumbers(diffInMonths, 'fa')} ماه پیش`\n  }\n\n  const diffInYears = Math.floor(diffInDays / 365)\n  return `${convertToLocalNumbers(diffInYears, 'fa')} سال پیش`\n}\n\n/**\n * Format date to absolute format (Persian / Jalali)\n * Uses date-fns-jalali for accurate Jalali conversion.\n * @example formatAbsoluteTime(new Date()) => '۱۵ دی ۱۴۰۳، ۱۵:۳۰'\n */\nexport function formatAbsoluteTime(date: Date | string | number): string {\n  const d = new Date(date)\n  return formatJalaliDate(d, 'd MMMM yyyy، HH:mm')\n}\n","/**\n * Iran's 31 provinces with trilingual labels and ISO 3166-2 codes.\n *\n * Use as a stable identifier source for `IranProvinceHeat`, `RegionPicker`,\n * and any public-opinion dashboard scoped by استان. The slug (`code`) is the\n * canonical key — never rely on label string equality, since labels are\n * locale-dependent and may evolve.\n *\n * Codes follow ISO 3166-2:IR (e.g. 'IR-07' for Tehran). The slug is the\n * lowercased, hyphenated English name without diacritics, suitable for URLs\n * and CSS selectors. Use `getProvinceLabel(code, locale)` to resolve a label.\n */\n\nimport type { SupportedLocale } from './utils'\n\nexport interface IranProvince {\n  /** Stable URL-safe slug. The canonical key for province lookups. */\n  slug: string\n  /** ISO 3166-2:IR code (e.g. 'IR-07'). */\n  iso: string\n  /** Trilingual labels — fa is the canonical/native form. */\n  labels: Record<SupportedLocale, string>\n}\n\nexport const IRAN_PROVINCES: readonly IranProvince[] = [\n  {\n    slug: 'east-azerbaijan',\n    iso: 'IR-01',\n    labels: { fa: 'آذربایجان شرقی', ar: 'أذربيجان الشرقية', en: 'East Azerbaijan' },\n  },\n  {\n    slug: 'west-azerbaijan',\n    iso: 'IR-02',\n    labels: { fa: 'آذربایجان غربی', ar: 'أذربيجان الغربية', en: 'West Azerbaijan' },\n  },\n  { slug: 'ardabil', iso: 'IR-03', labels: { fa: 'اردبیل', ar: 'أردبيل', en: 'Ardabil' } },\n  { slug: 'isfahan', iso: 'IR-04', labels: { fa: 'اصفهان', ar: 'أصفهان', en: 'Isfahan' } },\n  { slug: 'ilam', iso: 'IR-05', labels: { fa: 'ایلام', ar: 'إيلام', en: 'Ilam' } },\n  { slug: 'bushehr', iso: 'IR-06', labels: { fa: 'بوشهر', ar: 'بوشهر', en: 'Bushehr' } },\n  { slug: 'tehran', iso: 'IR-07', labels: { fa: 'تهران', ar: 'طهران', en: 'Tehran' } },\n  {\n    slug: 'chaharmahal-bakhtiari',\n    iso: 'IR-08',\n    labels: { fa: 'چهارمحال و بختیاری', ar: 'تشهارمحال وبختياري', en: 'Chaharmahal and Bakhtiari' },\n  },\n  { slug: 'razavi-khorasan', iso: 'IR-09', labels: { fa: 'خراسان رضوی', ar: 'خراسان رضوي', en: 'Razavi Khorasan' } },\n  { slug: 'khuzestan', iso: 'IR-10', labels: { fa: 'خوزستان', ar: 'خوزستان', en: 'Khuzestan' } },\n  { slug: 'zanjan', iso: 'IR-11', labels: { fa: 'زنجان', ar: 'زنجان', en: 'Zanjan' } },\n  { slug: 'semnan', iso: 'IR-12', labels: { fa: 'سمنان', ar: 'سمنان', en: 'Semnan' } },\n  {\n    slug: 'sistan-baluchestan',\n    iso: 'IR-13',\n    labels: { fa: 'سیستان و بلوچستان', ar: 'سيستان وبلوشستان', en: 'Sistan and Baluchestan' },\n  },\n  { slug: 'fars', iso: 'IR-14', labels: { fa: 'فارس', ar: 'فارس', en: 'Fars' } },\n  { slug: 'kerman', iso: 'IR-15', labels: { fa: 'کرمان', ar: 'كرمان', en: 'Kerman' } },\n  { slug: 'kurdistan', iso: 'IR-16', labels: { fa: 'کردستان', ar: 'كردستان', en: 'Kurdistan' } },\n  { slug: 'kermanshah', iso: 'IR-17', labels: { fa: 'کرمانشاه', ar: 'كرمانشاه', en: 'Kermanshah' } },\n  {\n    slug: 'kohgiluyeh-boyer-ahmad',\n    iso: 'IR-18',\n    labels: { fa: 'کهگیلویه و بویراحمد', ar: 'كهغيلوية وبوير أحمد', en: 'Kohgiluyeh and Boyer-Ahmad' },\n  },\n  { slug: 'gilan', iso: 'IR-19', labels: { fa: 'گیلان', ar: 'جيلان', en: 'Gilan' } },\n  { slug: 'lorestan', iso: 'IR-20', labels: { fa: 'لرستان', ar: 'لرستان', en: 'Lorestan' } },\n  { slug: 'mazandaran', iso: 'IR-21', labels: { fa: 'مازندران', ar: 'مازندران', en: 'Mazandaran' } },\n  { slug: 'markazi', iso: 'IR-22', labels: { fa: 'مرکزی', ar: 'مركزي', en: 'Markazi' } },\n  { slug: 'hormozgan', iso: 'IR-23', labels: { fa: 'هرمزگان', ar: 'هرمزغان', en: 'Hormozgan' } },\n  { slug: 'hamadan', iso: 'IR-24', labels: { fa: 'همدان', ar: 'همدان', en: 'Hamadan' } },\n  { slug: 'yazd', iso: 'IR-25', labels: { fa: 'یزد', ar: 'يزد', en: 'Yazd' } },\n  { slug: 'qom', iso: 'IR-26', labels: { fa: 'قم', ar: 'قم', en: 'Qom' } },\n  { slug: 'golestan', iso: 'IR-27', labels: { fa: 'گلستان', ar: 'غولستان', en: 'Golestan' } },\n  { slug: 'qazvin', iso: 'IR-28', labels: { fa: 'قزوین', ar: 'قزوين', en: 'Qazvin' } },\n  { slug: 'north-khorasan', iso: 'IR-29', labels: { fa: 'خراسان شمالی', ar: 'خراسان الشمالية', en: 'North Khorasan' } },\n  { slug: 'south-khorasan', iso: 'IR-30', labels: { fa: 'خراسان جنوبی', ar: 'خراسان الجنوبية', en: 'South Khorasan' } },\n  { slug: 'alborz', iso: 'IR-31', labels: { fa: 'البرز', ar: 'البرز', en: 'Alborz' } },\n] as const\n\nexport type IranProvinceSlug = (typeof IRAN_PROVINCES)[number]['slug']\n\nconst SLUG_INDEX = new Map(IRAN_PROVINCES.map((p) => [p.slug, p]))\nconst ISO_INDEX = new Map(IRAN_PROVINCES.map((p) => [p.iso, p]))\n\n/** Look up a province by slug or ISO code. Returns undefined for unknown codes. */\nexport function findProvince(codeOrSlug: string): IranProvince | undefined {\n  return SLUG_INDEX.get(codeOrSlug) ?? ISO_INDEX.get(codeOrSlug)\n}\n\n/**\n * Resolve the locale-appropriate label for a province slug or ISO code.\n * Falls back to fa for unknown locales and to the slug itself for unknown\n * provinces (so the row still renders something instead of crashing).\n */\nexport function getProvinceLabel(codeOrSlug: string, locale: SupportedLocale = 'fa'): string {\n  const p = findProvince(codeOrSlug)\n  if (!p) return codeOrSlug\n  return p.labels[locale] ?? p.labels.fa\n}\n","'use client'\n\nimport * as React from 'react'\nimport { cn, convertToLocalNumbers, formatLargeNumber, type SupportedLocale } from '@/lib/utils'\nimport { findProvince, IRAN_PROVINCES } from '@/lib/iran-provinces'\n\n/* -------------------------------------------------------------------------- */\n/* Types                                                                       */\n/* -------------------------------------------------------------------------- */\n\nexport interface IranProvinceCell {\n  /** Province slug or ISO 3166-2:IR code (e.g. 'tehran' or 'IR-07'). */\n  code: string\n  /** Numeric value to compare across provinces (count, score, percentage…). */\n  value: number\n}\n\nexport type IranProvinceHeatScale =\n  | 'brand'\n  | 'sentiment-positive'\n  | 'sentiment-negative'\n  | 'destructive'\n  | 'warning'\n  | 'severity-urgent'\n  | 'severity-high'\n  | 'flow-pro-gov'\n  | 'flow-internal-critic'\n\nexport interface IranProvinceHeatProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Either an array of `{code, value}` cells, or a record map. Provinces not\n   * in the dataset render with value 0 unless `hideMissing` is true. Cells\n   * with unknown codes are skipped (and warned via `onUnknownCode` if set).\n   */\n  data: IranProvinceCell[] | Record<string, number>\n  /**\n   * Color token to use for the heat bars. Bars within the dataset are tinted\n   * with progressively higher alpha based on `value / max`.\n   * @default 'brand'\n   */\n  scale?: IranProvinceHeatScale\n  /** Sort order for the rows. @default 'value-desc' */\n  sort?: 'value-desc' | 'value-asc' | 'name'\n  /**\n   * Show only top-N rows (after sorting). When set, a \"+N more\" row collapses\n   * the rest. Use 0 to show all 31 — that's the default.\n   */\n  topN?: number\n  /** Display rank (۱، ۲، ۳، …) at the start of each row. @default false */\n  showRank?: boolean\n  /** Inline numeric value on each row. @default true */\n  showValue?: boolean\n  /** Hide rows with value 0 (or missing from dataset). @default false */\n  hideMissing?: boolean\n  /** Compact rows (28px) vs comfortable (36px). @default 'comfortable' */\n  density?: 'compact' | 'comfortable'\n  /**\n   * Suffix on the inline value (e.g. ' نظر', ' %').\n   * Useful when consumers don't want to write a custom valueFormatter.\n   */\n  valueSuffix?: string\n  /** Custom value formatter; overrides the locale-aware default. */\n  valueFormatter?: (value: number) => string\n  /** Click handler — receives slug + ISO + value. Optional. */\n  onProvinceClick?: (province: { slug: string; iso: string; value: number }) => void\n  /** Called once per unknown code in `data`, useful for telemetry. */\n  onUnknownCode?: (code: string) => void\n  /** Locale for labels + digit formatting. @default 'fa' */\n  locale?: SupportedLocale\n  /** Loading skeleton while data fetches. */\n  isLoading?: boolean\n  /** Empty-state node when `data` is empty (or all-zero with hideMissing). */\n  emptyState?: React.ReactNode\n}\n\n/* -------------------------------------------------------------------------- */\n/* Token mapping                                                               */\n/* -------------------------------------------------------------------------- */\n\nconst SCALE_TO_VAR: Record<IranProvinceHeatScale, string> = {\n  brand: '--brand-default',\n  'sentiment-positive': '--sentiment-positive',\n  'sentiment-negative': '--sentiment-negative',\n  destructive: '--destructive-default',\n  warning: '--warning-default',\n  'severity-urgent': '--severity-urgent',\n  'severity-high': '--severity-high',\n  'flow-pro-gov': '--flow-pro-gov',\n  'flow-internal-critic': '--flow-internal-critic',\n}\n\nconst LOCALE_STRINGS: Record<SupportedLocale, { empty: string; more: (n: string) => string; loading: string }> = {\n  fa: {\n    empty: 'داده‌ای برای استان‌ها در دسترس نیست.',\n    more: (n) => `+${n} استان دیگر`,\n    loading: 'در حال بارگذاری',\n  },\n  ar: {\n    empty: 'لا توجد بيانات للمحافظات.',\n    more: (n) => `+${n} محافظة أخرى`,\n    loading: 'جارٍ التحميل',\n  },\n  en: {\n    empty: 'No province data available.',\n    more: (n) => `+${n} more`,\n    loading: 'Loading',\n  },\n}\n\n/* -------------------------------------------------------------------------- */\n/* Component                                                                   */\n/* -------------------------------------------------------------------------- */\n\ninterface ResolvedRow {\n  slug: string\n  iso: string\n  label: string\n  value: number\n  intensity: number\n}\n\nconst IranProvinceHeat = React.forwardRef<HTMLDivElement, IranProvinceHeatProps>(function IranProvinceHeat(\n  {\n    data,\n    scale = 'brand',\n    sort = 'value-desc',\n    topN = 0,\n    showRank = false,\n    showValue = true,\n    hideMissing = false,\n    density = 'comfortable',\n    valueSuffix,\n    valueFormatter,\n    onProvinceClick,\n    onUnknownCode,\n    locale = 'fa',\n    isLoading = false,\n    emptyState,\n    className,\n    ...divProps\n  },\n  ref\n) {\n  const strings = LOCALE_STRINGS[locale] ?? LOCALE_STRINGS.fa\n  const cssVar = SCALE_TO_VAR[scale]\n\n  const rows = React.useMemo<ResolvedRow[]>(() => {\n    if (isLoading) return []\n\n    const cells = Array.isArray(data) ? data : Object.entries(data).map(([code, value]) => ({ code, value }))\n\n    // Resolve provinces, drop unknown (with optional callback for telemetry)\n    const valueByProvinceSlug = new Map<string, number>()\n    for (const cell of cells) {\n      const province = findProvince(cell.code)\n      if (!province) {\n        onUnknownCode?.(cell.code)\n        continue\n      }\n      // If duplicates exist for the same province, the later one wins —\n      // consumers normalize upstream if needed.\n      valueByProvinceSlug.set(province.slug, cell.value)\n    }\n\n    // Build rows for ALL 31 provinces unless hideMissing\n    const candidates: ResolvedRow[] = []\n    for (const province of IRAN_PROVINCES) {\n      const value = valueByProvinceSlug.get(province.slug) ?? 0\n      if (hideMissing && value === 0) continue\n      candidates.push({\n        slug: province.slug,\n        iso: province.iso,\n        label: province.labels[locale] ?? province.labels.fa,\n        value,\n        intensity: 0, // filled below\n      })\n    }\n\n    if (candidates.length === 0) return []\n\n    // Compute intensity = value / max (clamped to [0,1]); when all zero, all intensities are 0\n    const max = candidates.reduce((m, r) => Math.max(m, r.value), 0)\n    if (max > 0) {\n      for (const row of candidates) row.intensity = Math.min(1, Math.max(0, row.value / max))\n    }\n\n    // Sort\n    if (sort === 'value-desc') candidates.sort((a, b) => b.value - a.value)\n    else if (sort === 'value-asc') candidates.sort((a, b) => a.value - b.value)\n    else candidates.sort((a, b) => a.label.localeCompare(b.label, locale === 'en' ? 'en' : 'fa'))\n\n    return candidates\n  }, [data, hideMissing, isLoading, locale, onUnknownCode, sort])\n\n  const visibleRows = topN > 0 ? rows.slice(0, topN) : rows\n  const hiddenCount = rows.length - visibleRows.length\n\n  const formatValue = React.useCallback(\n    (value: number) => {\n      if (valueFormatter) return valueFormatter(value)\n      const base = formatLargeNumber(value, locale)\n      return valueSuffix ? `${base}${valueSuffix}` : base\n    },\n    [locale, valueFormatter, valueSuffix]\n  )\n\n  /* --------------------------------- Render -------------------------------- */\n\n  if (isLoading) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"iran-province-heat\"\n        data-state=\"loading\"\n        role=\"status\"\n        aria-label={strings.loading}\n        className={cn('flex flex-col gap-1.5 w-full', className)}\n        {...divProps}\n      >\n        {Array.from({ length: 6 }).map((_, i) => (\n          <div\n            key={i}\n            data-slot=\"iran-province-heat-skeleton-row\"\n            className={cn('flex items-center gap-2 animate-pulse', density === 'compact' ? 'h-7' : 'h-9')}\n          >\n            <div className=\"h-3.5 w-24 rounded bg-overlay-hover\" />\n            <div className=\"h-2.5 flex-1 rounded bg-overlay-hover\" />\n            <div className=\"h-3.5 w-10 rounded bg-overlay-hover\" />\n          </div>\n        ))}\n      </div>\n    )\n  }\n\n  if (rows.length === 0) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"iran-province-heat\"\n        data-state=\"empty\"\n        className={cn('flex items-center justify-center text-sm text-foreground-muted py-8', className)}\n        {...divProps}\n      >\n        {emptyState ?? strings.empty}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"iran-province-heat\"\n      data-density={density}\n      data-scale={scale}\n      role=\"list\"\n      className={cn('flex flex-col w-full', density === 'compact' ? 'gap-0.5' : 'gap-1', className)}\n      {...divProps}\n    >\n      {visibleRows.map((row, index) => {\n        const isInteractive = !!onProvinceClick\n        const Tag = isInteractive ? 'button' : 'div'\n        const intensity = row.intensity\n        // The bar background scales alpha from 0.1 to 0.9; the bar itself\n        // uses the full token color for a consistent darkest-shade signal.\n        const bgAlpha = 0.08 + intensity * 0.55\n        const widthPct = `${Math.max(2, intensity * 100)}%` // min 2% so a rendered row is visible\n\n        return (\n          <Tag\n            key={row.slug}\n            type={isInteractive ? 'button' : undefined}\n            role=\"listitem\"\n            data-slot=\"iran-province-heat-row\"\n            data-province={row.slug}\n            data-iso={row.iso}\n            data-rank={index + 1}\n            onClick={\n              isInteractive ? () => onProvinceClick({ slug: row.slug, iso: row.iso, value: row.value }) : undefined\n            }\n            className={cn(\n              'group relative flex items-center gap-2 rounded-md ps-2 pe-2 text-start transition-colors',\n              density === 'compact' ? 'h-7 text-xs' : 'h-9 text-sm',\n              isInteractive &&\n                'hover:bg-overlay-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand',\n              !isInteractive && 'cursor-default'\n            )}\n            aria-label={`${row.label}: ${formatValue(row.value)}`}\n          >\n            {/* Heat bar — sits behind text, fills logical-start to right */}\n            <div\n              data-slot=\"iran-province-heat-bar\"\n              aria-hidden=\"true\"\n              className=\"absolute inset-y-0 inset-inline-start-0 rounded-md transition-[width] duration-300\"\n              style={{\n                width: widthPct,\n                backgroundColor: `hsl(var(${cssVar}) / ${bgAlpha.toFixed(3)})`,\n              }}\n            />\n\n            {/* Foreground content */}\n            {showRank && (\n              <span\n                data-slot=\"iran-province-heat-rank\"\n                className=\"relative z-[1] inline-flex h-5 min-w-5 items-center justify-center rounded bg-background-default px-1 text-[10px] font-medium tabular-nums text-foreground-light\"\n              >\n                {convertToLocalNumbers(index + 1, locale)}\n              </span>\n            )}\n\n            <span\n              data-slot=\"iran-province-heat-label\"\n              className=\"relative z-[1] flex-1 truncate font-medium text-foreground\"\n            >\n              {row.label}\n            </span>\n\n            {showValue && (\n              <span data-slot=\"iran-province-heat-value\" className=\"relative z-[1] tabular-nums text-foreground-light\">\n                {formatValue(row.value)}\n              </span>\n            )}\n          </Tag>\n        )\n      })}\n\n      {hiddenCount > 0 && (\n        <div\n          data-slot=\"iran-province-heat-overflow\"\n          className={cn(\n            'flex items-center justify-center rounded-md text-foreground-muted',\n            density === 'compact' ? 'h-7 text-[11px]' : 'h-9 text-xs'\n          )}\n        >\n          {strings.more(convertToLocalNumbers(hiddenCount, locale))}\n        </div>\n      )}\n    </div>\n  )\n})\n\nIranProvinceHeat.displayName = 'IranProvinceHeat'\n\nexport { IranProvinceHeat }\n"]}