@parto-system-design/ui 1.1.5 → 1.1.7

package/dist/chunk-IQHKJ4SS.js

@@ -0,0 +1,213 @@
+import { Skeleton } from './chunk-SB5DSYR5.js';
+import { formatLargeNumber, convertToLocalNumbers } from './chunk-4SVQNEVH.js';
+import * as React from 'react';
+import { useState, useEffect, useMemo } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function useRootStyles() {
+  const [version, setVersion] = useState(0);
+  useEffect(() => {
+    if (typeof window === "undefined" || !document?.documentElement) {
+      return;
+    }
+    const target = document.documentElement;
+    const observer = new MutationObserver(() => {
+      setVersion((prev) => prev + 1);
+    });
+    observer.observe(target, {
+      attributes: true,
+      attributeFilter: ["class", "data-theme"]
+    });
+    const media = window.matchMedia("(prefers-color-scheme: dark)");
+    const mediaHandler = () => setVersion((prev) => prev + 1);
+    media.addEventListener("change", mediaHandler);
+    return () => {
+      observer.disconnect();
+      media.removeEventListener("change", mediaHandler);
+    };
+  }, []);
+  return useMemo(() => {
+    if (typeof window === "undefined" || !document?.documentElement) {
+      return null;
+    }
+    return getComputedStyle(document.documentElement);
+  }, [version]);
+}
+
+// src/lib/theme.ts
+var COLOR_VALUE_REGEX = /^(#|rgb|hsl|oklch)/i;
+function resolveCssColor(styles, variable, fallback) {
+  if (!styles) return fallback;
+  const raw = styles.getPropertyValue(variable).trim();
+  if (!raw) return fallback;
+  if (COLOR_VALUE_REGEX.test(raw)) return raw;
+  if (raw.includes("%")) return `hsl(${raw})`;
+  return raw;
+}
+
+// src/hooks/use-chart-theme.ts
+var FALLBACKS = {
+  foregroundMuted: "hsl(0 0% 50%)",
+  border: "hsl(0 0% 22%)",
+  popover: "hsl(0 0% 10%)",
+  popoverForeground: "hsl(0 0% 98%)",
+  chart1: "hsl(153 55% 42%)",
+  chart2: "hsl(198 50% 48%)",
+  chart3: "hsl(240 40% 54%)",
+  chart4: "hsl(310 38% 52%)",
+  chart5: "hsl(355 45% 52%)",
+  chart6: "hsl(35 52% 48%)",
+  chart7: "hsl(75 38% 46%)",
+  chart8: "hsl(118 35% 46%)"
+};
+var CHART_FONT_FAMILY = "Yekan Bakh, system-ui, -apple-system, sans-serif";
+function useChartTheme() {
+  const styles = useRootStyles();
+  return React.useMemo(() => {
+    const getColor = (variable, fallback) => resolveCssColor(styles, variable, fallback);
+    const chartColors = [
+      getColor("--chart-1", FALLBACKS.chart1),
+      getColor("--chart-2", FALLBACKS.chart2),
+      getColor("--chart-3", FALLBACKS.chart3),
+      getColor("--chart-4", FALLBACKS.chart4),
+      getColor("--chart-5", FALLBACKS.chart5),
+      getColor("--chart-6", FALLBACKS.chart6),
+      getColor("--chart-7", FALLBACKS.chart7),
+      getColor("--chart-8", FALLBACKS.chart8)
+    ];
+    const axisTickStyle = {
+      fontFamily: CHART_FONT_FAMILY,
+      fill: getColor("--foreground-lighter", FALLBACKS.foregroundMuted),
+      fontSize: 11,
+      fontWeight: 400
+    };
+    const gridStyle = {
+      stroke: getColor("--border", FALLBACKS.border),
+      strokeDasharray: "3 3",
+      strokeOpacity: 0.15
+    };
+    const tooltipStyle = {
+      fontFamily: CHART_FONT_FAMILY,
+      background: getColor("--background-overlay-default", FALLBACKS.popover),
+      color: getColor("--foreground-default", FALLBACKS.popoverForeground),
+      fontSize: 12,
+      lineHeight: "1.5",
+      borderRadius: "10px",
+      border: `1px solid ${getColor("--border-muted", FALLBACKS.border)}`,
+      boxShadow: "0 4px 24px -4px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.06)",
+      padding: "10px 14px",
+      backdropFilter: "blur(8px)",
+      WebkitBackdropFilter: "blur(8px)"
+    };
+    const crosshairStyle = {
+      stroke: getColor("--foreground-muted", FALLBACKS.foregroundMuted),
+      strokeWidth: 1,
+      strokeDasharray: "4 4",
+      strokeOpacity: 0.5
+    };
+    return {
+      chartColors,
+      getColor,
+      fontFamily: CHART_FONT_FAMILY,
+      axisTickStyle,
+      gridStyle,
+      tooltipStyle,
+      crosshairStyle
+    };
+  }, [styles]);
+}
+var ChartContainer = React.forwardRef(
+  ({ className, dataSlot, ariaLabel, children }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className,
+      dir: "ltr",
+      "data-slot": dataSlot,
+      role: "img",
+      "aria-label": ariaLabel ?? "\u0646\u0645\u0648\u062F\u0627\u0631",
+      style: { position: "relative", width: "100%", height: "100%" },
+      children
+    }
+  )
+);
+ChartContainer.displayName = "ChartContainer";
+function ChartLoadingSkeleton({ className, shape = "rect" }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "chart-loading-skeleton",
+      className,
+      dir: "ltr",
+      style: { position: "relative", width: "100%", height: "100%" },
+      role: "status",
+      "aria-label": "Loading chart",
+      children: /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          shape,
+          className: shape === "circle" ? "w-full h-full min-h-[200px] aspect-square mx-auto" : "w-full h-full min-h-[200px]"
+        }
+      )
+    }
+  );
+}
+var LOCALE_TO_BCP47 = {
+  fa: "fa-IR",
+  ar: "ar",
+  en: "en-US"
+};
+function ChartTooltip({ active, payload, label, tooltipStyle, formatter, locale = "fa" }) {
+  if (!active || !payload?.length) return null;
+  const bcp47 = LOCALE_TO_BCP47[locale] ?? "fa-IR";
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "chart-tooltip", style: tooltipStyle, children: [
+    label && /* @__PURE__ */ jsx("div", { style: { fontWeight: 500, fontSize: 13, marginBottom: 6 }, children: label }),
+    payload.map((entry, i) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginTop: i > 0 ? 4 : 0 }, children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            width: 10,
+            height: 10,
+            borderRadius: 2,
+            backgroundColor: entry.color,
+            flexShrink: 0
+          }
+        }
+      ),
+      formatter ? formatter(entry.name, entry.value) : /* @__PURE__ */ jsxs("span", { style: { display: "flex", justifyContent: "space-between", width: "100%", gap: 16 }, children: [
+        /* @__PURE__ */ jsx("span", { style: { opacity: 0.7 }, children: entry.name }),
+        /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums" }, children: typeof entry.value === "number" ? entry.value.toLocaleString(bcp47) : entry.value })
+      ] })
+    ] }, i))
+  ] });
+}
+function localeAwareNumberTick(locale) {
+  return (value) => {
+    if (typeof value === "number") return formatLargeNumber(value, locale);
+    if (typeof value === "string") {
+      if (/^-?\d+(\.\d+)?$/.test(value)) return convertToLocalNumbers(value, locale);
+      return value;
+    }
+    return String(value ?? "");
+  };
+}
+function localeAwareCategoryTick(locale) {
+  return (value) => convertToLocalNumbers(String(value ?? ""), locale);
+}
+function transformNivoLineData(nivoData) {
+  const dataKeys = nivoData.map((s) => s.id);
+  const xValues = nivoData[0]?.data.map((d) => d.x) ?? [];
+  const data = xValues.map((x, xi) => {
+    const row = { name: x };
+    for (const series of nivoData) {
+      row[series.id] = series.data[xi]?.y ?? 0;
+    }
+    return row;
+  });
+  return { data, dataKeys };
+}
+
+export { CHART_FONT_FAMILY, ChartContainer, ChartLoadingSkeleton, ChartTooltip, localeAwareCategoryTick, localeAwareNumberTick, transformNivoLineData, useChartTheme, useRootStyles };
+//# sourceMappingURL=chunk-IQHKJ4SS.js.map
+//# sourceMappingURL=chunk-IQHKJ4SS.js.map

