@parto-system-design/ui 1.1.5 → 1.1.8

package/dist/chunk-U5FLLCGC.cjs

@@ -0,0 +1,151 @@
+'use strict';
+
+var React = require('react');
+
+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);
+
+// src/hooks/use-hotkeys.ts
+function isMac() {
+  if (typeof navigator === "undefined") return false;
+  const ua = navigator.userAgentData?.platform;
+  const platform = ua ?? navigator.platform ?? "";
+  return /mac|darwin/i.test(platform);
+}
+var SPECIAL_KEY_MAP = {
+  " ": "space",
+  spacebar: "space",
+  esc: "escape",
+  del: "delete",
+  return: "enter",
+  arrowup: "up",
+  arrowdown: "down",
+  arrowleft: "left",
+  arrowright: "right"
+};
+function normalizeKey(raw) {
+  const lower = raw.toLowerCase();
+  return SPECIAL_KEY_MAP[lower] ?? lower;
+}
+function parseCombo(combo) {
+  const parts = combo.toLowerCase().split("+").map((s) => s.trim()).filter(Boolean);
+  const result = {
+    mod: false,
+    ctrl: false,
+    cmd: false,
+    shift: false,
+    alt: false,
+    meta: false,
+    key: ""
+  };
+  for (const p of parts) {
+    if (p === "mod") result.mod = true;
+    else if (p === "ctrl" || p === "control") result.ctrl = true;
+    else if (p === "cmd" || p === "command" || p === "win") result.cmd = true;
+    else if (p === "shift") result.shift = true;
+    else if (p === "alt" || p === "option" || p === "opt") result.alt = true;
+    else if (p === "meta") result.meta = true;
+    else result.key = normalizeKey(p);
+  }
+  return result;
+}
+function matches(parsed, event, mac) {
+  const requiredCmd = parsed.cmd || parsed.mod && mac;
+  const requiredCtrl = parsed.ctrl || parsed.mod && !mac;
+  if (requiredCmd !== event.metaKey) return false;
+  if (requiredCtrl !== event.ctrlKey) return false;
+  if (parsed.shift !== event.shiftKey) return false;
+  if (parsed.alt !== event.altKey) return false;
+  if (parsed.meta && !mac && !event.metaKey) return false;
+  if (!parsed.key) return true;
+  const eventKey = normalizeKey(event.key);
+  return eventKey === parsed.key;
+}
+function isEditable(el) {
+  if (!(el instanceof HTMLElement)) return false;
+  if (el.isContentEditable) return true;
+  const tag = el.tagName;
+  if (tag === "INPUT") {
+    const type = el.type;
+    return !["button", "submit", "reset", "checkbox", "radio", "range", "color", "file"].includes(type);
+  }
+  return tag === "TEXTAREA" || tag === "SELECT";
+}
+function hasModifier(event) {
+  return event.metaKey || event.ctrlKey || event.altKey;
+}
+function resolveTarget(target) {
+  if (!target) return typeof document !== "undefined" ? document : null;
+  if (target instanceof Document) return target;
+  if ("current" in target) return target.current ?? null;
+  return target;
+}
+function useHotkeys(combo, handler, options = {}) {
+  const { preventDefault = true, ignoreWhenTyping = true, enabled = true, target } = options;
+  const handlerRef = React__namespace.useRef(handler);
+  React__namespace.useEffect(() => {
+    handlerRef.current = handler;
+  }, [handler]);
+  React__namespace.useEffect(() => {
+    if (!enabled) return;
+    const resolvedTarget = resolveTarget(target);
+    if (!resolvedTarget) return;
+    const combos = (Array.isArray(combo) ? combo : [combo]).map(parseCombo);
+    const mac = isMac();
+    const listener = (event) => {
+      const keyboardEvent = event;
+      const matched = combos.find((parsed) => matches(parsed, keyboardEvent, mac));
+      if (!matched) return;
+      if (ignoreWhenTyping && isEditable(keyboardEvent.target) && !hasModifier(keyboardEvent)) {
+        return;
+      }
+      if (preventDefault) keyboardEvent.preventDefault();
+      handlerRef.current(keyboardEvent);
+    };
+    resolvedTarget.addEventListener("keydown", listener);
+    return () => {
+      resolvedTarget.removeEventListener("keydown", listener);
+    };
+  }, [Array.isArray(combo) ? combo.join("|") : combo, enabled, ignoreWhenTyping, preventDefault, target]);
+}
+function formatHotkey(combo) {
+  const mac = isMac();
+  return combo.split("+").map((p) => {
+    const t = p.trim().toLowerCase();
+    if (t === "mod") return mac ? "\u2318" : "Ctrl";
+    if (t === "cmd" || t === "meta") return mac ? "\u2318" : "Win";
+    if (t === "ctrl" || t === "control") return mac ? "\u2303" : "Ctrl";
+    if (t === "shift") return mac ? "\u21E7" : "Shift";
+    if (t === "alt" || t === "option" || t === "opt") return mac ? "\u2325" : "Alt";
+    if (t === "enter" || t === "return") return "\u21B5";
+    if (t === "escape" || t === "esc") return "Esc";
+    if (t === "space") return "Space";
+    if (t === "up") return "\u2191";
+    if (t === "down") return "\u2193";
+    if (t === "left") return "\u2190";
+    if (t === "right") return "\u2192";
+    return t.length === 1 ? t.toUpperCase() : t;
+  }).join(mac ? "" : "+");
+}
+
+exports.formatHotkey = formatHotkey;
+exports.useHotkeys = useHotkeys;
+//# sourceMappingURL=chunk-U5FLLCGC.cjs.map
+//# sourceMappingURL=chunk-U5FLLCGC.cjs.map

