@parto-system-design/ui 1.1.5 → 1.1.8

package/dist/chunk-OQB6HIUL.cjs

@@ -0,0 +1,108 @@
+'use strict';
+
+var chunkMMC6M35Q_cjs = require('./chunk-MMC6M35Q.cjs');
+var chunkNV4JOKWL_cjs = require('./chunk-NV4JOKWL.cjs');
+var lucideReact = require('lucide-react');
+var reactDayPicker = require('react-day-picker');
+var persian = require('react-day-picker/persian');
+var locale = require('date-fns/locale');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  usePersianCalendar = false,
+  ...props
+}) {
+  const PickerComponent = usePersianCalendar ? persian.DayPicker : reactDayPicker.DayPicker;
+  const englishFormatters = !usePersianCalendar ? {
+    formatDay: (date) => {
+      if (!date || !(date instanceof Date)) {
+        return "";
+      }
+      const dayNumber = date.getDate();
+      return new Intl.NumberFormat("en-US", { useGrouping: false }).format(dayNumber);
+    },
+    formatWeekdayName: (date) => {
+      if (!date || !(date instanceof Date)) {
+        return "";
+      }
+      return new Intl.DateTimeFormat("en-US", { weekday: "short" }).format(date);
+    },
+    formatMonthCaption: (date) => {
+      if (!date || !(date instanceof Date)) {
+        return "";
+      }
+      return new Intl.DateTimeFormat("en-US", { month: "long", year: "numeric" }).format(date);
+    }
+  } : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "calendar", children: /* @__PURE__ */ jsxRuntime.jsx(
+    PickerComponent,
+    {
+      dir: usePersianCalendar ? "rtl" : "ltr",
+      locale: usePersianCalendar ? void 0 : locale.enUS,
+      formatters: englishFormatters,
+      showOutsideDays,
+      className: chunkNV4JOKWL_cjs.cn("p-6", usePersianCalendar ? "" : "font-sans", className),
+      classNames: {
+        months: "flex flex-col sm:flex-row gap-y-4  sm:gap-y-0",
+        month: "gap-y-4 mx-2",
+        month_caption: "flex justify-center pt-1 relative items-center h-7",
+        caption_label: "text-sm font-medium truncate",
+        button_previous: chunkNV4JOKWL_cjs.cn(
+          chunkMMC6M35Q_cjs.buttonVariants({ variant: "outline" }),
+          "absolute  start-2 size-7 bg-transparent p-0 opacity-50 hover:opacity-100 border-0"
+        ),
+        button_next: chunkNV4JOKWL_cjs.cn(
+          chunkMMC6M35Q_cjs.buttonVariants({ variant: "outline" }),
+          "absolute  end-2 size-7 bg-transparent p-0 opacity-50 hover:opacity-100 border-0"
+        ),
+        month_grid: "mt-4",
+        weekdays: "flex flex-row",
+        weekday: "text-muted-foreground rounded-md size-9 font-normal text-xs flex items-center justify-center",
+        week: "flex w-full mt-2",
+        day: chunkNV4JOKWL_cjs.cn("size-9 text-center text-sm p-0 relative", "focus-within:relative focus-within:z-20"),
+        day_button: chunkNV4JOKWL_cjs.cn(
+          "w-full cursor-pointer h-full p-0 font-normal rounded-md",
+          "aria-selected:opacity-100",
+          "border-0 shadow-none outline-none",
+          "transition-colors duration-150",
+          "hover:bg-accent hover:text-accent-foreground",
+          "focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
+          "flex items-center justify-center",
+          "text-foreground"
+        ),
+        range_start: "day-range-start",
+        range_end: "day-range-end",
+        selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground rounded-md",
+        today: "bg-accent text-accent-foreground",
+        outside: "day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground",
+        disabled: "text-muted-foreground opacity-50",
+        range_middle: "aria-selected:bg-primary/20 aria-selected:text-foreground rounded-none",
+        hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation }) => {
+          if (usePersianCalendar) {
+            if (orientation === "left") {
+              return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4" });
+            }
+            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4" });
+          }
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4" });
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4" });
+        }
+      },
+      ...props
+    }
+  ) });
+}
+Calendar.displayName = "Calendar";
+
+exports.Calendar = Calendar;
+//# sourceMappingURL=chunk-OQB6HIUL.cjs.map
+//# sourceMappingURL=chunk-OQB6HIUL.cjs.map

