@parto-system-design/ui 1.1.5 → 1.1.8

package/dist/chunk-SXWSOU3Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/saved-query-card.tsx"],"names":[],"mappings":"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","file":"chunk-SXWSOU3Y.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Search, Play, Star, Clock } from 'lucide-react'\nimport { cn, convertToLocalNumbers, type SupportedLocale } from '@/lib/utils'\nimport { Button } from './button'\n\n/**\n * SavedQueryCard — saved-search tile for analyst dashboards. Shows query\n * description + filter summary chips, run count, last-run timestamp, and a\n * one-click \"run again\" action button. Optional star/favorite toggle.\n */\n\nexport interface SavedQueryFilter {\n  /** Filter label (e.g., \"احساس\") */\n  label: React.ReactNode\n  /** Filter value (e.g., \"منفی\") */\n  value: React.ReactNode\n}\n\nexport interface SavedQueryCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Saved query name */\n  name: React.ReactNode\n  /** Optional 1-line description */\n  description?: React.ReactNode\n  /** Filter chips (label + value pairs) */\n  filters?: SavedQueryFilter[]\n  /** Total run count */\n  runCount?: number\n  /** Last-run display (e.g., \"۲ روز پیش\") */\n  lastRun?: React.ReactNode\n  /** Run-now callback */\n  onRun?: () => void\n  /** Run button label override */\n  runLabel?: React.ReactNode\n  /** Favorite/star state. When set, renders the star toggle */\n  favorite?: {\n    starred: boolean\n    onChange: (next: boolean) => void\n  }\n  /** Locale @default 'fa' */\n  locale?: SupportedLocale\n}\n\nconst STRINGS: Record<SupportedLocale, { run: string; runs: string; star: string; unstar: string }> = {\n  fa: { run: 'اجرا', runs: 'اجرا', star: 'علاقه‌مندی', unstar: 'حذف از علاقه‌مندی‌ها' },\n  ar: { run: 'تشغيل', runs: 'تشغيل', star: 'مفضلة', unstar: 'إزالة من المفضلة' },\n  en: { run: 'Run', runs: 'runs', star: 'Favorite', unstar: 'Unfavorite' },\n}\n\nconst SavedQueryCard = React.forwardRef<HTMLDivElement, SavedQueryCardProps>(\n  (\n    { className, name, description, filters, runCount, lastRun, onRun, runLabel, favorite, locale = 'fa', ...props },\n    ref\n  ) => {\n    const t = STRINGS[locale] ?? STRINGS.fa\n    return (\n      <div\n        ref={ref}\n        data-slot=\"saved-query-card\"\n        className={cn('flex flex-col gap-3 rounded-lg border border-border bg-background p-4', className)}\n        {...props}\n      >\n        {/* Header */}\n        <div className=\"flex items-start gap-3\">\n          <Search className=\"size-4 mt-0.5 shrink-0 text-foreground-lighter\" aria-hidden=\"true\" />\n          <div className=\"flex-1 min-w-0\">\n            <h3 className=\"text-sm font-semibold text-foreground truncate\">{name}</h3>\n            {description && <p className=\"mt-0.5 text-xs text-foreground-lighter line-clamp-2\">{description}</p>}\n          </div>\n          {favorite && (\n            <button\n              type=\"button\"\n              onClick={() => favorite.onChange(!favorite.starred)}\n              className=\"shrink-0 inline-flex size-7 items-center justify-center rounded text-foreground-lighter hover:bg-surface-100 hover:text-foreground transition-colors\"\n              aria-label={favorite.starred ? t.unstar : t.star}\n              aria-pressed={favorite.starred}\n              data-slot=\"saved-query-card-favorite\"\n            >\n              <Star\n                className={cn('size-4', favorite.starred && 'fill-warning-default text-warning-default')}\n                aria-hidden=\"true\"\n              />\n            </button>\n          )}\n        </div>\n\n        {/* Filter chips */}\n        {filters && filters.length > 0 && (\n          <div className=\"flex flex-wrap gap-1.5\">\n            {filters.map((f, i) => (\n              <span\n                key={i}\n                className=\"inline-flex items-center gap-1 rounded-md border border-border bg-background-muted/40 px-2 py-0.5 text-2xs\"\n                data-slot=\"saved-query-card-filter\"\n              >\n                <span className=\"text-foreground-lighter\">{f.label}:</span>\n                <span className=\"text-foreground font-medium\">{f.value}</span>\n              </span>\n            ))}\n          </div>\n        )}\n\n        {/* Footer — meta + run button */}\n        <div className=\"flex items-center justify-between gap-2 pt-2 border-t border-border\">\n          <div className=\"flex items-center gap-3 text-2xs text-foreground-lighter\">\n            {typeof runCount === 'number' && (\n              <span className=\"tabular-nums\">\n                {convertToLocalNumbers(runCount, locale)} {t.runs}\n              </span>\n            )}\n            {lastRun && (\n              <span className=\"inline-flex items-center gap-1\">\n                <Clock className=\"size-3\" aria-hidden=\"true\" />\n                {lastRun}\n              </span>\n            )}\n          </div>\n          {onRun && (\n            <Button size=\"sm\" variant=\"outline\" onClick={onRun} className=\"gap-1.5\" data-slot=\"saved-query-card-run\">\n              <Play className=\"size-3\" aria-hidden=\"true\" />\n              {runLabel ?? t.run}\n            </Button>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\nSavedQueryCard.displayName = 'SavedQueryCard'\n\nexport { SavedQueryCard }\n"]}

package/dist/chunk-SZMVOHT7.cjs

@@ -0,0 +1,107 @@
+'use strict';
+
+var chunkNV4JOKWL_cjs = require('./chunk-NV4JOKWL.cjs');
+var React = require('react');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+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 SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+
+var Separator = React__namespace.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, children, ...props }, ref) => {
+    if (!children) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        SeparatorPrimitive__namespace.Root,
+        {
+          ref,
+          "data-slot": "separator",
+          decorative,
+          orientation,
+          className: chunkNV4JOKWL_cjs.cn(
+            "shrink-0 bg-border",
+            orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+            className
+          ),
+          ...props
+        }
+      );
+    }
+    if (orientation === "horizontal") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, "data-slot": "separator", className: chunkNV4JOKWL_cjs.cn("relative flex items-center w-full", className), ...props, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SeparatorPrimitive__namespace.Root,
+          {
+            "data-slot": "separator-line",
+            decorative,
+            orientation: "horizontal",
+            className: "flex-1 h-[1px] bg-border"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "separator-content", className: "px-3 text-sm text-muted-foreground whitespace-nowrap", children }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SeparatorPrimitive__namespace.Root,
+          {
+            "data-slot": "separator-line",
+            decorative,
+            orientation: "horizontal",
+            className: "flex-1 h-[1px] bg-border"
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "separator",
+        className: chunkNV4JOKWL_cjs.cn("relative flex flex-col items-center h-full", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            SeparatorPrimitive__namespace.Root,
+            {
+              "data-slot": "separator-line",
+              decorative,
+              orientation: "vertical",
+              className: "flex-1 w-[1px] bg-border"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "separator-content", className: "py-3 text-sm text-muted-foreground", children }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            SeparatorPrimitive__namespace.Root,
+            {
+              "data-slot": "separator-line",
+              decorative,
+              orientation: "vertical",
+              className: "flex-1 w-[1px] bg-border"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
+
+exports.Separator = Separator;
+//# sourceMappingURL=chunk-SZMVOHT7.cjs.map
+//# sourceMappingURL=chunk-SZMVOHT7.cjs.map

package/dist/chunk-SZMVOHT7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/separator.tsx"],"names":["React","jsx","SeparatorPrimitive","cn","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAM,SAAA,GAAkBA,gBAAA,CAAA,UAAA;AAAA,EACtB,CAAC,EAAE,SAAA,EAAW,WAAA,GAAc,YAAA,EAAc,UAAA,GAAa,IAAA,EAAM,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAEzF,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA,uBACEC,cAAA;AAAA,QAAoBC,6BAAA,CAAA,IAAA;AAAA,QAAnB;AAAA,UACC,GAAA;AAAA,UACA,WAAA,EAAU,WAAA;AAAA,UACV,UAAA;AAAA,UACA,WAAA;AAAA,UACA,SAAA,EAAWC,oBAAA;AAAA,YACT,oBAAA;AAAA,YACA,WAAA,KAAgB,eAAe,gBAAA,GAAmB,gBAAA;AAAA,YAClD;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,IAEJ;AAGA,IAAA,IAAI,gBAAgB,YAAA,EAAc;AAChC,MAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAA,EAAU,WAAA,EAAY,SAAA,EAAWD,oBAAA,CAAG,mCAAA,EAAqC,SAAS,CAAA,EAAI,GAAG,KAAA,EACtG,QAAA,EAAA;AAAA,wBAAAF,cAAA;AAAA,UAAoBC,6BAAA,CAAA,IAAA;AAAA,UAAnB;AAAA,YACC,WAAA,EAAU,gBAAA;AAAA,YACV,UAAA;AAAA,YACA,WAAA,EAAY,YAAA;AAAA,YACZ,SAAA,EAAU;AAAA;AAAA,SACZ;AAAA,uCACC,MAAA,EAAA,EAAK,WAAA,EAAU,mBAAA,EAAoB,SAAA,EAAU,wDAC3C,QAAA,EACH,CAAA;AAAA,wBACAD,cAAA;AAAA,UAAoBC,6BAAA,CAAA,IAAA;AAAA,UAAnB;AAAA,YACC,WAAA,EAAU,gBAAA;AAAA,YACV,UAAA;AAAA,YACA,WAAA,EAAY,YAAA;AAAA,YACZ,SAAA,EAAU;AAAA;AAAA;AACZ,OAAA,EACF,CAAA;AAAA,IAEJ;AAGA,IAAA,uBACEE,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,WAAA;AAAA,QACV,SAAA,EAAWD,oBAAA,CAAG,4CAAA,EAA8C,SAAS,CAAA;AAAA,QACpE,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAAF,cAAA;AAAA,YAAoBC,6BAAA,CAAA,IAAA;AAAA,YAAnB;AAAA,cACC,WAAA,EAAU,gBAAA;AAAA,cACV,UAAA;AAAA,cACA,WAAA,EAAY,UAAA;AAAA,cACZ,SAAA,EAAU;AAAA;AAAA,WACZ;AAAA,yCACC,MAAA,EAAA,EAAK,WAAA,EAAU,mBAAA,EAAoB,SAAA,EAAU,sCAC3C,QAAA,EACH,CAAA;AAAA,0BACAD,cAAA;AAAA,YAAoBC,6BAAA,CAAA,IAAA;AAAA,YAAnB;AAAA,cACC,WAAA,EAAU,gBAAA;AAAA,cACV,UAAA;AAAA,cACA,WAAA,EAAY,UAAA;AAAA,cACZ,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,cAAiCA,6BAAA,CAAA,IAAA,CAAK,WAAA","file":"chunk-SZMVOHT7.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\n\nimport { cn } from '@/lib/utils'\n\ninterface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {\n  children?: React.ReactNode\n}\n\nconst Separator = React.forwardRef<React.ElementRef<typeof SeparatorPrimitive.Root>, SeparatorProps>(\n  ({ className, orientation = 'horizontal', decorative = true, children, ...props }, ref) => {\n    // If there's no children, render the default separator\n    if (!children) {\n      return (\n        <SeparatorPrimitive.Root\n          ref={ref}\n          data-slot=\"separator\"\n          decorative={decorative}\n          orientation={orientation}\n          className={cn(\n            'shrink-0 bg-border',\n            orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n            className\n          )}\n          {...props}\n        />\n      )\n    }\n\n    // If there are children (text), render separator with text\n    if (orientation === 'horizontal') {\n      return (\n        <div ref={ref} data-slot=\"separator\" className={cn('relative flex items-center w-full', className)} {...props}>\n          <SeparatorPrimitive.Root\n            data-slot=\"separator-line\"\n            decorative={decorative}\n            orientation=\"horizontal\"\n            className=\"flex-1 h-[1px] bg-border\"\n          />\n          <span data-slot=\"separator-content\" className=\"px-3 text-sm text-muted-foreground whitespace-nowrap\">\n            {children}\n          </span>\n          <SeparatorPrimitive.Root\n            data-slot=\"separator-line\"\n            decorative={decorative}\n            orientation=\"horizontal\"\n            className=\"flex-1 h-[1px] bg-border\"\n          />\n        </div>\n      )\n    }\n\n    // For vertical orientation with text (less common)\n    return (\n      <div\n        ref={ref}\n        data-slot=\"separator\"\n        className={cn('relative flex flex-col items-center h-full', className)}\n        {...props}\n      >\n        <SeparatorPrimitive.Root\n          data-slot=\"separator-line\"\n          decorative={decorative}\n          orientation=\"vertical\"\n          className=\"flex-1 w-[1px] bg-border\"\n        />\n        <span data-slot=\"separator-content\" className=\"py-3 text-sm text-muted-foreground\">\n          {children}\n        </span>\n        <SeparatorPrimitive.Root\n          data-slot=\"separator-line\"\n          decorative={decorative}\n          orientation=\"vertical\"\n          className=\"flex-1 w-[1px] bg-border\"\n        />\n      </div>\n    )\n  }\n)\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n"]}

package/dist/chunk-TWJXOV4C.js

@@ -0,0 +1,145 @@
+import { useChartTheme, localeAwareCategoryTick, localeAwareNumberTick, ChartLoadingSkeleton, ChartContainer, ChartTooltip, ChartLegend } from './chunk-PYURPUTV.js';
+import * as React from 'react';
+import { ResponsiveContainer, BarChart, CartesianGrid, XAxis, YAxis, Tooltip, Bar } from 'recharts';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var PartoBarChart = React.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 } = useChartTheme();
+  const categoryTick = React.useMemo(() => localeAwareCategoryTick(locale), [locale]);
+  const numberTick = React.useMemo(() => localeAwareNumberTick(locale), [locale]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(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__ */ jsx(ChartContainer, { ref, className, dataSlot: "bar-chart", ariaLabel, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ jsx("div", { style: { flex: 1, minHeight: 0 }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(
+      BarChart,
+      {
+        data,
+        layout: rechartsLayout,
+        margin,
+        barCategoryGap,
+        barGap,
+        ...chartProps,
+        children: [
+          (enableGridX || enableGridY) && /* @__PURE__ */ jsx(
+            CartesianGrid,
+            {
+              horizontal: enableGridY,
+              vertical: enableGridX,
+              stroke: gridStyle.stroke,
+              strokeDasharray: gridStyle.strokeDasharray,
+              strokeOpacity: gridStyle.strokeOpacity
+            }
+          ),
+          rechartsLayout === "horizontal" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            axisBottom !== null && /* @__PURE__ */ jsx(
+              XAxis,
+              {
+                dataKey: indexBy,
+                tick: axisTickStyle,
+                tickLine: false,
+                axisLine: false,
+                tickMargin: 12,
+                tickFormatter: categoryTick,
+                ...axisBottom
+              }
+            ),
+            axisLeft !== null && /* @__PURE__ */ jsx(
+              YAxis,
+              {
+                tick: axisTickStyle,
+                tickLine: false,
+                axisLine: false,
+                tickMargin: 12,
+                tickFormatter: numberTick,
+                ...axisLeft
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            axisLeft !== null && /* @__PURE__ */ jsx(
+              YAxis,
+              {
+                dataKey: indexBy,
+                type: "category",
+                tick: axisTickStyle,
+                tickLine: false,
+                axisLine: false,
+                tickMargin: 12,
+                tickFormatter: categoryTick,
+                ...axisLeft
+              }
+            ),
+            axisBottom !== null && /* @__PURE__ */ jsx(
+              XAxis,
+              {
+                type: "number",
+                tick: axisTickStyle,
+                tickLine: false,
+                axisLine: false,
+                tickMargin: 12,
+                tickFormatter: numberTick,
+                ...axisBottom
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              cursor: { fill: "hsl(0 0% 50% / 0.05)" },
+              content: /* @__PURE__ */ jsx(ChartTooltip, { tooltipStyle, formatter: tooltipFormatter, locale })
+            }
+          ),
+          keys.map((key, i) => /* @__PURE__ */ jsx(
+            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__ */ jsx(ChartLegend, { items: legendItems, style: { paddingTop: 12 } })
+  ] }) });
+});
+PartoBarChart.displayName = "PartoBarChart";
+
+export { PartoBarChart };
+//# sourceMappingURL=chunk-TWJXOV4C.js.map
+//# sourceMappingURL=chunk-TWJXOV4C.js.map

package/dist/chunk-TWJXOV4C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/charts/PartoBarChart.tsx"],"names":["PartoBarChart"],"mappings":"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","file":"chunk-TWJXOV4C.js","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"]}