package/dist/chunk-U5FLLCGC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-hotkeys.ts"],"names":["React"],"mappings":"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","file":"chunk-U5FLLCGC.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\n\n/**\n * Hotkey string grammar:\n *\n *   <part>[+<part>]*\n *\n * where each <part> is one of:\n *   mod           — Cmd on macOS, Ctrl on everything else (recommended)\n *   ctrl / cmd    — explicit, cross-platform tokens\n *   shift | alt | meta\n *   <single key>  — lowercase character, 'space', 'enter', 'escape', 'tab',\n *                   arrow{up,down,left,right}, 'slash', 'backspace', etc.\n *\n * Examples:\n *   'mod+k'          — ⌘K on macOS, CtrlK elsewhere\n *   'mod+shift+p'\n *   'escape'\n *   'ctrl+k'         — explicit Ctrl (no Cmd fallback on macOS)\n *\n * Passing an array of strings is treated as an OR — any combo fires the handler.\n */\nexport type HotkeyCombo = string | readonly string[]\n\nexport interface UseHotkeysOptions {\n  /**\n   * When true, `event.preventDefault()` is called on matched combos.\n   * Default: true. Useful to allow the browser's native 'mod+k' (address bar)\n   * to keep working — set to false if the handler only does something conditionally.\n   */\n  preventDefault?: boolean\n  /**\n   * Skip the handler when focus is inside an editable control (input, textarea,\n   * contenteditable). The exception: combos that include a modifier (mod/ctrl/\n   * cmd/alt) still fire — they are unambiguous shortcuts, not typing.\n   * Default: true.\n   */\n  ignoreWhenTyping?: boolean\n  /**\n   * When false, the hook unregisters its listener. Useful for conditionally\n   * enabling shortcuts (e.g., only while a panel is open).\n   * Default: true.\n   */\n  enabled?: boolean\n  /**\n   * DOM target. Defaults to `document`. Pass a ref for scoped shortcuts (e.g.,\n   * only when a specific panel has focus within).\n   */\n  target?: React.RefObject<HTMLElement | null> | HTMLElement | Document | null\n}\n\nfunction isMac(): boolean {\n  if (typeof navigator === 'undefined') return false\n  // `userAgentData.platform` is the modern API; fall back to platform string.\n  // Accept 'darwin' (nodejs tests) and 'MacIntel'/'Mac OS X'.\n  const ua = (navigator as Navigator & { userAgentData?: { platform?: string } }).userAgentData?.platform\n  const platform = ua ?? navigator.platform ?? ''\n  return /mac|darwin/i.test(platform)\n}\n\nconst SPECIAL_KEY_MAP: Record<string, string> = {\n  ' ': 'space',\n  spacebar: 'space',\n  esc: 'escape',\n  del: 'delete',\n  return: 'enter',\n  arrowup: 'up',\n  arrowdown: 'down',\n  arrowleft: 'left',\n  arrowright: 'right',\n}\n\nfunction normalizeKey(raw: string): string {\n  const lower = raw.toLowerCase()\n  return SPECIAL_KEY_MAP[lower] ?? lower\n}\n\ntype ParsedCombo = {\n  mod: boolean\n  ctrl: boolean\n  cmd: boolean\n  shift: boolean\n  alt: boolean\n  meta: boolean\n  key: string\n}\n\nfunction parseCombo(combo: string): ParsedCombo {\n  const parts = combo\n    .toLowerCase()\n    .split('+')\n    .map((s) => s.trim())\n    .filter(Boolean)\n  const result: ParsedCombo = {\n    mod: false,\n    ctrl: false,\n    cmd: false,\n    shift: false,\n    alt: false,\n    meta: false,\n    key: '',\n  }\n  for (const p of parts) {\n    if (p === 'mod') result.mod = true\n    else if (p === 'ctrl' || p === 'control') result.ctrl = true\n    else if (p === 'cmd' || p === 'command' || p === 'win') result.cmd = true\n    else if (p === 'shift') result.shift = true\n    else if (p === 'alt' || p === 'option' || p === 'opt') result.alt = true\n    else if (p === 'meta') result.meta = true\n    else result.key = normalizeKey(p)\n  }\n  return result\n}\n\nfunction matches(parsed: ParsedCombo, event: KeyboardEvent, mac: boolean): boolean {\n  // `mod` resolves to Cmd on macOS, Ctrl elsewhere. Track both sides of the combo.\n  const requiredCmd = parsed.cmd || (parsed.mod && mac)\n  const requiredCtrl = parsed.ctrl || (parsed.mod && !mac)\n\n  if (requiredCmd !== event.metaKey) return false\n  if (requiredCtrl !== event.ctrlKey) return false\n  if (parsed.shift !== event.shiftKey) return false\n  if (parsed.alt !== event.altKey) return false\n  // `meta` (plain) aliases Cmd on macOS — avoid double-matching when both mod+meta are specified.\n  if (parsed.meta && !mac && !event.metaKey) return false\n\n  if (!parsed.key) return true\n  const eventKey = normalizeKey(event.key)\n  return eventKey === parsed.key\n}\n\nfunction isEditable(el: EventTarget | null): boolean {\n  if (!(el instanceof HTMLElement)) return false\n  if (el.isContentEditable) return true\n  const tag = el.tagName\n  if (tag === 'INPUT') {\n    const type = (el as HTMLInputElement).type\n    // Buttons and checkboxes aren't \"typing\" — don't block.\n    return !['button', 'submit', 'reset', 'checkbox', 'radio', 'range', 'color', 'file'].includes(type)\n  }\n  return tag === 'TEXTAREA' || tag === 'SELECT'\n}\n\nfunction hasModifier(event: KeyboardEvent): boolean {\n  return event.metaKey || event.ctrlKey || event.altKey\n}\n\nfunction resolveTarget(target: UseHotkeysOptions['target']): EventTarget | null {\n  if (!target) return typeof document !== 'undefined' ? document : null\n  if (target instanceof Document) return target\n  if ('current' in target) return target.current ?? null\n  return target\n}\n\n/**\n * Register a keyboard shortcut. Handler fires when the combo matches, respecting\n * `ignoreWhenTyping` (default true) — except when a modifier is part of the combo,\n * which always wins. Returns nothing; cleanup is automatic.\n *\n * @example\n * useHotkeys('mod+k', () => setOpen((v) => !v))\n * useHotkeys(['escape', 'mod+w'], close, { enabled: open })\n */\nexport function useHotkeys(\n  combo: HotkeyCombo,\n  handler: (event: KeyboardEvent) => void,\n  options: UseHotkeysOptions = {}\n): void {\n  const { preventDefault = true, ignoreWhenTyping = true, enabled = true, target } = options\n\n  // Keep latest handler in a ref so callers don't need to memoize.\n  const handlerRef = React.useRef(handler)\n  React.useEffect(() => {\n    handlerRef.current = handler\n  }, [handler])\n\n  React.useEffect(() => {\n    if (!enabled) return\n    const resolvedTarget = resolveTarget(target)\n    if (!resolvedTarget) return\n\n    const combos = (Array.isArray(combo) ? combo : [combo]).map(parseCombo)\n    const mac = isMac()\n\n    const listener = (event: Event) => {\n      const keyboardEvent = event as KeyboardEvent\n      const matched = combos.find((parsed) => matches(parsed, keyboardEvent, mac))\n      if (!matched) return\n\n      if (ignoreWhenTyping && isEditable(keyboardEvent.target) && !hasModifier(keyboardEvent)) {\n        return\n      }\n\n      if (preventDefault) keyboardEvent.preventDefault()\n      handlerRef.current(keyboardEvent)\n    }\n\n    resolvedTarget.addEventListener('keydown', listener)\n    return () => {\n      resolvedTarget.removeEventListener('keydown', listener)\n    }\n    // `combo` is usually a stable string literal; if callers pass a new array every\n    // render we join-stringify to avoid stale closures without surprising rerenders.\n  }, [Array.isArray(combo) ? combo.join('|') : combo, enabled, ignoreWhenTyping, preventDefault, target])\n}\n\n/**\n * Render-helper: returns a platform-appropriate display string for a combo.\n * 'mod+k' → '⌘K' on macOS, 'Ctrl+K' elsewhere. Useful for `<CommandShortcut>`.\n */\nexport function formatHotkey(combo: string): string {\n  const mac = isMac()\n  return combo\n    .split('+')\n    .map((p) => {\n      const t = p.trim().toLowerCase()\n      if (t === 'mod') return mac ? '⌘' : 'Ctrl'\n      if (t === 'cmd' || t === 'meta') return mac ? '⌘' : 'Win'\n      if (t === 'ctrl' || t === 'control') return mac ? '⌃' : 'Ctrl'\n      if (t === 'shift') return mac ? '⇧' : 'Shift'\n      if (t === 'alt' || t === 'option' || t === 'opt') return mac ? '⌥' : 'Alt'\n      if (t === 'enter' || t === 'return') return '↵'\n      if (t === 'escape' || t === 'esc') return 'Esc'\n      if (t === 'space') return 'Space'\n      if (t === 'up') return '↑'\n      if (t === 'down') return '↓'\n      if (t === 'left') return '←'\n      if (t === 'right') return '→'\n      return t.length === 1 ? t.toUpperCase() : t\n    })\n    .join(mac ? '' : '+')\n}\n"]}

package/dist/chunk-UOZN45G4.cjs

@@ -0,0 +1,130 @@
+'use strict';
+
+var chunkKYM7NIJO_cjs = require('./chunk-KYM7NIJO.cjs');
+var React = require('react');
+var recharts = require('recharts');
+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 PartoAreaChart = React__namespace.forwardRef(function PartoAreaChart2({
+  data,
+  dataKeys,
+  xAxisKey = "name",
+  curve = "monotone",
+  strokeWidth = 2,
+  fillOpacity = 0.08,
+  showDots = false,
+  enableGridY = true,
+  enableGridX = false,
+  margin = { top: 20, right: 20, bottom: 50, left: 50 },
+  axisBottom,
+  axisLeft,
+  tooltipFormatter,
+  locale = "fa",
+  className,
+  isLoading = false,
+  ariaLabel,
+  chartProps,
+  legend = false
+}, ref) {
+  const { chartColors, axisTickStyle, gridStyle, tooltipStyle, crosshairStyle } = chunkKYM7NIJO_cjs.useChartTheme();
+  const defaultXTick = React__namespace.useMemo(() => chunkKYM7NIJO_cjs.localeAwareCategoryTick(locale), [locale]);
+  const defaultYTick = React__namespace.useMemo(() => chunkKYM7NIJO_cjs.localeAwareNumberTick(locale), [locale]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkKYM7NIJO_cjs.ChartLoadingSkeleton, { className });
+  }
+  const legendItems = legend ? dataKeys.map((key, i) => ({
+    key,
+    label: key,
+    color: chartColors[i % chartColors.length],
+    shape: "line"
+  })) : [];
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkKYM7NIJO_cjs.ChartContainer, { ref, className, dataSlot: "area-chart", ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, minHeight: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.AreaChart, { data, margin, ...chartProps, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: dataKeys.map((key, i) => /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `area-gradient-${key}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: chartColors[i % chartColors.length], stopOpacity: fillOpacity }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: chartColors[i % chartColors.length], stopOpacity: 0 })
+      ] }, key)) }),
+      (enableGridX || enableGridY) && /* @__PURE__ */ jsxRuntime.jsx(
+        recharts.CartesianGrid,
+        {
+          horizontal: enableGridY,
+          vertical: enableGridX,
+          stroke: gridStyle.stroke,
+          strokeDasharray: gridStyle.strokeDasharray,
+          strokeOpacity: gridStyle.strokeOpacity
+        }
+      ),
+      axisBottom !== null && /* @__PURE__ */ jsxRuntime.jsx(
+        recharts.XAxis,
+        {
+          dataKey: xAxisKey,
+          tick: axisTickStyle,
+          tickLine: false,
+          axisLine: false,
+          tickMargin: 12,
+          tickFormatter: defaultXTick,
+          ...axisBottom
+        }
+      ),
+      axisLeft !== null && /* @__PURE__ */ jsxRuntime.jsx(
+        recharts.YAxis,
+        {
+          tick: axisTickStyle,
+          tickLine: false,
+          axisLine: false,
+          tickMargin: 12,
+          tickFormatter: defaultYTick,
+          ...axisLeft
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        recharts.Tooltip,
+        {
+          cursor: crosshairStyle,
+          content: /* @__PURE__ */ jsxRuntime.jsx(chunkKYM7NIJO_cjs.ChartTooltip, { tooltipStyle, formatter: tooltipFormatter, locale })
+        }
+      ),
+      dataKeys.map((key, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        recharts.Area,
+        {
+          type: curve,
+          dataKey: key,
+          stroke: chartColors[i % chartColors.length],
+          strokeWidth,
+          fill: `url(#area-gradient-${key})`,
+          dot: showDots,
+          activeDot: { r: 4, strokeWidth: 2 },
+          animationDuration: 800,
+          animationEasing: "ease-out"
+        },
+        key
+      ))
+    ] }) }) }),
+    legend && /* @__PURE__ */ jsxRuntime.jsx(chunkKYM7NIJO_cjs.ChartLegend, { items: legendItems, style: { paddingTop: 12 } })
+  ] }) });
+});
+PartoAreaChart.displayName = "PartoAreaChart";
+
+exports.PartoAreaChart = PartoAreaChart;
+//# sourceMappingURL=chunk-UOZN45G4.cjs.map
+//# sourceMappingURL=chunk-UOZN45G4.cjs.map