package/dist/chunk-OQB6HIUL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/calendar.tsx"],"names":["PersianDayPicker","DayPicker","jsx","enUS","cn","buttonVariants","ChevronRight","ChevronLeft"],"mappings":"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","file":"chunk-OQB6HIUL.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { DayPicker } from 'react-day-picker'\nimport { DayPicker as PersianDayPicker } from 'react-day-picker/persian'\nimport { enUS } from 'date-fns/locale'\n\nimport { cn } from '@/lib/utils'\nimport { buttonVariants } from './button'\n\nexport type CalendarProps = {\n  usePersianCalendar?: boolean\n  className?: string\n  classNames?: Partial<Record<string, string>>\n  showOutsideDays?: boolean\n} & (React.ComponentProps<typeof DayPicker> | React.ComponentProps<typeof PersianDayPicker>)\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  usePersianCalendar = false,\n  ...props\n}: CalendarProps) {\n  const PickerComponent = usePersianCalendar ? PersianDayPicker : DayPicker\n\n  // Formatters for English numbers in Gregorian calendar\n  const englishFormatters = !usePersianCalendar\n    ? {\n        formatDay: (date: Date) => {\n          // Force English numbers using Intl.NumberFormat with en-US locale\n          if (!date || !(date instanceof Date)) {\n            return ''\n          }\n          const dayNumber = date.getDate()\n          return new Intl.NumberFormat('en-US', { useGrouping: false }).format(dayNumber)\n        },\n        formatWeekdayName: (date: Date) => {\n          if (!date || !(date instanceof Date)) {\n            return ''\n          }\n          return new Intl.DateTimeFormat('en-US', { weekday: 'short' }).format(date)\n        },\n        formatMonthCaption: (date: Date) => {\n          if (!date || !(date instanceof Date)) {\n            return ''\n          }\n          return new Intl.DateTimeFormat('en-US', { month: 'long', year: 'numeric' }).format(date)\n        },\n      }\n    : undefined\n\n  return (\n    <div data-slot=\"calendar\">\n      <PickerComponent\n        dir={usePersianCalendar ? 'rtl' : 'ltr'}\n        locale={usePersianCalendar ? undefined : enUS}\n        formatters={englishFormatters}\n        showOutsideDays={showOutsideDays}\n        className={cn('p-6', usePersianCalendar ? '' : 'font-sans', className)}\n        classNames={{\n          months: 'flex flex-col sm:flex-row gap-y-4  sm:gap-y-0',\n          month: 'gap-y-4 mx-2',\n          month_caption: 'flex justify-center pt-1 relative items-center h-7',\n          caption_label: 'text-sm font-medium truncate',\n          button_previous: cn(\n            buttonVariants({ variant: 'outline' }),\n            'absolute  start-2 size-7 bg-transparent p-0 opacity-50 hover:opacity-100 border-0'\n          ),\n          button_next: cn(\n            buttonVariants({ variant: 'outline' }),\n            'absolute  end-2 size-7 bg-transparent p-0 opacity-50 hover:opacity-100 border-0'\n          ),\n          month_grid: 'mt-4',\n          weekdays: 'flex flex-row',\n          weekday: 'text-muted-foreground rounded-md size-9 font-normal text-xs flex items-center justify-center',\n          week: 'flex w-full mt-2',\n          day: cn('size-9 text-center text-sm p-0 relative', 'focus-within:relative focus-within:z-20'),\n          day_button: cn(\n            'w-full cursor-pointer h-full p-0 font-normal rounded-md',\n            'aria-selected:opacity-100',\n            'border-0 shadow-none outline-none',\n            'transition-colors duration-150',\n            'hover:bg-accent hover:text-accent-foreground',\n            'focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2',\n            'flex items-center justify-center',\n            'text-foreground'\n          ),\n          range_start: 'day-range-start',\n          range_end: 'day-range-end',\n          selected:\n            'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground rounded-md',\n          today: 'bg-accent text-accent-foreground',\n          outside: 'day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground',\n          disabled: 'text-muted-foreground opacity-50',\n          range_middle: 'aria-selected:bg-primary/20 aria-selected:text-foreground rounded-none',\n          hidden: 'invisible',\n          ...classNames,\n        }}\n        components={{\n          Chevron: ({ orientation }) => {\n            // برای RTL (تقویم شمسی) فلش‌ها معکوس می‌شوند\n            if (usePersianCalendar) {\n              if (orientation === 'left') {\n                return <ChevronRight className=\"size-4\" />\n              }\n              return <ChevronLeft className=\"size-4\" />\n            }\n            // برای LTR (تقویم میلادی) فلش‌ها طبیعی هستند\n            if (orientation === 'left') {\n              return <ChevronLeft className=\"size-4\" />\n            }\n            return <ChevronRight className=\"size-4\" />\n          },\n        }}\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        {...(props as any)}\n      />\n    </div>\n  )\n}\nCalendar.displayName = 'Calendar'\n\nexport { Calendar }\n"]}

package/dist/chunk-OS6CMYAS.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+var chunkNV4JOKWL_cjs = require('./chunk-NV4JOKWL.cjs');
+var React = require('react');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+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 TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
+
+var TooltipProvider = TooltipPrimitive__namespace.Provider;
+var Tooltip = TooltipPrimitive__namespace.Root;
+var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
+var TooltipContent = React__namespace.forwardRef(
+  ({ className, variant = "default", size = "sm", showArrow = false, sideOffset = 4, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    TooltipPrimitive__namespace.Content,
+    {
+      ref,
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: chunkNV4JOKWL_cjs.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__ */ jsxRuntime.jsx(
+          TooltipPrimitive__namespace.Arrow,
+          {
+            className: chunkNV4JOKWL_cjs.cn(
+              "fill-current",
+              variant === "default" && "text-alternative",
+              variant === "light" && "text-surface-100",
+              variant === "error" && "text-destructive-200"
+            ),
+            width: 8,
+            height: 4
+          }
+        )
+      ]
+    }
+  ) })
+);
+TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
+
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+//# sourceMappingURL=chunk-OS6CMYAS.cjs.map
+//# sourceMappingURL=chunk-OS6CMYAS.cjs.map