package/dist/chunk-IQHKJ4SS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-root-styles.ts","../src/lib/theme.ts","../src/hooks/use-chart-theme.ts","../src/components/charts/chart-utils.tsx"],"names":["React2"],"mappings":"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","file":"chunk-IQHKJ4SS.js","sourcesContent":["'use client'\n\nimport { useEffect, useMemo, useState } from 'react'\n\n/**\n * Returns a snapshot of the current document root computed styles and\n * re-renders when the theme class or OS color scheme changes.\n */\nexport function useRootStyles() {\n  const [version, setVersion] = useState(0)\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !document?.documentElement) {\n      return\n    }\n\n    const target = document.documentElement\n    const observer = new MutationObserver(() => {\n      setVersion((prev) => prev + 1)\n    })\n\n    observer.observe(target, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme'],\n    })\n\n    const media = window.matchMedia('(prefers-color-scheme: dark)')\n    const mediaHandler = () => setVersion((prev) => prev + 1)\n    media.addEventListener('change', mediaHandler)\n\n    return () => {\n      observer.disconnect()\n      media.removeEventListener('change', mediaHandler)\n    }\n  }, [])\n\n  return useMemo(() => {\n    if (typeof window === 'undefined' || !document?.documentElement) {\n      return null\n    }\n\n    return getComputedStyle(document.documentElement)\n  }, [version])\n}\n","const COLOR_VALUE_REGEX = /^(#|rgb|hsl|oklch)/i;\n\nexport function resolveCssColor(\n  styles: CSSStyleDeclaration | null,\n  variable: string,\n  fallback: string,\n) {\n  if (!styles) return fallback;\n  const raw = styles.getPropertyValue(variable).trim();\n  if (!raw) return fallback;\n  if (COLOR_VALUE_REGEX.test(raw)) return raw;\n  if (raw.includes('%')) return `hsl(${raw})`;\n  return raw;\n}\n\n","'use client'\n\nimport * as React from 'react'\nimport { useRootStyles } from './use-root-styles'\nimport { resolveCssColor } from '@/lib/theme'\n\n/**\n * Chart theme hook — reads CSS design tokens at runtime and produces\n * resolved colors and styles for Recharts + Visx chart components.\n * Inspired by Linear, Vercel, and Stripe data visualizations.\n */\n\nconst FALLBACKS = {\n  foreground: 'hsl(0 0% 98%)',\n  foregroundMuted: 'hsl(0 0% 50%)',\n  border: 'hsl(0 0% 22%)',\n  popover: 'hsl(0 0% 10%)',\n  popoverForeground: 'hsl(0 0% 98%)',\n  chart1: 'hsl(153 55% 42%)',\n  chart2: 'hsl(198 50% 48%)',\n  chart3: 'hsl(240 40% 54%)',\n  chart4: 'hsl(310 38% 52%)',\n  chart5: 'hsl(355 45% 52%)',\n  chart6: 'hsl(35 52% 48%)',\n  chart7: 'hsl(75 38% 46%)',\n  chart8: 'hsl(118 35% 46%)',\n}\n\nexport const CHART_FONT_FAMILY = 'Yekan Bakh, system-ui, -apple-system, sans-serif'\n\nexport function useChartTheme() {\n  const styles = useRootStyles()\n\n  return React.useMemo(() => {\n    const getColor = (variable: string, fallback: string) => resolveCssColor(styles, variable, fallback)\n\n    const chartColors = [\n      getColor('--chart-1', FALLBACKS.chart1),\n      getColor('--chart-2', FALLBACKS.chart2),\n      getColor('--chart-3', FALLBACKS.chart3),\n      getColor('--chart-4', FALLBACKS.chart4),\n      getColor('--chart-5', FALLBACKS.chart5),\n      getColor('--chart-6', FALLBACKS.chart6),\n      getColor('--chart-7', FALLBACKS.chart7),\n      getColor('--chart-8', FALLBACKS.chart8),\n    ]\n\n    const axisTickStyle = {\n      fontFamily: CHART_FONT_FAMILY,\n      fill: getColor('--foreground-lighter', FALLBACKS.foregroundMuted),\n      fontSize: 11,\n      fontWeight: 400 as const,\n    }\n\n    const gridStyle = {\n      stroke: getColor('--border', FALLBACKS.border),\n      strokeDasharray: '3 3',\n      strokeOpacity: 0.15,\n    }\n\n    const tooltipStyle: React.CSSProperties = {\n      fontFamily: CHART_FONT_FAMILY,\n      background: getColor('--background-overlay-default', FALLBACKS.popover),\n      color: getColor('--foreground-default', FALLBACKS.popoverForeground),\n      fontSize: 12,\n      lineHeight: '1.5',\n      borderRadius: '10px',\n      border: `1px solid ${getColor('--border-muted', FALLBACKS.border)}`,\n      boxShadow: '0 4px 24px -4px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.06)',\n      padding: '10px 14px',\n      backdropFilter: 'blur(8px)',\n      WebkitBackdropFilter: 'blur(8px)',\n    }\n\n    const crosshairStyle = {\n      stroke: getColor('--foreground-muted', FALLBACKS.foregroundMuted),\n      strokeWidth: 1,\n      strokeDasharray: '4 4',\n      strokeOpacity: 0.5,\n    }\n\n    return {\n      chartColors,\n      getColor,\n      fontFamily: CHART_FONT_FAMILY,\n      axisTickStyle,\n      gridStyle,\n      tooltipStyle,\n      crosshairStyle,\n    }\n  }, [styles])\n}\n","'use client'\n\nimport * as React from 'react'\nimport { Skeleton } from '@/components/ui/skeleton'\nimport { convertToLocalNumbers, formatLargeNumber, type SupportedLocale } from '@/lib/utils'\n\n// ─── Chart Container ─────────────────────────────────────────────────────────\n\ninterface ChartContainerProps {\n  className?: string\n  dataSlot: string\n  ariaLabel?: string\n  children: React.ReactNode\n}\n\nexport const ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(\n  ({ className, dataSlot, ariaLabel, children }, ref) => (\n    <div\n      ref={ref}\n      className={className}\n      dir=\"ltr\"\n      data-slot={dataSlot}\n      role=\"img\"\n      aria-label={ariaLabel ?? 'نمودار'}\n      style={{ position: 'relative', width: '100%', height: '100%' }}\n    >\n      {children}\n    </div>\n  )\n)\nChartContainer.displayName = 'ChartContainer'\n\n// ─── Chart Skeleton ──────────────────────────────────────────────────────────\n\ninterface ChartSkeletonProps {\n  className?: string\n  shape?: 'rect' | 'circle'\n}\n\nexport function ChartLoadingSkeleton({ className, shape = 'rect' }: ChartSkeletonProps) {\n  return (\n    <div\n      data-slot=\"chart-loading-skeleton\"\n      className={className}\n      dir=\"ltr\"\n      style={{ position: 'relative', width: '100%', height: '100%' }}\n      role=\"status\"\n      aria-label=\"Loading chart\"\n    >\n      <Skeleton\n        shape={shape}\n        className={\n          shape === 'circle' ? 'w-full h-full min-h-[200px] aspect-square mx-auto' : 'w-full h-full min-h-[200px]'\n        }\n      />\n    </div>\n  )\n}\n\n// ─── Chart Tooltip ───────────────────────────────────────────────────────────\n\ninterface ChartTooltipProps {\n  active?: boolean\n  payload?: Array<{ name: string; value: number; color: string; dataKey?: string }>\n  label?: string\n  tooltipStyle: React.CSSProperties\n  formatter?: (name: string, value: number) => React.ReactNode\n  /** Locale for the default value formatter. fa/ar render Persian/Arabic digits with thousands separators; en uses Latin. */\n  locale?: SupportedLocale\n}\n\nconst LOCALE_TO_BCP47: Record<SupportedLocale, string> = {\n  fa: 'fa-IR',\n  ar: 'ar',\n  en: 'en-US',\n}\n\nexport function ChartTooltip({ active, payload, label, tooltipStyle, formatter, locale = 'fa' }: ChartTooltipProps) {\n  if (!active || !payload?.length) return null\n\n  const bcp47 = LOCALE_TO_BCP47[locale] ?? 'fa-IR'\n\n  return (\n    <div data-slot=\"chart-tooltip\" style={tooltipStyle}>\n      {label && <div style={{ fontWeight: 500, fontSize: 13, marginBottom: 6 }}>{label}</div>}\n      {payload.map((entry, i) => (\n        <div key={i} style={{ display: 'flex', alignItems: 'center', gap: 8, marginTop: i > 0 ? 4 : 0 }}>\n          <div\n            style={{\n              width: 10,\n              height: 10,\n              borderRadius: 2,\n              backgroundColor: entry.color,\n              flexShrink: 0,\n            }}\n          />\n          {formatter ? (\n            formatter(entry.name, entry.value)\n          ) : (\n            <span style={{ display: 'flex', justifyContent: 'space-between', width: '100%', gap: 16 }}>\n              <span style={{ opacity: 0.7 }}>{entry.name}</span>\n              <span style={{ fontWeight: 600, fontVariantNumeric: 'tabular-nums' }}>\n                {typeof entry.value === 'number' ? entry.value.toLocaleString(bcp47) : entry.value}\n              </span>\n            </span>\n          )}\n        </div>\n      ))}\n    </div>\n  )\n}\n\n// ─── Locale-aware tick formatter ─────────────────────────────────────────────\n\n/**\n * Default tickFormatter for numeric chart axes (Y axis on Line/Area/Bar, both\n * axes on Scatter, radial on Radar). Renders Persian/Arabic digits + locale\n * suffix (\"۱.۵ هزار\", \"1.5K\") for fa/ar, Latin K/M/B for en.\n *\n * Pass via `axisLeft={{ tickFormatter: localeAwareNumberTick('fa') }}`, or rely\n * on the chart wrapper's `locale` prop which wires this in by default.\n */\nexport function localeAwareNumberTick(locale: SupportedLocale): (value: unknown) => string {\n  return (value) => {\n    if (typeof value === 'number') return formatLargeNumber(value, locale)\n    if (typeof value === 'string') {\n      // Numeric strings: convert digits only (don't touch labels).\n      if (/^-?\\d+(\\.\\d+)?$/.test(value)) return convertToLocalNumbers(value, locale)\n      return value\n    }\n    return String(value ?? '')\n  }\n}\n\n/**\n * Default tickFormatter for categorical chart axes — converts embedded digits\n * to the locale's numerals (e.g. \"۱۴۰۳-۰۱\" for \"1403-01\") without altering\n * letters. Use on date/time axes whose labels carry digits.\n */\nexport function localeAwareCategoryTick(locale: SupportedLocale): (value: unknown) => string {\n  return (value) => convertToLocalNumbers(String(value ?? ''), locale)\n}\n\n// ─── Data Transform Utility ──────────────────────────────────────────────────\n\n/**\n * Transforms Nivo line/area data format to Recharts row-oriented format.\n * Useful for consumers migrating from Nivo data shape.\n *\n * @example\n * // Nivo: [{ id: \"فروش\", data: [{ x: \"فروردین\", y: 50 }] }]\n * // Recharts: [{ name: \"فروردین\", فروش: 50 }]\n */\nexport function transformNivoLineData(\n  nivoData: Array<{ id: string; data: Array<{ x: string | number; y: number }> }>\n): { data: Array<Record<string, string | number>>; dataKeys: string[] } {\n  const dataKeys = nivoData.map((s) => s.id)\n  const xValues = nivoData[0]?.data.map((d) => d.x) ?? []\n\n  const data = xValues.map((x, xi) => {\n    const row: Record<string, string | number> = { name: x }\n    for (const series of nivoData) {\n      row[series.id] = series.data[xi]?.y ?? 0\n    }\n    return row\n  })\n\n  return { data, dataKeys }\n}\n"]}

package/dist/chunk-ISCSZMYW.cjs

@@ -0,0 +1,106 @@
+'use strict';
+
+var chunkU5FLLCGC_cjs = require('./chunk-U5FLLCGC.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);
+
+var HotkeyRegisterContext = React__namespace.createContext(null);
+var HotkeyListContext = React__namespace.createContext([]);
+function HotkeyProvider({ enabled = true, children }) {
+  const [entries, setEntries] = React__namespace.useState(() => /* @__PURE__ */ new Map());
+  const handlersRef = React__namespace.useRef(/* @__PURE__ */ new Map());
+  const register = React__namespace.useRef((entry, handler) => {
+    handlersRef.current.set(entry.id, handler);
+    setEntries((prev) => {
+      const next = new Map(prev);
+      next.set(entry.id, entry);
+      return next;
+    });
+    return () => {
+      handlersRef.current.delete(entry.id);
+      setEntries((prev) => {
+        if (!prev.has(entry.id)) return prev;
+        const next = new Map(prev);
+        next.delete(entry.id);
+        return next;
+      });
+    };
+  }).current;
+  const hotkeys = React__namespace.useMemo(() => Array.from(entries.values()), [entries]);
+  return /* @__PURE__ */ jsxRuntime.jsx(HotkeyRegisterContext.Provider, { value: register, children: /* @__PURE__ */ jsxRuntime.jsxs(HotkeyListContext.Provider, { value: hotkeys, children: [
+    children,
+    enabled && /* @__PURE__ */ jsxRuntime.jsx(HotkeyDispatcher, { entries: hotkeys, handlersRef })
+  ] }) });
+}
+function HotkeyDispatcher({
+  entries,
+  handlersRef
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsx(HotkeyEntry, { entry, handlersRef }, entry.id)) });
+}
+function HotkeyEntry({
+  entry,
+  handlersRef
+}) {
+  chunkU5FLLCGC_cjs.useHotkeys(
+    entry.combo,
+    (event) => {
+      const handler = handlersRef.current.get(entry.id);
+      handler?.(event);
+    },
+    { enabled: entry.enabled !== false }
+  );
+  return null;
+}
+function useHotkey(id, combo, handler, options = {}) {
+  const register = React__namespace.useContext(HotkeyRegisterContext);
+  const handlerRef = React__namespace.useRef(handler);
+  React__namespace.useEffect(() => {
+    handlerRef.current = handler;
+  });
+  const comboKey = Array.isArray(combo) ? combo.join("|") : combo;
+  React__namespace.useEffect(() => {
+    if (!register) return;
+    if (!comboKey) return;
+    return register(
+      {
+        id,
+        combo,
+        description: options.description,
+        group: options.group,
+        enabled: options.enabled
+      },
+      (event) => handlerRef.current(event)
+    );
+  }, [register, id, comboKey, options.description, options.group, options.enabled]);
+}
+function useHotkeyRegistry() {
+  const hotkeys = React__namespace.useContext(HotkeyListContext);
+  return { hotkeys };
+}
+
+exports.HotkeyProvider = HotkeyProvider;
+exports.useHotkey = useHotkey;
+exports.useHotkeyRegistry = useHotkeyRegistry;
+//# sourceMappingURL=chunk-ISCSZMYW.cjs.map
+//# sourceMappingURL=chunk-ISCSZMYW.cjs.map

package/dist/chunk-ISCSZMYW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-hotkey-registry.tsx"],"names":["React","jsx","jsxs","Fragment","useHotkeys"],"mappings":"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","file":"chunk-ISCSZMYW.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useHotkeys, type HotkeyCombo } from './use-hotkeys'\n\n/* -------------------------------------------------------------------------- */\n/* Types                                                                       */\n/* -------------------------------------------------------------------------- */\n\nexport interface RegisteredHotkey {\n  /** Stable id — used for de-registration + dedupe. */\n  id: string\n  /** The combo string(s) — `'mod+k'`, `['escape', 'mod+w']`, etc. */\n  combo: HotkeyCombo\n  /** Short human-readable description (e.g. \"باز کردن پالت دستور\"). */\n  description?: string\n  /** Optional grouping label for cheatsheet rendering (\"سراسری\", \"ناوبری\"…). */\n  group?: string\n  /** When false, the entry is listed but the listener doesn't fire. */\n  enabled?: boolean\n}\n\ntype RegisterFn = (entry: RegisteredHotkey, handler: (event: KeyboardEvent) => void) => () => void\n\n/**\n * Two contexts so consumers can depend on a *stable* register fn (never\n * changes for the provider's lifetime) without re-running their effect\n * every time the entries list updates.\n */\nconst HotkeyRegisterContext = React.createContext<RegisterFn | null>(null)\nconst HotkeyListContext = React.createContext<RegisteredHotkey[]>([])\n\n/* -------------------------------------------------------------------------- */\n/* Provider                                                                    */\n/* -------------------------------------------------------------------------- */\n\nexport interface HotkeyProviderProps {\n  /** Globally disable all registered hotkeys (e.g. while a modal owns the page). */\n  enabled?: boolean\n  children: React.ReactNode\n}\n\n/**\n * Centralised hotkey registry. Wrap your app once; descendants register\n * combos via `useHotkey()` and any UI (CommandPalette, help cheatsheet)\n * can read the full list via `useHotkeyRegistry()`.\n *\n * Compared to scattering `useHotkeys` calls across the tree:\n *   - Per-entry mounting is centralized (one place that handles\n *     `enabled`, key parsing, ignore-when-typing semantics)\n *   - Discoverable: cheatsheets / palettes can list every active combo\n *   - De-duplicated: registering the same id twice replaces the entry\n *\n * Optional. `useHotkeys` (the bare hook) continues to work outside a provider.\n */\nexport function HotkeyProvider({ enabled = true, children }: HotkeyProviderProps) {\n  const [entries, setEntries] = React.useState<Map<string, RegisteredHotkey>>(() => new Map())\n  const handlersRef = React.useRef<Map<string, (event: KeyboardEvent) => void>>(new Map())\n\n  // Stable across the provider's lifetime so descendants don't re-register\n  // every time the entries list changes.\n  const register = React.useRef<RegisterFn>((entry, handler) => {\n    handlersRef.current.set(entry.id, handler)\n    setEntries((prev) => {\n      const next = new Map(prev)\n      next.set(entry.id, entry)\n      return next\n    })\n    return () => {\n      handlersRef.current.delete(entry.id)\n      setEntries((prev) => {\n        if (!prev.has(entry.id)) return prev\n        const next = new Map(prev)\n        next.delete(entry.id)\n        return next\n      })\n    }\n  }).current\n\n  const hotkeys = React.useMemo(() => Array.from(entries.values()), [entries])\n\n  return (\n    <HotkeyRegisterContext.Provider value={register}>\n      <HotkeyListContext.Provider value={hotkeys}>\n        {children}\n        {enabled && <HotkeyDispatcher entries={hotkeys} handlersRef={handlersRef} />}\n      </HotkeyListContext.Provider>\n    </HotkeyRegisterContext.Provider>\n  )\n}\n\n/**\n * Internal — one useHotkeys per registered entry, mounted under the\n * provider rather than per-component. Per-entry useHotkeys keeps key\n * parsing and ignoreWhenTyping logic in one tested place.\n */\nfunction HotkeyDispatcher({\n  entries,\n  handlersRef,\n}: {\n  entries: RegisteredHotkey[]\n  handlersRef: React.MutableRefObject<Map<string, (event: KeyboardEvent) => void>>\n}) {\n  return (\n    <>\n      {entries.map((entry) => (\n        <HotkeyEntry key={entry.id} entry={entry} handlersRef={handlersRef} />\n      ))}\n    </>\n  )\n}\n\nfunction HotkeyEntry({\n  entry,\n  handlersRef,\n}: {\n  entry: RegisteredHotkey\n  handlersRef: React.MutableRefObject<Map<string, (event: KeyboardEvent) => void>>\n}) {\n  useHotkeys(\n    entry.combo,\n    (event) => {\n      const handler = handlersRef.current.get(entry.id)\n      handler?.(event)\n    },\n    { enabled: entry.enabled !== false }\n  )\n  return null\n}\n\n/* -------------------------------------------------------------------------- */\n/* Hooks                                                                       */\n/* -------------------------------------------------------------------------- */\n\n/**\n * Register a hotkey under the active provider. The combo is added to the\n * cheatsheet-readable registry; the handler fires when the combo matches\n * (subject to `useHotkeys` rules around editable targets + modifiers).\n *\n * @example\n *   useHotkey('palette', 'mod+k', () => setOpen(true), {\n *     description: 'باز کردن پالت دستور',\n *     group: 'سراسری',\n *   })\n *\n * The first argument is a stable id — use a unique slug per call site so\n * registry updates can dedupe. When called outside a `<HotkeyProvider>`,\n * silently no-ops (so consumers can layer the provider in later without\n * a refactor sweep).\n */\nexport function useHotkey(\n  id: string,\n  combo: HotkeyCombo,\n  handler: (event: KeyboardEvent) => void,\n  options: { description?: string; group?: string; enabled?: boolean } = {}\n): void {\n  const register = React.useContext(HotkeyRegisterContext)\n\n  // Capture the latest handler so callers can pass an inline arrow each\n  // render without re-registering the entry.\n  const handlerRef = React.useRef(handler)\n  React.useEffect(() => {\n    handlerRef.current = handler\n  })\n\n  // Stringify combo for stable dependency tracking.\n  const comboKey = Array.isArray(combo) ? combo.join('|') : combo\n\n  React.useEffect(() => {\n    if (!register) return\n    // Skip registration when combo is empty/falsy — lets consumers conditionally\n    // disable a hotkey without violating rules of hooks (still call useHotkey\n    // unconditionally, but pass `''` to opt out).\n    if (!comboKey) return\n    return register(\n      {\n        id,\n        combo,\n        description: options.description,\n        group: options.group,\n        enabled: options.enabled,\n      },\n      (event) => handlerRef.current(event)\n    )\n    // `combo` (the original value) intentionally elided; comboKey covers it.\n  }, [register, id, comboKey, options.description, options.group, options.enabled])\n}\n\n/**\n * Read the active registry. Returns an empty array outside a provider.\n * Useful for CommandPalette items, \"?\" cheatsheet overlays, settings pages.\n */\nexport function useHotkeyRegistry(): { hotkeys: RegisteredHotkey[] } {\n  const hotkeys = React.useContext(HotkeyListContext)\n  return { hotkeys }\n}\n"]}

package/dist/chunk-IXFEFIDO.js

@@ -0,0 +1,82 @@
+import { useHotkeys } from './chunk-RZNRIOLT.js';
+import * as React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var HotkeyRegisterContext = React.createContext(null);
+var HotkeyListContext = React.createContext([]);
+function HotkeyProvider({ enabled = true, children }) {
+  const [entries, setEntries] = React.useState(() => /* @__PURE__ */ new Map());
+  const handlersRef = React.useRef(/* @__PURE__ */ new Map());
+  const register = React.useRef((entry, handler) => {
+    handlersRef.current.set(entry.id, handler);
+    setEntries((prev) => {
+      const next = new Map(prev);
+      next.set(entry.id, entry);
+      return next;
+    });
+    return () => {
+      handlersRef.current.delete(entry.id);
+      setEntries((prev) => {
+        if (!prev.has(entry.id)) return prev;
+        const next = new Map(prev);
+        next.delete(entry.id);
+        return next;
+      });
+    };
+  }).current;
+  const hotkeys = React.useMemo(() => Array.from(entries.values()), [entries]);
+  return /* @__PURE__ */ jsx(HotkeyRegisterContext.Provider, { value: register, children: /* @__PURE__ */ jsxs(HotkeyListContext.Provider, { value: hotkeys, children: [
+    children,
+    enabled && /* @__PURE__ */ jsx(HotkeyDispatcher, { entries: hotkeys, handlersRef })
+  ] }) });
+}
+function HotkeyDispatcher({
+  entries,
+  handlersRef
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: entries.map((entry) => /* @__PURE__ */ jsx(HotkeyEntry, { entry, handlersRef }, entry.id)) });
+}
+function HotkeyEntry({
+  entry,
+  handlersRef
+}) {
+  useHotkeys(
+    entry.combo,
+    (event) => {
+      const handler = handlersRef.current.get(entry.id);
+      handler?.(event);
+    },
+    { enabled: entry.enabled !== false }
+  );
+  return null;
+}
+function useHotkey(id, combo, handler, options = {}) {
+  const register = React.useContext(HotkeyRegisterContext);
+  const handlerRef = React.useRef(handler);
+  React.useEffect(() => {
+    handlerRef.current = handler;
+  });
+  const comboKey = Array.isArray(combo) ? combo.join("|") : combo;
+  React.useEffect(() => {
+    if (!register) return;
+    if (!comboKey) return;
+    return register(
+      {
+        id,
+        combo,
+        description: options.description,
+        group: options.group,
+        enabled: options.enabled
+      },
+      (event) => handlerRef.current(event)
+    );
+  }, [register, id, comboKey, options.description, options.group, options.enabled]);
+}
+function useHotkeyRegistry() {
+  const hotkeys = React.useContext(HotkeyListContext);
+  return { hotkeys };
+}
+
+export { HotkeyProvider, useHotkey, useHotkeyRegistry };
+//# sourceMappingURL=chunk-IXFEFIDO.js.map
+//# sourceMappingURL=chunk-IXFEFIDO.js.map

package/dist/chunk-IXFEFIDO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-hotkey-registry.tsx"],"names":[],"mappings":"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","file":"chunk-IXFEFIDO.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useHotkeys, type HotkeyCombo } from './use-hotkeys'\n\n/* -------------------------------------------------------------------------- */\n/* Types                                                                       */\n/* -------------------------------------------------------------------------- */\n\nexport interface RegisteredHotkey {\n  /** Stable id — used for de-registration + dedupe. */\n  id: string\n  /** The combo string(s) — `'mod+k'`, `['escape', 'mod+w']`, etc. */\n  combo: HotkeyCombo\n  /** Short human-readable description (e.g. \"باز کردن پالت دستور\"). */\n  description?: string\n  /** Optional grouping label for cheatsheet rendering (\"سراسری\", \"ناوبری\"…). */\n  group?: string\n  /** When false, the entry is listed but the listener doesn't fire. */\n  enabled?: boolean\n}\n\ntype RegisterFn = (entry: RegisteredHotkey, handler: (event: KeyboardEvent) => void) => () => void\n\n/**\n * Two contexts so consumers can depend on a *stable* register fn (never\n * changes for the provider's lifetime) without re-running their effect\n * every time the entries list updates.\n */\nconst HotkeyRegisterContext = React.createContext<RegisterFn | null>(null)\nconst HotkeyListContext = React.createContext<RegisteredHotkey[]>([])\n\n/* -------------------------------------------------------------------------- */\n/* Provider                                                                    */\n/* -------------------------------------------------------------------------- */\n\nexport interface HotkeyProviderProps {\n  /** Globally disable all registered hotkeys (e.g. while a modal owns the page). */\n  enabled?: boolean\n  children: React.ReactNode\n}\n\n/**\n * Centralised hotkey registry. Wrap your app once; descendants register\n * combos via `useHotkey()` and any UI (CommandPalette, help cheatsheet)\n * can read the full list via `useHotkeyRegistry()`.\n *\n * Compared to scattering `useHotkeys` calls across the tree:\n *   - Per-entry mounting is centralized (one place that handles\n *     `enabled`, key parsing, ignore-when-typing semantics)\n *   - Discoverable: cheatsheets / palettes can list every active combo\n *   - De-duplicated: registering the same id twice replaces the entry\n *\n * Optional. `useHotkeys` (the bare hook) continues to work outside a provider.\n */\nexport function HotkeyProvider({ enabled = true, children }: HotkeyProviderProps) {\n  const [entries, setEntries] = React.useState<Map<string, RegisteredHotkey>>(() => new Map())\n  const handlersRef = React.useRef<Map<string, (event: KeyboardEvent) => void>>(new Map())\n\n  // Stable across the provider's lifetime so descendants don't re-register\n  // every time the entries list changes.\n  const register = React.useRef<RegisterFn>((entry, handler) => {\n    handlersRef.current.set(entry.id, handler)\n    setEntries((prev) => {\n      const next = new Map(prev)\n      next.set(entry.id, entry)\n      return next\n    })\n    return () => {\n      handlersRef.current.delete(entry.id)\n      setEntries((prev) => {\n        if (!prev.has(entry.id)) return prev\n        const next = new Map(prev)\n        next.delete(entry.id)\n        return next\n      })\n    }\n  }).current\n\n  const hotkeys = React.useMemo(() => Array.from(entries.values()), [entries])\n\n  return (\n    <HotkeyRegisterContext.Provider value={register}>\n      <HotkeyListContext.Provider value={hotkeys}>\n        {children}\n        {enabled && <HotkeyDispatcher entries={hotkeys} handlersRef={handlersRef} />}\n      </HotkeyListContext.Provider>\n    </HotkeyRegisterContext.Provider>\n  )\n}\n\n/**\n * Internal — one useHotkeys per registered entry, mounted under the\n * provider rather than per-component. Per-entry useHotkeys keeps key\n * parsing and ignoreWhenTyping logic in one tested place.\n */\nfunction HotkeyDispatcher({\n  entries,\n  handlersRef,\n}: {\n  entries: RegisteredHotkey[]\n  handlersRef: React.MutableRefObject<Map<string, (event: KeyboardEvent) => void>>\n}) {\n  return (\n    <>\n      {entries.map((entry) => (\n        <HotkeyEntry key={entry.id} entry={entry} handlersRef={handlersRef} />\n      ))}\n    </>\n  )\n}\n\nfunction HotkeyEntry({\n  entry,\n  handlersRef,\n}: {\n  entry: RegisteredHotkey\n  handlersRef: React.MutableRefObject<Map<string, (event: KeyboardEvent) => void>>\n}) {\n  useHotkeys(\n    entry.combo,\n    (event) => {\n      const handler = handlersRef.current.get(entry.id)\n      handler?.(event)\n    },\n    { enabled: entry.enabled !== false }\n  )\n  return null\n}\n\n/* -------------------------------------------------------------------------- */\n/* Hooks                                                                       */\n/* -------------------------------------------------------------------------- */\n\n/**\n * Register a hotkey under the active provider. The combo is added to the\n * cheatsheet-readable registry; the handler fires when the combo matches\n * (subject to `useHotkeys` rules around editable targets + modifiers).\n *\n * @example\n *   useHotkey('palette', 'mod+k', () => setOpen(true), {\n *     description: 'باز کردن پالت دستور',\n *     group: 'سراسری',\n *   })\n *\n * The first argument is a stable id — use a unique slug per call site so\n * registry updates can dedupe. When called outside a `<HotkeyProvider>`,\n * silently no-ops (so consumers can layer the provider in later without\n * a refactor sweep).\n */\nexport function useHotkey(\n  id: string,\n  combo: HotkeyCombo,\n  handler: (event: KeyboardEvent) => void,\n  options: { description?: string; group?: string; enabled?: boolean } = {}\n): void {\n  const register = React.useContext(HotkeyRegisterContext)\n\n  // Capture the latest handler so callers can pass an inline arrow each\n  // render without re-registering the entry.\n  const handlerRef = React.useRef(handler)\n  React.useEffect(() => {\n    handlerRef.current = handler\n  })\n\n  // Stringify combo for stable dependency tracking.\n  const comboKey = Array.isArray(combo) ? combo.join('|') : combo\n\n  React.useEffect(() => {\n    if (!register) return\n    // Skip registration when combo is empty/falsy — lets consumers conditionally\n    // disable a hotkey without violating rules of hooks (still call useHotkey\n    // unconditionally, but pass `''` to opt out).\n    if (!comboKey) return\n    return register(\n      {\n        id,\n        combo,\n        description: options.description,\n        group: options.group,\n        enabled: options.enabled,\n      },\n      (event) => handlerRef.current(event)\n    )\n    // `combo` (the original value) intentionally elided; comboKey covers it.\n  }, [register, id, comboKey, options.description, options.group, options.enabled])\n}\n\n/**\n * Read the active registry. Returns an empty array outside a provider.\n * Useful for CommandPalette items, \"?\" cheatsheet overlays, settings pages.\n */\nexport function useHotkeyRegistry(): { hotkeys: RegisteredHotkey[] } {\n  const hotkeys = React.useContext(HotkeyListContext)\n  return { hotkeys }\n}\n"]}

package/dist/chunk-JUBHQAA2.js

@@ -0,0 +1,53 @@
+import { cn } from './chunk-4SVQNEVH.js';
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React.forwardRef(
+  ({ className, variant = "default", size = "sm", showArrow = false, sideOffset = 4, children, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "z-50 overflow-hidden rounded-md shadow-dropdown",
+        "animate-in fade-in-50 data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
+        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+        // Variant styles
+        variant === "default" && "border bg-alternative text-foreground",
+        variant === "light" && "border bg-surface-100 text-foreground shadow-dropdown",
+        variant === "error" && "border border-destructive-500 bg-destructive-200 text-destructive-600",
+        // Size
+        size === "sm" && "px-3 py-1.5 text-xs",
+        size === "md" && "px-4 py-2 text-sm",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showArrow && /* @__PURE__ */ jsx(
+          TooltipPrimitive.Arrow,
+          {
+            className: cn(
+              "fill-current",
+              variant === "default" && "text-alternative",
+              variant === "light" && "text-surface-100",
+              variant === "error" && "text-destructive-200"
+            ),
+            width: 8,
+            height: 4
+          }
+        )
+      ]
+    }
+  ) })
+);
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=chunk-JUBHQAA2.js.map
+//# sourceMappingURL=chunk-JUBHQAA2.js.map