package/dist/chunk-UOZN45G4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/charts/PartoAreaChart.tsx"],"names":["React","PartoAreaChart","useChartTheme","localeAwareCategoryTick","localeAwareNumberTick","jsx","ChartLoadingSkeleton","ChartContainer","jsxs","ResponsiveContainer","AreaChart","CartesianGrid","XAxis","YAxis","Tooltip","ChartTooltip","Area","ChartLegend"],"mappings":"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","file":"chunk-UOZN45G4.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts'\n\nimport { useChartTheme } from '@/hooks/use-chart-theme'\nimport { type SupportedLocale } from '@/lib/utils'\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLoadingSkeleton,\n  ChartTooltip,\n  localeAwareCategoryTick,\n  localeAwareNumberTick,\n  type ChartLegendItem,\n} from './chart-utils'\n\nexport interface PartoAreaChartProps {\n  /** Row-oriented data: [{ name: \"فروردین\", series1: 50, series2: 30 }] */\n  data: Array<Record<string, any>>\n  /** Keys for each area series (e.g. ['فروش', 'سود']) */\n  dataKeys: string[]\n  /** Field name for X axis (default: 'name') */\n  xAxisKey?: string\n  /** Curve type */\n  curve?: 'monotone' | 'linear' | 'natural' | 'step'\n  /** Line width */\n  strokeWidth?: number\n  /** Area fill opacity */\n  fillOpacity?: number\n  /** Show dots on data points */\n  showDots?: boolean\n  /** Show horizontal grid lines */\n  enableGridY?: boolean\n  /** Show vertical grid lines */\n  enableGridX?: boolean\n  /** Chart margins */\n  margin?: { top?: number; right?: number; bottom?: number; left?: number }\n  /** Custom X axis config */\n  axisBottom?: Record<string, any> | null\n  /** Custom Y axis config */\n  axisLeft?: Record<string, any> | null\n  /** Custom tooltip formatter */\n  tooltipFormatter?: (name: string, value: number) => React.ReactNode\n  /**\n   * Locale for digit formatting in tooltips and axis ticks. fa/ar render\n   * Persian/Arabic digits with locale suffixes; en uses Latin K/M/B.\n   * Default: 'fa'.\n   */\n  locale?: SupportedLocale\n  className?: string\n  isLoading?: boolean\n  ariaLabel?: string\n  /** Additional Recharts AreaChart props */\n  chartProps?: Record<string, any>\n  /** Render a colored-marker legend below the chart. @default `false` */\n  legend?: boolean\n}\n\nexport const PartoAreaChart = React.forwardRef<HTMLDivElement, PartoAreaChartProps>(function PartoAreaChart(\n  {\n    data,\n    dataKeys,\n    xAxisKey = 'name',\n    curve = 'monotone',\n    strokeWidth = 2,\n    fillOpacity = 0.08,\n    showDots = false,\n    enableGridY = true,\n    enableGridX = false,\n    margin = { top: 20, right: 20, bottom: 50, left: 50 },\n    axisBottom,\n    axisLeft,\n    tooltipFormatter,\n    locale = 'fa',\n    className,\n    isLoading = false,\n    ariaLabel,\n    chartProps,\n    legend = false,\n  },\n  ref\n) {\n  const { chartColors, axisTickStyle, gridStyle, tooltipStyle, crosshairStyle } = useChartTheme()\n  const defaultXTick = React.useMemo(() => localeAwareCategoryTick(locale), [locale])\n  const defaultYTick = React.useMemo(() => localeAwareNumberTick(locale), [locale])\n\n  if (isLoading) {\n    return <ChartLoadingSkeleton className={className} />\n  }\n\n  const legendItems: ChartLegendItem[] = legend\n    ? dataKeys.map((key, i) => ({\n        key,\n        label: key,\n        color: chartColors[i % chartColors.length],\n        shape: 'line',\n      }))\n    : []\n\n  return (\n    <ChartContainer ref={ref} className={className} dataSlot=\"area-chart\" ariaLabel={ariaLabel}>\n      <div style={{ display: 'flex', flexDirection: 'column', width: '100%', height: '100%' }}>\n        <div style={{ flex: 1, minHeight: 0 }}>\n          <ResponsiveContainer width=\"100%\" height=\"100%\">\n            <AreaChart data={data} margin={margin} {...chartProps}>\n              <defs>\n                {dataKeys.map((key, i) => (\n                  <linearGradient key={key} id={`area-gradient-${key}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                    <stop offset=\"0%\" stopColor={chartColors[i % chartColors.length]} stopOpacity={fillOpacity} />\n                    <stop offset=\"100%\" stopColor={chartColors[i % chartColors.length]} stopOpacity={0} />\n                  </linearGradient>\n                ))}\n              </defs>\n\n              {(enableGridX || enableGridY) && (\n                <CartesianGrid\n                  horizontal={enableGridY}\n                  vertical={enableGridX}\n                  stroke={gridStyle.stroke}\n                  strokeDasharray={gridStyle.strokeDasharray}\n                  strokeOpacity={gridStyle.strokeOpacity}\n                />\n              )}\n\n              {axisBottom !== null && (\n                <XAxis\n                  dataKey={xAxisKey}\n                  tick={axisTickStyle}\n                  tickLine={false}\n                  axisLine={false}\n                  tickMargin={12}\n                  tickFormatter={defaultXTick}\n                  {...axisBottom}\n                />\n              )}\n\n              {axisLeft !== null && (\n                <YAxis\n                  tick={axisTickStyle}\n                  tickLine={false}\n                  axisLine={false}\n                  tickMargin={12}\n                  tickFormatter={defaultYTick}\n                  {...axisLeft}\n                />\n              )}\n\n              <Tooltip\n                cursor={crosshairStyle}\n                content={<ChartTooltip tooltipStyle={tooltipStyle} formatter={tooltipFormatter} locale={locale} />}\n              />\n\n              {dataKeys.map((key, i) => (\n                <Area\n                  key={key}\n                  type={curve}\n                  dataKey={key}\n                  stroke={chartColors[i % chartColors.length]}\n                  strokeWidth={strokeWidth}\n                  fill={`url(#area-gradient-${key})`}\n                  dot={showDots}\n                  activeDot={{ r: 4, strokeWidth: 2 }}\n                  animationDuration={800}\n                  animationEasing=\"ease-out\"\n                />\n              ))}\n            </AreaChart>\n          </ResponsiveContainer>\n        </div>\n        {legend && <ChartLegend items={legendItems} style={{ paddingTop: 12 }} />}\n      </div>\n    </ChartContainer>\n  )\n})\nPartoAreaChart.displayName = 'PartoAreaChart'\n"]}