package/dist/chunk-OS6CMYAS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/tooltip.tsx"],"names":["TooltipPrimitive","React","jsx","jsxs","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,eAAA,GAAmCA,2BAAA,CAAA;AAEzC,IAAM,OAAA,GAA2BA,2BAAA,CAAA;AAEjC,IAAM,cAAA,GAAkCA,2BAAA,CAAA;AAexC,IAAM,cAAA,GAAuBC,gBAAA,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,qBACvGC,cAAA,CAAkBF,oCAAjB,EACC,QAAA,kBAAAG,eAAA;AAAA,IAAkBH,2BAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,iBAAA;AAAA,MACV,UAAA;AAAA,MACA,SAAA,EAAWI,oBAAA;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,oBACCF,cAAA;AAAA,UAAkBF,2BAAA,CAAA,KAAA;AAAA,UAAjB;AAAA,YACC,SAAA,EAAWI,oBAAA;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+BJ,2BAAA,CAAA,OAAA,CAAQ,WAAA","file":"chunk-OS6CMYAS.cjs","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-PYURPUTV.js

@@ -0,0 +1,402 @@
+import { Skeleton } from './chunk-SB5DSYR5.js';
+import { formatLargeNumber, convertToLocalNumbers } from './chunk-4SVQNEVH.js';
+import * as React2 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 React2.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 = React2.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);
+}
+var PATTERN_DASHARRAY = {
+  solid: void 0,
+  dashed: "4 3",
+  dotted: "1 3",
+  "dash-dot": "4 2 1 2"
+};
+var ChartLegend = React2.forwardRef(
+  ({ className, items, orientation = "horizontal", swatchSize = 10, ...props }, ref) => {
+    const isVertical = orientation === "vertical";
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "chart-legend",
+        "data-orientation": orientation,
+        className,
+        style: {
+          display: "flex",
+          flexWrap: isVertical ? "nowrap" : "wrap",
+          flexDirection: isVertical ? "column" : "row",
+          gap: isVertical ? "6px" : "12px 16px",
+          fontSize: 12,
+          color: "hsl(var(--foreground-light))"
+        },
+        role: "list",
+        ...props,
+        children: items.map((item) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "listitem",
+            "data-slot": "chart-legend-item",
+            style: { display: "inline-flex", alignItems: "center", gap: 6, lineHeight: 1.2 },
+            children: [
+              /* @__PURE__ */ jsx(
+                ChartLegendSwatch,
+                {
+                  color: item.color,
+                  shape: item.shape ?? "dot",
+                  pattern: item.pattern ?? "solid",
+                  size: swatchSize
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { style: { fontWeight: 500 }, children: item.label }),
+              item.value !== void 0 && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: { marginInlineStart: 4, fontVariantNumeric: "tabular-nums", opacity: 0.7 },
+                  "data-slot": "chart-legend-value",
+                  children: item.value
+                }
+              )
+            ]
+          },
+          item.key
+        ))
+      }
+    );
+  }
+);
+ChartLegend.displayName = "ChartLegend";
+function ChartLegendSwatch({
+  color,
+  shape,
+  pattern,
+  size
+}) {
+  if (shape === "dot") {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        style: {
+          display: "inline-block",
+          width: size,
+          height: size,
+          borderRadius: "50%",
+          backgroundColor: color,
+          flexShrink: 0
+        }
+      }
+    );
+  }
+  if (shape === "bar") {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        style: {
+          display: "inline-block",
+          width: size + 4,
+          height: Math.max(3, Math.round(size / 2.5)),
+          borderRadius: 2,
+          backgroundColor: color,
+          flexShrink: 0
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      width: size + 8,
+      height: Math.max(8, Math.round(size / 1.5)),
+      viewBox: `0 0 ${size + 8} ${Math.max(8, Math.round(size / 1.5))}`,
+      style: { flexShrink: 0 },
+      children: /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: 1,
+          y1: Math.max(8, Math.round(size / 1.5)) / 2,
+          x2: size + 7,
+          y2: Math.max(8, Math.round(size / 1.5)) / 2,
+          stroke: color,
+          strokeWidth: 2,
+          strokeLinecap: "round",
+          strokeDasharray: PATTERN_DASHARRAY[pattern]
+        }
+      )
+    }
+  );
+}
+var ChartGradientLegend = React2.forwardRef(
+  ({
+    className,
+    startColor,
+    endColor,
+    startLabel,
+    endLabel,
+    caption,
+    width = 160,
+    height = 8,
+    "aria-label": ariaLabelProp,
+    ...props
+  }, ref) => {
+    const ariaLabel = ariaLabelProp ?? (typeof startLabel === "string" && typeof endLabel === "string" ? `${startLabel} \u062A\u0627 ${endLabel}` : "\u0645\u0642\u06CC\u0627\u0633 \u0631\u0646\u06AF");
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "chart-gradient-legend",
+        className,
+        role: "img",
+        "aria-label": ariaLabel,
+        style: {
+          display: "inline-flex",
+          flexDirection: "column",
+          gap: 4,
+          fontSize: 12,
+          color: "hsl(var(--foreground-light))"
+        },
+        ...props,
+        children: [
+          caption && /* @__PURE__ */ jsx("div", { "data-slot": "chart-gradient-legend-caption", style: { fontWeight: 500 }, children: caption }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "chart-gradient-legend-bar",
+              "aria-hidden": "true",
+              style: {
+                width,
+                height,
+                borderRadius: height / 2,
+                background: `linear-gradient(to right, ${startColor}, ${endColor})`
+              }
+            }
+          ),
+          (startLabel !== void 0 || endLabel !== void 0) && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "space-between",
+                width,
+                fontVariantNumeric: "tabular-nums",
+                opacity: 0.85
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { "data-slot": "chart-gradient-legend-start", children: startLabel }),
+                /* @__PURE__ */ jsx("span", { "data-slot": "chart-gradient-legend-end", children: endLabel })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ChartGradientLegend.displayName = "ChartGradientLegend";
+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, ChartGradientLegend, ChartLegend, ChartLoadingSkeleton, ChartTooltip, localeAwareCategoryTick, localeAwareNumberTick, transformNivoLineData, useChartTheme, useRootStyles };
+//# sourceMappingURL=chunk-PYURPUTV.js.map
+//# sourceMappingURL=chunk-PYURPUTV.js.map