@etus/ui 0.4.0-beta.15 → 0.4.0-beta.16

package/dist/chunk-COZXTBIU.js

@@ -0,0 +1,176 @@
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuLabel, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuItem } from './chunk-OXDWUKGP.js';
+import { Avatar, AvatarImage, AvatarFallback } from './chunk-3BBOSSDG.js';
+import { Badge } from './chunk-4GVOOXYD.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { ChevronsUpDown, Check } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var MAX_NAVIGATION_DEPTH = 3;
+function getCurrentAccount(accounts) {
+  for (const account of accounts) {
+    if (account.isCurrent) {
+      return account;
+    }
+    const currentChild = getCurrentAccount(account.children ?? []);
+    if (currentChild) {
+      return currentChild;
+    }
+  }
+  return void 0;
+}
+function AccountSwitchItemContent({
+  account,
+  isCurrent
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Avatar, { size: "xs", children: [
+      account.avatarSrc && /* @__PURE__ */ jsx(AvatarImage, { alt: account.name, src: account.avatarSrc }),
+      /* @__PURE__ */ jsx(AvatarFallback, { children: account.avatarFallback ?? account.name.charAt(0) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: account.name }),
+    account.plan && /* @__PURE__ */ jsx(
+      Badge,
+      {
+        color: account.plan === "PRO" ? "primary" : "muted",
+        size: "sm",
+        type: "pill-color",
+        children: account.plan
+      }
+    ),
+    isCurrent && /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-3.5 text-primary" })
+  ] });
+}
+function AccountSwitch({
+  className,
+  accounts,
+  triggerShape = "pill",
+  placement = "sidebar",
+  header,
+  footer,
+  onSelect,
+  ...props
+}) {
+  const currentAccount = getCurrentAccount(accounts) ?? accounts[0];
+  const contentAlign = placement === "header" ? "end" : "start";
+  const handleSelect = (account) => {
+    if (!account.disabled && account.id !== currentAccount?.id) {
+      onSelect?.(account);
+    }
+  };
+  const renderAccountItem = (account, depth) => {
+    const children = depth < MAX_NAVIGATION_DEPTH ? account.children ?? [] : [];
+    const hasChildren = children.length > 0;
+    const isCurrent = account.id === currentAccount?.id;
+    const stateProps = {
+      "aria-current": isCurrent ? "true" : void 0,
+      "data-selected": isCurrent ? "true" : void 0
+    };
+    if (hasChildren) {
+      return /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+        /* @__PURE__ */ jsx(
+          DropdownMenuSubTrigger,
+          {
+            className: cn(
+              "flex min-w-0 items-center gap-2",
+              isCurrent && "bg-accent text-accent-foreground"
+            ),
+            "data-account-switch-level": depth,
+            disabled: account.disabled,
+            ...stateProps,
+            children: /* @__PURE__ */ jsx(AccountSwitchItemContent, { account, isCurrent })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DropdownMenuSubContent,
+          {
+            className: "min-w-[var(--account-switch-content-min-width)]",
+            "data-account-switch-level": depth + 1,
+            children: /* @__PURE__ */ jsx(DropdownMenuGroup, { children: children.map(
+              (childAccount) => renderAccountItem(childAccount, depth + 1)
+            ) })
+          }
+        )
+      ] }, account.id);
+    }
+    return /* @__PURE__ */ jsx(
+      DropdownMenuItem,
+      {
+        className: cn(
+          "flex min-w-0 items-center gap-2",
+          isCurrent && "bg-accent text-accent-foreground"
+        ),
+        "data-account-switch-level": depth,
+        disabled: account.disabled,
+        onClick: () => {
+          handleSelect(account);
+        },
+        ...stateProps,
+        children: /* @__PURE__ */ jsx(AccountSwitchItemContent, { account, isCurrent })
+      },
+      account.id
+    );
+  };
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: cn(
+          "inline-flex min-w-0 items-center gap-2 h-[var(--input-size-md-h)] border bg-card text-card-foreground transition-colors hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
+          triggerShape === "pill" ? "rounded-full pl-1.5 pr-3" : "rounded-[var(--radius-md)] px-3",
+          className
+        ),
+        "data-placement": placement,
+        "data-slot": "account-switch-trigger",
+        type: "button",
+        ...props,
+        children: [
+          currentAccount && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(Avatar, { size: "xs", children: [
+              currentAccount.avatarSrc && /* @__PURE__ */ jsx(
+                AvatarImage,
+                {
+                  alt: currentAccount.name,
+                  src: currentAccount.avatarSrc
+                }
+              ),
+              /* @__PURE__ */ jsx(AvatarFallback, { children: currentAccount.avatarFallback ?? currentAccount.name.charAt(0) })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium max-w-[var(--account-switch-name-max-width)]", children: currentAccount.name })
+          ] }),
+          /* @__PURE__ */ jsx(
+            ChevronsUpDown,
+            {
+              "aria-hidden": "true",
+              className: "size-3.5 text-muted-foreground shrink-0 ml-auto"
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      DropdownMenuContent,
+      {
+        align: contentAlign,
+        className: "min-w-[var(--account-switch-content-min-width)]",
+        "data-placement": placement,
+        "data-slot": "account-switch-content",
+        children: [
+          header && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5", children: header }),
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+          ] }),
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Contas" }),
+          /* @__PURE__ */ jsx(DropdownMenuGroup, { children: accounts.map((account) => renderAccountItem(account, 1)) }),
+          footer && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            footer
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+export { AccountSwitch };
+//# sourceMappingURL=chunk-COZXTBIU.js.map
+//# sourceMappingURL=chunk-COZXTBIU.js.map

package/dist/chunk-COZXTBIU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/AccountSwitch/AccountSwitch.tsx"],"names":[],"mappings":"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","file":"chunk-COZXTBIU.js","sourcesContent":["\"use client\";\n\nimport type {\n  AccountSwitchAccount,\n  AccountSwitchProps,\n} from \"./AccountSwitch.types\";\n\nimport { Check, ChevronsUpDown } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../primitives/Avatar\";\nimport { Badge } from \"../../primitives/Badge\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"../DropdownMenu\";\n\nconst MAX_NAVIGATION_DEPTH = 3;\n\nfunction getCurrentAccount(\n  accounts: AccountSwitchAccount[],\n): AccountSwitchAccount | undefined {\n  for (const account of accounts) {\n    if (account.isCurrent) {\n      return account;\n    }\n\n    const currentChild = getCurrentAccount(account.children ?? []);\n    if (currentChild) {\n      return currentChild;\n    }\n  }\n\n  return undefined;\n}\n\nfunction AccountSwitchItemContent({\n  account,\n  isCurrent,\n}: {\n  account: AccountSwitchAccount;\n  isCurrent: boolean;\n}) {\n  return (\n    <>\n      <Avatar size=\"xs\">\n        {account.avatarSrc && (\n          <AvatarImage alt={account.name} src={account.avatarSrc} />\n        )}\n        <AvatarFallback>\n          {account.avatarFallback ?? account.name.charAt(0)}\n        </AvatarFallback>\n      </Avatar>\n      <span className=\"min-w-0 flex-1 truncate\">{account.name}</span>\n      {account.plan && (\n        <Badge\n          color={account.plan === \"PRO\" ? \"primary\" : \"muted\"}\n          size=\"sm\"\n          type=\"pill-color\"\n        >\n          {account.plan}\n        </Badge>\n      )}\n      {isCurrent && (\n        <Check aria-hidden=\"true\" className=\"size-3.5 text-primary\" />\n      )}\n    </>\n  );\n}\n\nfunction AccountSwitch({\n  className,\n  accounts,\n  triggerShape = \"pill\",\n  placement = \"sidebar\",\n  header,\n  footer,\n  onSelect,\n  ...props\n}: AccountSwitchProps) {\n  const currentAccount = getCurrentAccount(accounts) ?? accounts[0];\n  const contentAlign = placement === \"header\" ? \"end\" : \"start\";\n\n  const handleSelect = (account: AccountSwitchAccount) => {\n    if (!account.disabled && account.id !== currentAccount?.id) {\n      onSelect?.(account);\n    }\n  };\n\n  const renderAccountItem = (account: AccountSwitchAccount, depth: number) => {\n    const children =\n      depth < MAX_NAVIGATION_DEPTH ? (account.children ?? []) : [];\n    const hasChildren = children.length > 0;\n    const isCurrent = account.id === currentAccount?.id;\n    const stateProps = {\n      \"aria-current\": isCurrent ? (\"true\" as const) : undefined,\n      \"data-selected\": isCurrent ? \"true\" : undefined,\n    };\n\n    if (hasChildren) {\n      return (\n        <DropdownMenuSub key={account.id}>\n          <DropdownMenuSubTrigger\n            className={cn(\n              \"flex min-w-0 items-center gap-2\",\n              isCurrent && \"bg-accent text-accent-foreground\",\n            )}\n            data-account-switch-level={depth}\n            disabled={account.disabled}\n            {...stateProps}\n          >\n            <AccountSwitchItemContent account={account} isCurrent={isCurrent} />\n          </DropdownMenuSubTrigger>\n          <DropdownMenuSubContent\n            className=\"min-w-[var(--account-switch-content-min-width)]\"\n            data-account-switch-level={depth + 1}\n          >\n            <DropdownMenuGroup>\n              {children.map((childAccount) =>\n                renderAccountItem(childAccount, depth + 1),\n              )}\n            </DropdownMenuGroup>\n          </DropdownMenuSubContent>\n        </DropdownMenuSub>\n      );\n    }\n\n    return (\n      <DropdownMenuItem\n        key={account.id}\n        className={cn(\n          \"flex min-w-0 items-center gap-2\",\n          isCurrent && \"bg-accent text-accent-foreground\",\n        )}\n        data-account-switch-level={depth}\n        disabled={account.disabled}\n        onClick={() => {\n          handleSelect(account);\n        }}\n        {...stateProps}\n      >\n        <AccountSwitchItemContent account={account} isCurrent={isCurrent} />\n      </DropdownMenuItem>\n    );\n  };\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <button\n          className={cn(\n            \"inline-flex min-w-0 items-center gap-2 h-[var(--input-size-md-h)] border bg-card text-card-foreground transition-colors hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none\",\n            triggerShape === \"pill\"\n              ? \"rounded-full pl-1.5 pr-3\"\n              : \"rounded-[var(--radius-md)] px-3\",\n            className,\n          )}\n          data-placement={placement}\n          data-slot=\"account-switch-trigger\"\n          type=\"button\"\n          {...props}\n        >\n          {currentAccount && (\n            <>\n              <Avatar size=\"xs\">\n                {currentAccount.avatarSrc && (\n                  <AvatarImage\n                    alt={currentAccount.name}\n                    src={currentAccount.avatarSrc}\n                  />\n                )}\n                <AvatarFallback>\n                  {currentAccount.avatarFallback ??\n                    currentAccount.name.charAt(0)}\n                </AvatarFallback>\n              </Avatar>\n              <span className=\"truncate text-sm font-medium max-w-[var(--account-switch-name-max-width)]\">\n                {currentAccount.name}\n              </span>\n            </>\n          )}\n          <ChevronsUpDown\n            aria-hidden=\"true\"\n            className=\"size-3.5 text-muted-foreground shrink-0 ml-auto\"\n          />\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align={contentAlign}\n        className=\"min-w-[var(--account-switch-content-min-width)]\"\n        data-placement={placement}\n        data-slot=\"account-switch-content\"\n      >\n        {header && (\n          <>\n            <div className=\"px-2 py-1.5\">{header}</div>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        <DropdownMenuLabel className=\"text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n          Contas\n        </DropdownMenuLabel>\n        <DropdownMenuGroup>\n          {accounts.map((account) => renderAccountItem(account, 1))}\n        </DropdownMenuGroup>\n        {footer && (\n          <>\n            <DropdownMenuSeparator />\n            {footer}\n          </>\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nexport { AccountSwitch };\n"]}