package/dist/chunk-JUBHQAA2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/tooltip.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,eAAA,GAAmC,gBAAA,CAAA;AAEzC,IAAM,OAAA,GAA2B,gBAAA,CAAA;AAEjC,IAAM,cAAA,GAAkC,gBAAA,CAAA;AAexC,IAAM,cAAA,GAAuB,KAAA,CAAA,UAAA;AAAA,EAC3B,CAAC,EAAE,SAAA,EAAW,UAAU,SAAA,EAAW,IAAA,GAAO,MAAM,SAAA,GAAY,KAAA,EAAO,UAAA,GAAa,CAAA,EAAG,UAAU,GAAG,KAAA,IAAS,GAAA,qBACvG,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,IAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,iBAAA;AAAA,MACV,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iDAAA;AAAA,QACA,mLAAA;AAAA,QACA,gGAAA;AAAA;AAAA,QAEA,YAAY,SAAA,IAAa,uCAAA;AAAA,QACzB,YAAY,OAAA,IAAW,uDAAA;AAAA,QACvB,YAAY,OAAA,IAAW,uEAAA;AAAA;AAAA,QAEvB,SAAS,IAAA,IAAQ,qBAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,mBAAA;AAAA,QACjB;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,SAAA,oBACC,GAAA;AAAA,UAAkB,gBAAA,CAAA,KAAA;AAAA,UAAjB;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,cAAA;AAAA,cACA,YAAY,SAAA,IAAa,kBAAA;AAAA,cACzB,YAAY,OAAA,IAAW,kBAAA;AAAA,cACvB,YAAY,OAAA,IAAW;AAAA,aACzB;AAAA,YACA,KAAA,EAAO,CAAA;AAAA,YACP,MAAA,EAAQ;AAAA;AAAA;AACV;AAAA;AAAA,GAEJ,EACF;AAEJ;AACA,cAAA,CAAe,cAA+B,gBAAA,CAAA,OAAA,CAAQ,WAAA","file":"chunk-JUBHQAA2.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { cn } from '@/lib/utils'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\n/* -------------------------------------------------------------------------- */\n/*  TooltipContent                                                             */\n/* -------------------------------------------------------------------------- */\n\ninterface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {\n  /** Visual variant */\n  variant?: 'default' | 'light' | 'error'\n  /** Size */\n  size?: 'sm' | 'md'\n  /** Show arrow/caret pointing to trigger */\n  showArrow?: boolean\n}\n\nconst TooltipContent = React.forwardRef<React.ElementRef<typeof TooltipPrimitive.Content>, TooltipContentProps>(\n  ({ className, variant = 'default', size = 'sm', showArrow = false, sideOffset = 4, children, ...props }, ref) => (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 overflow-hidden rounded-md shadow-dropdown',\n          'animate-in fade-in-50 data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n          'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n          // Variant styles\n          variant === 'default' && 'border bg-alternative text-foreground',\n          variant === 'light' && 'border bg-surface-100 text-foreground shadow-dropdown',\n          variant === 'error' && 'border border-destructive-500 bg-destructive-200 text-destructive-600',\n          // Size\n          size === 'sm' && 'px-3 py-1.5 text-xs',\n          size === 'md' && 'px-4 py-2 text-sm',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showArrow && (\n          <TooltipPrimitive.Arrow\n            className={cn(\n              'fill-current',\n              variant === 'default' && 'text-alternative',\n              variant === 'light' && 'text-surface-100',\n              variant === 'error' && 'text-destructive-200'\n            )}\n            width={8}\n            height={4}\n          />\n        )}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n)\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"]}

package/dist/chunk-KCWRCSI7.js

@@ -0,0 +1,62 @@
+import { severityLabels } from './chunk-CV3N3HVK.js';
+import { cn } from './chunk-4SVQNEVH.js';
+import * as React from 'react';
+import { ChevronDown, Minus, ChevronUp, Flame } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SEVERITY_ICON = {
+  urgent: Flame,
+  high: ChevronUp,
+  medium: Minus,
+  low: ChevronDown
+};
+var SIZE_CLASSES = {
+  sm: { badge: "h-6 text-xs px-2 gap-1", icon: "size-3" },
+  md: { badge: "h-7 text-sm px-2.5 gap-1.5", icon: "size-3.5" }
+};
+function tokenVar(severity) {
+  return `--severity-${severity}`;
+}
+var SeverityBadge = React.forwardRef(
+  ({ className, severity, size = "md", showLabel = true, variant = "soft", locale = "fa", ...props }, ref) => {
+    const label = severityLabels[locale]?.[severity] ?? severityLabels.fa[severity];
+    const Icon = SEVERITY_ICON[severity];
+    const token = tokenVar(severity);
+    const softStyle = {
+      backgroundColor: `hsl(var(${token}) / 0.1)`,
+      borderColor: `hsl(var(${token}) / 0.3)`,
+      color: `hsl(var(${token}))`
+    };
+    const solidStyle = {
+      backgroundColor: `hsl(var(${token}))`,
+      borderColor: `hsl(var(${token}))`,
+      color: "hsl(var(--foreground-contrast))"
+    };
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        "data-slot": "severity-badge",
+        "data-severity": severity,
+        "data-variant": variant,
+        "aria-label": showLabel ? void 0 : label,
+        className: cn(
+          "inline-flex items-center rounded-full border font-medium transition-colors duration-150",
+          SIZE_CLASSES[size].badge,
+          className
+        ),
+        style: variant === "solid" ? solidStyle : softStyle,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: SIZE_CLASSES[size].icon, "aria-hidden": "true" }),
+          showLabel && /* @__PURE__ */ jsx("span", { children: label })
+        ]
+      }
+    );
+  }
+);
+SeverityBadge.displayName = "SeverityBadge";
+
+export { SeverityBadge };
+//# sourceMappingURL=chunk-KCWRCSI7.js.map
+//# sourceMappingURL=chunk-KCWRCSI7.js.map