package/dist/chunk-VHLDOG74.cjs

@@ -0,0 +1,167 @@
+'use strict';
+
+var chunkKYM7NIJO_cjs = require('./chunk-KYM7NIJO.cjs');
+var React = require('react');
+var recharts = require('recharts');
+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 PartoBarChart = React__namespace.forwardRef(function PartoBarChart2({
+  data,
+  keys,
+  indexBy,
+  groupMode = "grouped",
+  layout = "vertical",
+  margin = { top: 20, right: 20, bottom: 50, left: 50 },
+  barCategoryGap = "35%",
+  barGap = 2,
+  radius = [6, 6, 0, 0],
+  enableGridY = true,
+  enableGridX = false,
+  enableLabel = false,
+  axisBottom,
+  axisLeft,
+  tooltipFormatter,
+  locale = "fa",
+  className,
+  isLoading = false,
+  ariaLabel,
+  chartProps,
+  legend = false
+}, ref) {
+  const { chartColors, axisTickStyle, gridStyle, tooltipStyle } = chunkKYM7NIJO_cjs.useChartTheme();
+  const categoryTick = React__namespace.useMemo(() => chunkKYM7NIJO_cjs.localeAwareCategoryTick(locale), [locale]);
+  const numberTick = React__namespace.useMemo(() => chunkKYM7NIJO_cjs.localeAwareNumberTick(locale), [locale]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkKYM7NIJO_cjs.ChartLoadingSkeleton, { className });
+  }
+  const rechartsLayout = layout === "horizontal" ? "vertical" : "horizontal";
+  const stackId = groupMode === "stacked" ? "stack" : void 0;
+  const legendItems = legend ? keys.map((key, i) => ({
+    key,
+    label: key,
+    color: chartColors[i % chartColors.length],
+    shape: "bar"
+  })) : [];
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkKYM7NIJO_cjs.ChartContainer, { ref, className, dataSlot: "bar-chart", ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, minHeight: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      recharts.BarChart,
+      {
+        data,
+        layout: rechartsLayout,
+        margin,
+        barCategoryGap,
+        barGap,
+        ...chartProps,
+        children: [
+          (enableGridX || enableGridY) && /* @__PURE__ */ jsxRuntime.jsx(
+            recharts.CartesianGrid,
+            {
+              horizontal: enableGridY,
+              vertical: enableGridX,
+              stroke: gridStyle.stroke,
+              strokeDasharray: gridStyle.strokeDasharray,
+              strokeOpacity: gridStyle.strokeOpacity
+            }
+          ),
+          rechartsLayout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            axisBottom !== null && /* @__PURE__ */ jsxRuntime.jsx(
+              recharts.XAxis,
+              {
+                dataKey: indexBy,
+                tick: axisTickStyle,
+                tickLine: false,
+                axisLine: false,
+                tickMargin: 12,
+                tickFormatter: categoryTick,
+                ...axisBottom
+              }
+            ),
+            axisLeft !== null && /* @__PURE__ */ jsxRuntime.jsx(
+              recharts.YAxis,
+              {
+                tick: axisTickStyle,
+                tickLine: false,
+                axisLine: false,
+                tickMargin: 12,
+                tickFormatter: numberTick,
+                ...axisLeft
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            axisLeft !== null && /* @__PURE__ */ jsxRuntime.jsx(
+              recharts.YAxis,
+              {
+                dataKey: indexBy,
+                type: "category",
+                tick: axisTickStyle,
+                tickLine: false,
+                axisLine: false,
+                tickMargin: 12,
+                tickFormatter: categoryTick,
+                ...axisLeft
+              }
+            ),
+            axisBottom !== null && /* @__PURE__ */ jsxRuntime.jsx(
+              recharts.XAxis,
+              {
+                type: "number",
+                tick: axisTickStyle,
+                tickLine: false,
+                axisLine: false,
+                tickMargin: 12,
+                tickFormatter: numberTick,
+                ...axisBottom
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            recharts.Tooltip,
+            {
+              cursor: { fill: "hsl(0 0% 50% / 0.05)" },
+              content: /* @__PURE__ */ jsxRuntime.jsx(chunkKYM7NIJO_cjs.ChartTooltip, { tooltipStyle, formatter: tooltipFormatter, locale })
+            }
+          ),
+          keys.map((key, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            recharts.Bar,
+            {
+              dataKey: key,
+              fill: chartColors[i % chartColors.length],
+              radius,
+              stackId,
+              label: enableLabel ? { position: "top", style: axisTickStyle } : false,
+              animationDuration: 800,
+              animationEasing: "ease-out"
+            },
+            key
+          ))
+        ]
+      }
+    ) }) }),
+    legend && /* @__PURE__ */ jsxRuntime.jsx(chunkKYM7NIJO_cjs.ChartLegend, { items: legendItems, style: { paddingTop: 12 } })
+  ] }) });
+});
+PartoBarChart.displayName = "PartoBarChart";
+
+exports.PartoBarChart = PartoBarChart;
+//# sourceMappingURL=chunk-VHLDOG74.cjs.map
+//# sourceMappingURL=chunk-VHLDOG74.cjs.map