package/dist/{chunk-37IIHQP4.js → chunk-IMUBWKZC.js}

@@ -1,7 +1,7 @@
 import { ChartTooltipContent, ChartContainer, ChartTooltip, ChartLegend, ChartLegendContent } from './chunk-7I6KK6QE.js';
 import { cn } from './chunk-HRNDJU7D.js';
 import * as React from 'react';
-import { BarChart as BarChart$1, CartesianGrid, XAxis, Label, YAxis, Bar } from 'recharts';
+import { BarChart as BarChart$1, CartesianGrid, XAxis, Label, YAxis, Bar, LabelList } from 'recharts';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function normalizeSeriesConfig(series) {
@@ -9,6 +9,43 @@ function normalizeSeriesConfig(series) {
     (s) => typeof s === "string" ? { dataKey: s } : s
   );
 }
+function renderBarValueLabel(isHorizontal, formatter) {
+  return function BarValueLabel(labelProps) {
+    const props = labelProps;
+    if (props.value == null) return null;
+    const value = Number(props.value);
+    const height = Number(props.height ?? 0);
+    const width = Number(props.width ?? 0);
+    const x = Number(props.x ?? 0);
+    const y = Number(props.y ?? 0);
+    const text = formatter ? formatter(value) : String(props.value);
+    const negative = value < 0;
+    if ((isHorizontal ? width : height) === 0) return null;
+    if (isHorizontal) {
+      return /* @__PURE__ */ jsx(
+        "text",
+        {
+          className: "fill-foreground text-xs",
+          dominantBaseline: "central",
+          textAnchor: negative ? "end" : "start",
+          x: negative ? x - 6 : x + width + 6,
+          y: y + height / 2,
+          children: text
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "text",
+      {
+        className: "fill-foreground text-xs",
+        textAnchor: "middle",
+        x: x + width / 2,
+        y: negative ? y + height + 14 : Math.max(y - 6, 12),
+        children: text
+      }
+    );
+  };
+}
 function BarChart({
   allowDecimals = true,
   ariaLabel,
@@ -31,6 +68,7 @@ function BarChart({
   series,
   showGrid = true,
   showLegend = false,
+  showValueLabels = false,
   showTooltip = true,
   showXAxis = true,
   showYAxis = true,
@@ -213,7 +251,17 @@ function BarChart({
                       radius: barRadius,
                       stackId: isStacked ? "bar-stack" : stackId,
                       style: onValueChange ? { cursor: "pointer" } : void 0,
-                      onClick: onValueChange ? handleBarClick(dataKey) : void 0
+                      onClick: onValueChange ? handleBarClick(dataKey) : void 0,
+                      children: showValueLabels ? /* @__PURE__ */ jsx(
+                        LabelList,
+                        {
+                          content: renderBarValueLabel(
+                            isHorizontal,
+                            typeof showValueLabels === "object" ? showValueLabels.formatter : void 0
+                          ),
+                          dataKey
+                        }
+                      ) : null
                     },
                     dataKey
                   );
@@ -229,5 +277,5 @@ function BarChart({
 BarChart.displayName = "BarChart";
 
 export { BarChart };
-//# sourceMappingURL=chunk-37IIHQP4.js.map
-//# sourceMappingURL=chunk-37IIHQP4.js.map
+//# sourceMappingURL=chunk-IMUBWKZC.js.map
+//# sourceMappingURL=chunk-IMUBWKZC.js.map

package/dist/chunk-IMUBWKZC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/BarChart/BarChart.tsx"],"names":["data","props","RechartsBarChart"],"mappings":"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","file":"chunk-IMUBWKZC.js","sourcesContent":["\"use client\"\n\nimport type {\n  BarChartProps,\n  BarChartSeriesConfig,\n} from \"./BarChart.types\"\n\nimport * as React from \"react\"\nimport {\n  Bar,\n  CartesianGrid,\n  Label,\n  LabelList,\n  BarChart as RechartsBarChart,\n  XAxis,\n  YAxis,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\n\n/**\n * Normalize series to BarChartSeriesConfig format\n */\nfunction normalizeSeriesConfig(\n  series: (BarChartSeriesConfig | string)[]\n): BarChartSeriesConfig[] {\n  return series.map((s) =>\n    typeof s === \"string\" ? { dataKey: s } : s\n  )\n}\n\n/**\n * BarChart - Data visualization component for categorical comparisons\n *\n * Displays quantitative values as rectangular bars. The height or width\n * of bars is proportional to the values they represent. Ideal for\n * comparing values between categories.\n *\n * @example\n * ```tsx\n * const data = [\n *   { month: \"Jan\", desktop: 186, mobile: 80 },\n *   { month: \"Feb\", desktop: 305, mobile: 200 },\n * ]\n *\n * const config = {\n *   desktop: { label: \"Desktop\", color: \"hsl(var(--chart-1))\" },\n *   mobile: { label: \"Mobile\", color: \"hsl(var(--chart-2))\" },\n * }\n *\n * <BarChart\n *   data={data}\n *   config={config}\n *   xAxisKey=\"month\"\n *   series={[\"desktop\", \"mobile\"]}\n * />\n * ```\n */\ninterface BarValueLabelProps {\n  height?: number | string\n  value?: number | string\n  width?: number | string\n  x?: number | string\n  y?: number | string\n}\n\nfunction renderBarValueLabel(\n  isHorizontal: boolean,\n  formatter?: (value: number) => string\n) {\n  return function BarValueLabel(labelProps: unknown) {\n    const props = labelProps as BarValueLabelProps\n    if (props.value == null) return null\n    const value = Number(props.value)\n    const height = Number(props.height ?? 0)\n    const width = Number(props.width ?? 0)\n    const x = Number(props.x ?? 0)\n    const y = Number(props.y ?? 0)\n    const text = formatter ? formatter(value) : String(props.value)\n    const negative = value < 0\n    // barra de tamanho zero não ganha rótulo (diverging: cada mês zera um lado)\n    if ((isHorizontal ? width : height) === 0) return null\n    if (isHorizontal) {\n      return (\n        <text\n          className=\"fill-foreground text-xs\"\n          dominantBaseline=\"central\"\n          textAnchor={negative ? \"end\" : \"start\"}\n          x={negative ? x - 6 : x + width + 6}\n          y={y + height / 2}\n        >\n          {text}\n        </text>\n      )\n    }\n    return (\n      <text\n        className=\"fill-foreground text-xs\"\n        textAnchor=\"middle\"\n        x={x + width / 2}\n        y={negative ? y + height + 14 : Math.max(y - 6, 12)}\n      >\n        {text}\n      </text>\n    )\n  }\n}\n\nexport function BarChart({\n  allowDecimals = true,\n  ariaLabel,\n  autoMinValue = false,\n  barCategoryGap,\n  barGap = 4,\n  className,\n  config,\n  customTooltip,\n  data,\n  enableLegendSlider = false,\n  gridDashArray = \"3 3\",\n  intervalType,\n  layout = \"vertical\",\n  legendPosition = \"bottom\",\n  maxValue,\n  minValue,\n  onValueChange,\n  radius = 4,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showValueLabels = false,\n  showTooltip = true,\n  showXAxis = true,\n  showYAxis = true,\n  startEndOnly = false,\n  tickGap,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  variant = \"default\",\n  xAxisKey,\n  xAxisLabel,\n  xAxisTickFormatter,\n  yAxisLabel,\n  yAxisTickFormatter,\n  yAxisWidth,\n  ...props\n}: BarChartProps) {\n  const normalizedSeries = normalizeSeriesConfig(series)\n  const isStacked = variant === \"stacked\" || variant === \"stacked100\"\n  const isHorizontal = layout === \"horizontal\"\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  // Handle bar click for onValueChange\n  const handleBarClick = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (dataKey: string) => (data: any) => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      if (!onValueChange || !data?.payload) return\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      const payload = data.payload as Record<string, unknown>\n      const value = payload[dataKey]\n      onValueChange({\n        category: payload[xAxisKey],\n        dataKey,\n        payload,\n        value: typeof value === \"number\" ? value : 0,\n      })\n    },\n    [onValueChange, xAxisKey]\n  )\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, label, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n        tooltipCallback({\n          active,\n          label,\n          payload: payload?.map((p: { dataKey: number | string; payload: Record<string, unknown>; value: number; }) => ({\n            dataKey: String(p.dataKey),\n            value: p.value,\n            payload: p.payload,\n          })),\n        })\n      }\n\n      return <ChartTooltipContent indicator={tooltipIndicator} {...props} />\n    },\n    [tooltipCallback, tooltipIndicator]\n  )\n\n  // Calculate value axis domain\n  const valueDomain = React.useMemo(() => {\n    const min = minValue ?? (autoMinValue ? \"auto\" : 0)\n    const max = maxValue ?? \"auto\"\n    return [min, max] as const\n  }, [autoMinValue, maxValue, minValue])\n\n  // Calculate category axis ticks for startEndOnly\n  const categoryTicks = React.useMemo(() => {\n    if (!startEndOnly || data.length < 2) return\n    const first = data[0]\n    const last = data[data.length - 1]\n    if (!first || !last) return\n    return [first[xAxisKey], last[xAxisKey]] as string[]\n  }, [data, startEndOnly, xAxisKey])\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      data-slot=\"bar-chart\"\n      role={ariaLabel ? \"img\" : undefined}\n      {...props}\n    >\n      <ChartContainer\n        className={cn(className)}\n        config={config}\n      >\n        <RechartsBarChart\n          accessibilityLayer\n          margin={{\n            left: yAxisLabel ? 20 : 12,\n            right: 12,\n            bottom: xAxisLabel ? 20 : 0,\n          }}\n          barCategoryGap={barCategoryGap}\n          barGap={barGap}\n          data={data}\n          layout={isHorizontal ? \"vertical\" : \"horizontal\"}\n        >\n          {showGrid && (\n            <CartesianGrid\n              horizontal={!isHorizontal}\n              strokeDasharray={gridDashArray}\n              vertical={isHorizontal}\n            />\n          )}\n\n          {showXAxis && (\n            isHorizontal ? (\n              <XAxis\n                axisLine={false}\n                domain={valueDomain}\n                interval={intervalType}\n                minTickGap={tickGap}\n                tickFormatter={xAxisTickFormatter}\n                tickLine={false}\n                tickMargin={8}\n                type=\"number\"\n              >\n                {xAxisLabel && (\n                  <Label offset={-5} position=\"insideBottom\" value={xAxisLabel} />\n                )}\n              </XAxis>\n            ) : (\n              <XAxis\n                axisLine={false}\n                dataKey={xAxisKey}\n                interval={intervalType}\n                minTickGap={tickGap}\n                tickFormatter={xAxisTickFormatter}\n                tickLine={false}\n                tickMargin={8}\n                ticks={categoryTicks}\n              >\n                {xAxisLabel && (\n                  <Label offset={-5} position=\"insideBottom\" value={xAxisLabel} />\n                )}\n              </XAxis>\n            )\n          )}\n\n          {showYAxis && (\n            isHorizontal ? (\n              <YAxis\n                axisLine={false}\n                dataKey={xAxisKey}\n                tickFormatter={yAxisTickFormatter}\n                tickLine={false}\n                tickMargin={8}\n                ticks={categoryTicks}\n                type=\"category\"\n                width={yAxisWidth}\n              >\n                {yAxisLabel && (\n                  <Label angle={-90} offset={-5} position=\"insideLeft\" value={yAxisLabel} />\n                )}\n              </YAxis>\n            ) : (\n              <YAxis\n                allowDecimals={allowDecimals}\n                axisLine={false}\n                domain={valueDomain}\n                tickFormatter={yAxisTickFormatter}\n                tickLine={false}\n                tickMargin={8}\n                width={yAxisWidth}\n              >\n                {yAxisLabel && (\n                  <Label angle={-90} offset={-5} position=\"insideLeft\" value={yAxisLabel} />\n                )}\n              </YAxis>\n            )\n          )}\n\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                customTooltip\n                  ?? (tooltipCallback\n                    ? <TooltipContentWithCallback />\n                    : <ChartTooltipContent indicator={tooltipIndicator} />)\n              }\n              cursor={false}\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend\n              align={legendPosition === \"left\" ? \"left\" : legendPosition === \"right\" ? \"right\" : \"center\"}\n              content={<ChartLegendContent enableSlider={enableLegendSlider} />}\n              layout={legendPosition === \"left\" || legendPosition === \"right\" ? \"vertical\" : \"horizontal\"}\n              verticalAlign={legendPosition === \"top\" ? \"top\" : legendPosition === \"bottom\" ? \"bottom\" : \"middle\"}\n            />\n          )}\n\n          {normalizedSeries.map((seriesConfig) => {\n            const { dataKey, radius: seriesRadius, stackId } = seriesConfig\n\n            const fill = `var(--color-${dataKey})`\n            const barRadius = seriesRadius ?? radius\n\n            return (\n              <Bar\n                key={dataKey}\n                dataKey={dataKey}\n                fill={fill}\n                radius={barRadius}\n                stackId={isStacked ? \"bar-stack\" : stackId}\n                style={onValueChange ? { cursor: \"pointer\" } : undefined}\n                onClick={onValueChange ? handleBarClick(dataKey) : undefined}\n              >\n                {showValueLabels ? (\n                  <LabelList\n                    content={renderBarValueLabel(\n                      isHorizontal,\n                      typeof showValueLabels === \"object\" ? showValueLabels.formatter : undefined\n                    )}\n                    dataKey={dataKey}\n                  />\n                ) : null}\n              </Bar>\n            )\n          })}\n        </RechartsBarChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nBarChart.displayName = \"BarChart\"\n"]}

package/dist/{chunk-MDIXY44D.js → chunk-P27ERD6W.js}

@@ -4501,5 +4501,5 @@ function DataTableDateCell({
 }
 
 export { DataTable, DataTableBooleanCell, DataTableCurrencyCell, DataTableDateCell, DataTableProgressCell, DataTableRatingCell, downloadFile, exportToCSV, exportToExcel, exportToPDF, tableToCSV };
-//# sourceMappingURL=chunk-MDIXY44D.js.map
-//# sourceMappingURL=chunk-MDIXY44D.js.map
+//# sourceMappingURL=chunk-P27ERD6W.js.map
+//# sourceMappingURL=chunk-P27ERD6W.js.map