package/dist/chunk-KCWRCSI7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/severity-badge.tsx"],"names":[],"mappings":";;;;;;AAoBA,IAAM,aAAA,GAAiD;AAAA,EACrD,MAAA,EAAQ,KAAA;AAAA,EACR,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ,KAAA;AAAA,EACR,GAAA,EAAK;AACP,CAAA;AAEA,IAAM,YAAA,GAAe;AAAA,EACnB,EAAA,EAAI,EAAE,KAAA,EAAO,wBAAA,EAA0B,MAAM,QAAA,EAAS;AAAA,EACtD,EAAA,EAAI,EAAE,KAAA,EAAO,4BAAA,EAA8B,MAAM,UAAA;AACnD,CAAA;AAEA,SAAS,SAAS,QAAA,EAA+B;AAC/C,EAAA,OAAO,cAAc,QAAQ,CAAA,CAAA;AAC/B;AAEA,IAAM,aAAA,GAAsB,KAAA,CAAA,UAAA;AAAA,EAC1B,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,OAAO,IAAA,EAAM,SAAA,GAAY,IAAA,EAAM,OAAA,GAAU,QAAQ,MAAA,GAAS,IAAA,EAAM,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC1G,IAAA,MAAM,KAAA,GAAQ,eAAe,MAAM,CAAA,GAAI,QAAQ,CAAA,IAAK,cAAA,CAAe,GAAG,QAAQ,CAAA;AAC9E,IAAA,MAAM,IAAA,GAAO,cAAc,QAAQ,CAAA;AACnC,IAAA,MAAM,KAAA,GAAQ,SAAS,QAAQ,CAAA;AAE/B,IAAA,MAAM,SAAA,GAAiC;AAAA,MACrC,eAAA,EAAiB,WAAW,KAAK,CAAA,QAAA,CAAA;AAAA,MACjC,WAAA,EAAa,WAAW,KAAK,CAAA,QAAA,CAAA;AAAA,MAC7B,KAAA,EAAO,WAAW,KAAK,CAAA,EAAA;AAAA,KACzB;AACA,IAAA,MAAM,UAAA,GAAkC;AAAA,MACtC,eAAA,EAAiB,WAAW,KAAK,CAAA,EAAA,CAAA;AAAA,MACjC,WAAA,EAAa,WAAW,KAAK,CAAA,EAAA,CAAA;AAAA,MAC7B,KAAA,EAAO;AAAA,KACT;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,gBAAA;AAAA,QACV,eAAA,EAAe,QAAA;AAAA,QACf,cAAA,EAAc,OAAA;AAAA,QACd,YAAA,EAAY,YAAY,MAAA,GAAY,KAAA;AAAA,QACpC,SAAA,EAAW,EAAA;AAAA,UACT,yFAAA;AAAA,UACA,YAAA,CAAa,IAAI,CAAA,CAAE,KAAA;AAAA,UACnB;AAAA,SACF;AAAA,QACA,KAAA,EAAO,OAAA,KAAY,OAAA,GAAU,UAAA,GAAa,SAAA;AAAA,QACzC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAK,SAAA,EAAW,YAAA,CAAa,IAAI,CAAA,CAAE,IAAA,EAAM,eAAY,MAAA,EAAO,CAAA;AAAA,UAC5D,SAAA,oBAAa,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,KAC7B;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-KCWRCSI7.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Flame, ChevronUp, Minus, ChevronDown, type LucideIcon } from 'lucide-react'\nimport { cn, type SupportedLocale } from '@/lib/utils'\nimport { severityLabels, type SeverityKey } from '@/lib/i18n'\n\nexport interface SeverityBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Urgency level — independent from operational status */\n  severity: SeverityKey\n  /** Size */\n  size?: 'sm' | 'md'\n  /** Show text label */\n  showLabel?: boolean\n  /** Render as a solid chip instead of the soft tinted pill (for high-contrast lists) */\n  variant?: 'soft' | 'solid'\n  /** Locale */\n  locale?: SupportedLocale\n}\n\nconst SEVERITY_ICON: Record<SeverityKey, LucideIcon> = {\n  urgent: Flame,\n  high: ChevronUp,\n  medium: Minus,\n  low: ChevronDown,\n}\n\nconst SIZE_CLASSES = {\n  sm: { badge: 'h-6 text-xs px-2 gap-1', icon: 'size-3' },\n  md: { badge: 'h-7 text-sm px-2.5 gap-1.5', icon: 'size-3.5' },\n} as const\n\nfunction tokenVar(severity: SeverityKey): string {\n  return `--severity-${severity}`\n}\n\nconst SeverityBadge = React.forwardRef<HTMLSpanElement, SeverityBadgeProps>(\n  ({ className, severity, size = 'md', showLabel = true, variant = 'soft', locale = 'fa', ...props }, ref) => {\n    const label = severityLabels[locale]?.[severity] ?? severityLabels.fa[severity]\n    const Icon = SEVERITY_ICON[severity]\n    const token = tokenVar(severity)\n\n    const softStyle: React.CSSProperties = {\n      backgroundColor: `hsl(var(${token}) / 0.1)`,\n      borderColor: `hsl(var(${token}) / 0.3)`,\n      color: `hsl(var(${token}))`,\n    }\n    const solidStyle: React.CSSProperties = {\n      backgroundColor: `hsl(var(${token}))`,\n      borderColor: `hsl(var(${token}))`,\n      color: 'hsl(var(--foreground-contrast))',\n    }\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"severity-badge\"\n        data-severity={severity}\n        data-variant={variant}\n        aria-label={showLabel ? undefined : label}\n        className={cn(\n          'inline-flex items-center rounded-full border font-medium transition-colors duration-150',\n          SIZE_CLASSES[size].badge,\n          className\n        )}\n        style={variant === 'solid' ? solidStyle : softStyle}\n        {...props}\n      >\n        <Icon className={SIZE_CLASSES[size].icon} aria-hidden=\"true\" />\n        {showLabel && <span>{label}</span>}\n      </span>\n    )\n  }\n)\n\nSeverityBadge.displayName = 'SeverityBadge'\n\nexport { SeverityBadge }\n"]}