package/dist/chunk-VHLDOG74.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/charts/PartoBarChart.tsx"],"names":["React","PartoBarChart","useChartTheme","localeAwareCategoryTick","localeAwareNumberTick","jsx","ChartLoadingSkeleton","ChartContainer","jsxs","ResponsiveContainer","BarChart","CartesianGrid","Fragment","XAxis","YAxis","Tooltip","ChartTooltip","Bar","ChartLegend"],"mappings":"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","file":"chunk-VHLDOG74.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts'\n\nimport { useChartTheme } from '@/hooks/use-chart-theme'\nimport { type SupportedLocale } from '@/lib/utils'\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLoadingSkeleton,\n  ChartTooltip,\n  localeAwareCategoryTick,\n  localeAwareNumberTick,\n  type ChartLegendItem,\n} from './chart-utils'\n\nexport interface PartoBarChartProps {\n  /** Chart data — row-oriented array of objects */\n  data: Array<Record<string, any>>\n  /** Data keys to render as bars (e.g. ['فروش', 'هزینه']) */\n  keys: string[]\n  /** Field name used for X axis categories (e.g. 'ماه') */\n  indexBy: string\n  /** Stacked or grouped layout */\n  groupMode?: 'grouped' | 'stacked'\n  /** Bar layout direction */\n  layout?: 'vertical' | 'horizontal'\n  /** Chart margins */\n  margin?: { top?: number; right?: number; bottom?: number; left?: number }\n  /** Gap between category groups as percentage */\n  barCategoryGap?: string | number\n  /** Gap between bars within a group */\n  barGap?: number\n  /** Border radius for bar tops [topLeft, topRight, bottomRight, bottomLeft] */\n  radius?: [number, number, number, number]\n  /** Show horizontal grid lines */\n  enableGridY?: boolean\n  /** Show vertical grid lines */\n  enableGridX?: boolean\n  /** Show labels inside bars */\n  enableLabel?: boolean\n  /** Custom X axis config */\n  axisBottom?: Record<string, any> | null\n  /** Custom Y axis config */\n  axisLeft?: Record<string, any> | null\n  /** Custom tooltip formatter */\n  tooltipFormatter?: (name: string, value: number) => React.ReactNode\n  /**\n   * Locale for digit formatting in tooltips and axis ticks. fa/ar render\n   * Persian/Arabic digits with locale suffixes; en uses Latin K/M/B.\n   * Default: 'fa'.\n   */\n  locale?: SupportedLocale\n  className?: string\n  isLoading?: boolean\n  ariaLabel?: string\n  /** Additional Recharts BarChart props */\n  chartProps?: Record<string, any>\n  /**\n   * Render a legend below the chart that names each series with a colored\n   * marker. Strongly recommended for grouped or stacked layouts where\n   * series identity is otherwise color-only. @default `false`\n   */\n  legend?: boolean\n}\n\nexport const PartoBarChart = React.forwardRef<HTMLDivElement, PartoBarChartProps>(function PartoBarChart(\n  {\n    data,\n    keys,\n    indexBy,\n    groupMode = 'grouped',\n    layout = 'vertical',\n    margin = { top: 20, right: 20, bottom: 50, left: 50 },\n    barCategoryGap = '35%',\n    barGap = 2,\n    radius = [6, 6, 0, 0],\n    enableGridY = true,\n    enableGridX = false,\n    enableLabel = false,\n    axisBottom,\n    axisLeft,\n    tooltipFormatter,\n    locale = 'fa',\n    className,\n    isLoading = false,\n    ariaLabel,\n    chartProps,\n    legend = false,\n  },\n  ref\n) {\n  const { chartColors, axisTickStyle, gridStyle, tooltipStyle } = useChartTheme()\n  const categoryTick = React.useMemo(() => localeAwareCategoryTick(locale), [locale])\n  const numberTick = React.useMemo(() => localeAwareNumberTick(locale), [locale])\n\n  if (isLoading) {\n    return <ChartLoadingSkeleton className={className} />\n  }\n\n  // Recharts uses \"horizontal\" for standard vertical bars and \"vertical\" for horizontal bars\n  const rechartsLayout = layout === 'horizontal' ? 'vertical' : 'horizontal'\n  const stackId = groupMode === 'stacked' ? 'stack' : undefined\n\n  const legendItems: ChartLegendItem[] = legend\n    ? keys.map((key, i) => ({\n        key,\n        label: key,\n        color: chartColors[i % chartColors.length],\n        shape: 'bar',\n      }))\n    : []\n\n  return (\n    <ChartContainer ref={ref} className={className} dataSlot=\"bar-chart\" ariaLabel={ariaLabel}>\n      <div style={{ display: 'flex', flexDirection: 'column', width: '100%', height: '100%' }}>\n        <div style={{ flex: 1, minHeight: 0 }}>\n          <ResponsiveContainer width=\"100%\" height=\"100%\">\n            <BarChart\n              data={data}\n              layout={rechartsLayout}\n              margin={margin}\n              barCategoryGap={barCategoryGap}\n              barGap={barGap}\n              {...chartProps}\n            >\n              {(enableGridX || enableGridY) && (\n                <CartesianGrid\n                  horizontal={enableGridY}\n                  vertical={enableGridX}\n                  stroke={gridStyle.stroke}\n                  strokeDasharray={gridStyle.strokeDasharray}\n                  strokeOpacity={gridStyle.strokeOpacity}\n                />\n              )}\n\n              {rechartsLayout === 'horizontal' ? (\n                <>\n                  {axisBottom !== null && (\n                    <XAxis\n                      dataKey={indexBy}\n                      tick={axisTickStyle}\n                      tickLine={false}\n                      axisLine={false}\n                      tickMargin={12}\n                      tickFormatter={categoryTick}\n                      {...axisBottom}\n                    />\n                  )}\n                  {axisLeft !== null && (\n                    <YAxis\n                      tick={axisTickStyle}\n                      tickLine={false}\n                      axisLine={false}\n                      tickMargin={12}\n                      tickFormatter={numberTick}\n                      {...axisLeft}\n                    />\n                  )}\n                </>\n              ) : (\n                <>\n                  {axisLeft !== null && (\n                    <YAxis\n                      dataKey={indexBy}\n                      type=\"category\"\n                      tick={axisTickStyle}\n                      tickLine={false}\n                      axisLine={false}\n                      tickMargin={12}\n                      tickFormatter={categoryTick}\n                      {...axisLeft}\n                    />\n                  )}\n                  {axisBottom !== null && (\n                    <XAxis\n                      type=\"number\"\n                      tick={axisTickStyle}\n                      tickLine={false}\n                      axisLine={false}\n                      tickMargin={12}\n                      tickFormatter={numberTick}\n                      {...axisBottom}\n                    />\n                  )}\n                </>\n              )}\n\n              <Tooltip\n                cursor={{ fill: 'hsl(0 0% 50% / 0.05)' }}\n                content={<ChartTooltip tooltipStyle={tooltipStyle} formatter={tooltipFormatter} locale={locale} />}\n              />\n\n              {keys.map((key, i) => (\n                <Bar\n                  key={key}\n                  dataKey={key}\n                  fill={chartColors[i % chartColors.length]}\n                  radius={radius}\n                  stackId={stackId}\n                  label={enableLabel ? { position: 'top', style: axisTickStyle } : false}\n                  animationDuration={800}\n                  animationEasing=\"ease-out\"\n                />\n              ))}\n            </BarChart>\n          </ResponsiveContainer>\n        </div>\n        {legend && <ChartLegend items={legendItems} style={{ paddingTop: 12 }} />}\n      </div>\n    </ChartContainer>\n  )\n})\nPartoBarChart.displayName = 'PartoBarChart'\n"]}