@12-apps/ui 6.11.0 → 6.12.0

package/dist/chunk-XQ2BNVXL.js

@@ -0,0 +1,91 @@
+import {
+  CaretGlyph
+} from "./chunk-DMNZD3Q7.js";
+import {
+  triggerChevronSx,
+  triggerClearSx,
+  triggerCountSx,
+  triggerSx
+} from "./chunk-XCT2ZLA6.js";
+
+// src/components/form/CategorySelect/CategoryTrigger.tsx
+import Box from "@mui/material/Box/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CategoryTrigger({
+  placeholder,
+  selectionLabel,
+  count,
+  open,
+  disabled,
+  fullWidth,
+  onOpen,
+  onClear,
+  triggerRef,
+  dataTestId,
+  copy
+}) {
+  const hasSelection = Boolean(selectionLabel) || (count ?? 0) > 0;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "button",
+      type: "button",
+      ref: triggerRef,
+      disabled,
+      "aria-haspopup": "dialog",
+      "aria-expanded": open,
+      "data-testid": `${dataTestId}-trigger`,
+      onClick: onOpen,
+      sx: (theme) => ({
+        ...triggerSx(theme, hasSelection, open),
+        width: fullWidth ? "100%" : "auto"
+      }),
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "span",
+            sx: {
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              maxWidth: 190,
+              flex: fullWidth ? 1 : "0 1 auto",
+              textAlign: "left"
+            },
+            children: selectionLabel ?? placeholder
+          }
+        ),
+        count !== void 0 && count > 0 && /* @__PURE__ */ jsx(Box, { component: "span", sx: triggerCountSx, "data-testid": `${dataTestId}-count`, children: count }),
+        hasSelection && onClear && /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "span",
+            role: "button",
+            tabIndex: 0,
+            "aria-label": copy.clearSelection,
+            "data-testid": `${dataTestId}-clear-trigger`,
+            sx: triggerClearSx,
+            onClick: (event) => {
+              event.stopPropagation();
+              onClear();
+            },
+            onKeyDown: (event) => {
+              if (event.key !== "Enter" && event.key !== " ") return;
+              event.preventDefault();
+              event.stopPropagation();
+              onClear();
+            },
+            children: "\xD7"
+          }
+        ),
+        /* @__PURE__ */ jsx(CaretGlyph, { style: triggerChevronSx(open) })
+      ]
+    }
+  );
+}
+
+export {
+  CategoryTrigger
+};
+//# sourceMappingURL=chunk-XQ2BNVXL.js.map

package/dist/chunk-XQ2BNVXL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryTrigger.tsx"],"sourcesContent":["'use client';\n\nimport type { CategorySelectCopy } from \"../../../copy\";\nimport Box from '@mui/material/Box/index.js';\n\nimport { CaretGlyph } from './CategoryIcons';\nimport {\n  triggerChevronSx,\n  triggerClearSx,\n  triggerCountSx,\n  triggerSx,\n} from './CategorySelect.styles';\n\ninterface CategoryTriggerProps {\n  /** The words this renders. REQUIRED — this package ships no default copy. */\n  copy: CategorySelectCopy;\n  /** Text shown when nothing is selected. */\n  placeholder: string;\n  /** Resolved label when there IS a selection (single mode shows \"Pai › Filha\"). */\n  selectionLabel?: string;\n  /** Selection size — rendered as the count pill in multi-select. */\n  count?: number;\n  open: boolean;\n  disabled?: boolean;\n  fullWidth: boolean;\n  onOpen: () => void;\n  /** Absent when there is nothing to clear. */\n  onClear?: () => void;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n  dataTestId: string;\n}\n\n/**\n * The closed control.\n *\n * The clear (×) is a real button nested in the trigger button, so \"remove the\n * filter\" is one click from the closed state — without it, clearing means open,\n * find Clear, apply. Its click is stopped from reaching the trigger, which would\n * otherwise open the panel on the way out.\n */\nexport function CategoryTrigger({\n  placeholder,\n  selectionLabel,\n  count,\n  open,\n  disabled,\n  fullWidth,\n  onOpen,\n  onClear,\n  triggerRef,\n  dataTestId,\n  copy,\n}: CategoryTriggerProps): React.JSX.Element {\n  const hasSelection = Boolean(selectionLabel) || (count ?? 0) > 0;\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      ref={triggerRef}\n      disabled={disabled}\n      aria-haspopup=\"dialog\"\n      aria-expanded={open}\n      data-testid={`${dataTestId}-trigger`}\n      onClick={onOpen}\n      sx={(theme) => ({\n        ...triggerSx(theme, hasSelection, open),\n        width: fullWidth ? '100%' : 'auto',\n      })}\n    >\n      <Box\n        component=\"span\"\n        sx={{\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          maxWidth: 190,\n          flex: fullWidth ? 1 : '0 1 auto',\n          textAlign: 'left',\n        }}\n      >\n        {selectionLabel ?? placeholder}\n      </Box>\n      {count !== undefined && count > 0 && (\n        <Box component=\"span\" sx={triggerCountSx} data-testid={`${dataTestId}-count`}>\n          {count}\n        </Box>\n      )}\n      {hasSelection && onClear && (\n        <Box\n          component=\"span\"\n          role=\"button\"\n          tabIndex={0}\n          aria-label={copy.clearSelection}\n          data-testid={`${dataTestId}-clear-trigger`}\n          sx={triggerClearSx}\n          onClick={(event: React.MouseEvent) => {\n            event.stopPropagation();\n            onClear();\n          }}\n          onKeyDown={(event: React.KeyboardEvent) => {\n            if (event.key !== 'Enter' && event.key !== ' ') return;\n            event.preventDefault();\n            event.stopPropagation();\n            onClear();\n          }}\n        >\n          ×\n        </Box>\n      )}\n      <CaretGlyph style={triggerChevronSx(open) as React.CSSProperties} />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAGA,OAAO,SAAS;AAoDZ,SAcE,KAdF;AAfG,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4C;AAC1C,QAAM,eAAe,QAAQ,cAAc,MAAM,SAAS,KAAK;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,KAAK;AAAA,MACL;AAAA,MACA,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,eAAa,GAAG,UAAU;AAAA,MAC1B,SAAS;AAAA,MACT,IAAI,CAAC,WAAW;AAAA,QACd,GAAG,UAAU,OAAO,cAAc,IAAI;AAAA,QACtC,OAAO,YAAY,SAAS;AAAA,MAC9B;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,cAAc;AAAA,cACd,UAAU;AAAA,cACV,MAAM,YAAY,IAAI;AAAA,cACtB,WAAW;AAAA,YACb;AAAA,YAEC,4BAAkB;AAAA;AAAA,QACrB;AAAA,QACC,UAAU,UAAa,QAAQ,KAC9B,oBAAC,OAAI,WAAU,QAAO,IAAI,gBAAgB,eAAa,GAAG,UAAU,UACjE,iBACH;AAAA,QAED,gBAAgB,WACf;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,UAAU;AAAA,YACV,cAAY,KAAK;AAAA,YACjB,eAAa,GAAG,UAAU;AAAA,YAC1B,IAAI;AAAA,YACJ,SAAS,CAAC,UAA4B;AACpC,oBAAM,gBAAgB;AACtB,sBAAQ;AAAA,YACV;AAAA,YACA,WAAW,CAAC,UAA+B;AACzC,kBAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IAAK;AAChD,oBAAM,eAAe;AACrB,oBAAM,gBAAgB;AACtB,sBAAQ;AAAA,YACV;AAAA,YACD;AAAA;AAAA,QAED;AAAA,QAEF,oBAAC,cAAW,OAAO,iBAAiB,IAAI,GAA0B;AAAA;AAAA;AAAA,EACpE;AAEJ;","names":[]}

package/dist/chunk-XQZOMXP3.js

@@ -0,0 +1,65 @@
+import {
+  GridToolbar
+} from "./chunk-GQTBWJYK.js";
+
+// src/components/data-display/DataViews/data-views-shell-toolbar.tsx
+import { jsx } from "react/jsx-runtime";
+function ShellToolbar({
+  c,
+  rows,
+  testIdPrefix,
+  rowActions,
+  bulkActions,
+  toolbarRightSlot,
+  showInline,
+  compactControls,
+  counterHidden,
+  sortKinds,
+  displayView,
+  exportConfig,
+  filterControls,
+  barRef
+}) {
+  const columnOptions = c.hideableColumns.map((col) => ({
+    id: col.id,
+    label: col.label,
+    visible: c.state.visibleColumns.includes(col.id)
+  }));
+  return /* @__PURE__ */ jsx(
+    GridToolbar,
+    {
+      c,
+      sortKinds,
+      displayView,
+      exportConfig,
+      filterControls,
+      barRef,
+      compactControls,
+      counterHidden,
+      testIdPrefix,
+      selectedRows: c.selectedRows,
+      selectAll: c.selectAll,
+      clearSelection: c.clearSelection,
+      rowActions,
+      bulkActions,
+      sortFields: c.resolvedSortFields,
+      activeSortField: c.activeSortField,
+      activeSortOrder: c.activeSortOrder,
+      onChangeSort: (field, order) => c.patch({ sortBy: [{ id: field, dir: order }] }),
+      matchedCount: c.matched.length,
+      totalCount: c.serverMode ? c.serverTotalCount : rows.length,
+      toolbarRightSlot,
+      columnOptions,
+      onToggleColumn: c.toggleColumn,
+      filterOpen: c.filterOpen,
+      setFilterOpen: c.setFilterOpen,
+      activeFilterCount: c.activeFilterCount,
+      showFilterTrigger: !showInline
+    }
+  );
+}
+
+export {
+  ShellToolbar
+};
+//# sourceMappingURL=chunk-XQZOMXP3.js.map

package/dist/chunk-XQZOMXP3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-shell-toolbar.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The toolbar band, fed from the controller — ~25 props of pure forwarding and\n * nothing else, which is why it lives in its own file rather than in the shell.\n */\nimport { type ColumnVisibilityOption } from \"../../layout/ContentToolbar\";\n\nimport type { DisplayPanelView } from \"./data-views-display-panel\";\nimport type { DataViewExport } from \"./data-views-export\";\nimport { GridToolbar } from \"./data-views-toolbar\";\nimport type { RowAction } from \"./data-views-types\";\nimport type { DataViewsController } from \"./use-data-views-state\";\n\n/**\n * The toolbar band, fed from the controller. Split out of `GridShell` for that\n * function's size budget — it is ~25 props of pure forwarding and nothing else.\n */\nexport function ShellToolbar<T extends Record<string, unknown>>({\n  c,\n  rows,\n  testIdPrefix,\n  rowActions,\n  bulkActions,\n  toolbarRightSlot,\n  showInline,\n  compactControls,\n  counterHidden,\n  sortKinds,\n  displayView,\n  exportConfig,\n  filterControls,\n  barRef,\n}: {\n  c: DataViewsController<T>;\n  rows: T[];\n  testIdPrefix: string;\n  sortKinds?: Record<string, string>;\n  displayView?: DisplayPanelView;\n  exportConfig?: DataViewExport;\n  rowActions?: RowAction<T>[];\n  bulkActions?: (selectedRows: T[], clearSelection: () => void) => React.ReactNode;\n  toolbarRightSlot?: React.ReactNode;\n  /** Search + filters, rendered on the toolbar line (see `GridToolbar`). */\n  filterControls?: React.ReactNode;\n  barRef?: React.Ref<HTMLDivElement>;\n  showInline: boolean;\n  /** Step 2 of the ladder: Exibir/Exportar as icons only. */\n  compactControls?: boolean;\n  /** Step 5, last resort: drop the counter so the row still fits one line. */\n  counterHidden?: boolean;\n}): React.JSX.Element {\n  const columnOptions: ColumnVisibilityOption[] = c.hideableColumns.map((col) => ({\n    id: col.id,\n    label: col.label,\n    visible: c.state.visibleColumns.includes(col.id),\n  }));\n  return (\n    <GridToolbar\n      c={c}\n      sortKinds={sortKinds}\n      displayView={displayView}\n      exportConfig={exportConfig}\n      filterControls={filterControls}\n      barRef={barRef}\n      compactControls={compactControls}\n      counterHidden={counterHidden}\n      testIdPrefix={testIdPrefix}\n      selectedRows={c.selectedRows}\n      selectAll={c.selectAll}\n      clearSelection={c.clearSelection}\n      rowActions={rowActions}\n      bulkActions={bulkActions}\n      sortFields={c.resolvedSortFields}\n      activeSortField={c.activeSortField}\n      activeSortOrder={c.activeSortOrder}\n      onChangeSort={(field, order) => c.patch({ sortBy: [{ id: field, dir: order }] })}\n      matchedCount={c.matched.length}\n      totalCount={c.serverMode ? c.serverTotalCount : rows.length}\n      toolbarRightSlot={toolbarRightSlot}\n      columnOptions={columnOptions}\n      onToggleColumn={c.toggleColumn}\n      filterOpen={c.filterOpen}\n      setFilterOpen={c.setFilterOpen}\n      activeFilterCount={c.activeFilterCount}\n      showFilterTrigger={!showInline}\n    />\n  );\n}\n\n/** Wires the controller into the shared toolbar + filter panel + grid/cards body. */\n"],"mappings":";;;;;AA0DI;AAxCG,SAAS,aAAgD;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAkBsB;AACpB,QAAM,gBAA0C,EAAE,gBAAgB,IAAI,CAAC,SAAS;AAAA,IAC9E,IAAI,IAAI;AAAA,IACR,OAAO,IAAI;AAAA,IACX,SAAS,EAAE,MAAM,eAAe,SAAS,IAAI,EAAE;AAAA,EACjD,EAAE;AACF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,EAAE;AAAA,MAChB,WAAW,EAAE;AAAA,MACb,gBAAgB,EAAE;AAAA,MAClB;AAAA,MACA;AAAA,MACA,YAAY,EAAE;AAAA,MACd,iBAAiB,EAAE;AAAA,MACnB,iBAAiB,EAAE;AAAA,MACnB,cAAc,CAAC,OAAO,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC;AAAA,MAC/E,cAAc,EAAE,QAAQ;AAAA,MACxB,YAAY,EAAE,aAAa,EAAE,mBAAmB,KAAK;AAAA,MACrD;AAAA,MACA;AAAA,MACA,gBAAgB,EAAE;AAAA,MAClB,YAAY,EAAE;AAAA,MACd,eAAe,EAAE;AAAA,MACjB,mBAAmB,EAAE;AAAA,MACrB,mBAAmB,CAAC;AAAA;AAAA,EACtB;AAEJ;","names":[]}

package/dist/chunk-XRMZMBE3.js

@@ -0,0 +1,50 @@
+// src/components/data-display/Avatar/Avatar.animations.ts
+import { keyframes } from "@mui/material/styles/index.js";
+var pulseAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 1;
+  }
+  70% {
+    box-shadow: 0 0 0 10px currentColor;
+    opacity: 0;
+  }
+  100% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 0;
+  }
+`;
+var shimmerAnimation = keyframes`
+  0% {
+    background-position: -200% 0;
+  }
+  100% {
+    background-position: 200% 0;
+  }
+`;
+var scaleInAnimation = keyframes`
+  0% {
+    transform: scale(0);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+`;
+var rotateAnimation = keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`;
+
+export {
+  pulseAnimation,
+  shimmerAnimation,
+  scaleInAnimation,
+  rotateAnimation
+};
+//# sourceMappingURL=chunk-XRMZMBE3.js.map

package/dist/chunk-XRMZMBE3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Avatar/Avatar.animations.ts"],"sourcesContent":["import { keyframes } from '@mui/material/styles/index.js';\n\nexport const pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 10px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nexport const shimmerAnimation = keyframes`\n  0% {\n    background-position: -200% 0;\n  }\n  100% {\n    background-position: 200% 0;\n  }\n`;\n\nexport const scaleInAnimation = keyframes`\n  0% {\n    transform: scale(0);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n`;\n\nexport const rotateAnimation = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`;\n"],"mappings":";AAAA,SAAS,iBAAiB;AAEnB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAevB,IAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASzB,IAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWzB,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-XSKVBGCZ.js

@@ -0,0 +1,51 @@
+import {
+  getAxisStyles,
+  getDefaultColors,
+  getSizeStyles,
+  resolveSeries
+} from "./chunk-AVU6KU27.js";
+import {
+  resolveAxisConfig,
+  resolveBarGeometry
+} from "./chunk-4V532JF6.js";
+
+// src/components/data-display/Chart/chart-context.ts
+function buildChartContext(props, theme) {
+  const sizeStyles = getSizeStyles(props.size, props.height);
+  const chartColors = getDefaultColors(theme, props.variant ?? "default", props.colors);
+  const { axisStyle, gridStroke, gridOpacity } = getAxisStyles(
+    theme,
+    props.variant ?? "default",
+    sizeStyles.fontSize
+  );
+  const handleChartClick = (payload) => {
+    const chartData = payload;
+    if (props.onClick && chartData?.activePayload?.[0]) {
+      props.onClick(chartData.activePayload[0].payload);
+    }
+  };
+  return {
+    props,
+    theme,
+    sizeStyles,
+    chartColors,
+    chartSeries: resolveSeries(props.data, props.series, props.xAxisKey ?? "name", chartColors),
+    strokeType: props.curved ?? true ? "monotone" : "linear",
+    axisStyle: { ...axisStyle, fontSize: sizeStyles.fontSize },
+    gridStroke,
+    gridOpacity,
+    axisConfig: resolveAxisConfig(props, sizeStyles.tickMargin),
+    barGeometry: resolveBarGeometry(props),
+    animationDuration: props.animate ?? true ? props.animationDuration ?? 1500 : 0,
+    commonProps: {
+      data: props.data,
+      margin: { top: 20, right: 30, left: 20, bottom: 20, ...props.margin },
+      onClick: handleChartClick
+    }
+  };
+}
+
+export {
+  buildChartContext
+};
+//# sourceMappingURL=chunk-XSKVBGCZ.js.map

package/dist/chunk-XSKVBGCZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chart/chart-context.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport type { CSSProperties } from 'react';\n\nimport type { ChartDataPoint, ChartProps, ChartSeries } from './Chart.types';\nimport { resolveAxisConfig, resolveBarGeometry, type BarGeometry, type CartesianAxisConfig } from './chart-axis';\nimport {\n  getAxisStyles,\n  getDefaultColors,\n  getSizeStyles,\n  resolveSeries,\n  type SizeStyles,\n} from './chart-internals';\n\n/**\n * Everything the per-type renderers in `chart-renderers.tsx` read, resolved\n * once from props + theme. Kept out of that file so each renderer is a small\n * JSX function over already-decided values — palette, series, axis geometry,\n * bar geometry — rather than a place where those decisions get made again\n * slightly differently.\n */\nexport interface ChartRenderContext {\n  props: ChartProps;\n  theme: Theme;\n  sizeStyles: SizeStyles;\n  chartColors: string[];\n  chartSeries: ChartSeries[];\n  strokeType: 'monotone' | 'linear';\n  axisStyle: CSSProperties;\n  gridStroke: string;\n  /** Multiplier on `gridStroke`'s alpha — see `getAxisStyles`. */\n  gridOpacity: number;\n  axisConfig: CartesianAxisConfig;\n  barGeometry: BarGeometry;\n  animationDuration: number;\n  commonProps: {\n    data: ChartDataPoint[];\n    margin: { top?: number; right?: number; bottom?: number; left?: number };\n    onClick: (payload: unknown) => void;\n  };\n}\n\nexport function buildChartContext(props: ChartProps, theme: Theme): ChartRenderContext {\n  const sizeStyles = getSizeStyles(props.size, props.height);\n  const chartColors = getDefaultColors(theme, props.variant ?? 'default', props.colors);\n  const { axisStyle, gridStroke, gridOpacity } = getAxisStyles(\n    theme,\n    props.variant ?? 'default',\n    sizeStyles.fontSize,\n  );\n  const handleChartClick = (payload: unknown): void => {\n    const chartData = payload as { activePayload?: Array<{ payload: ChartDataPoint }> };\n    if (props.onClick && chartData?.activePayload?.[0]) {\n      props.onClick(chartData.activePayload[0].payload);\n    }\n  };\n  return {\n    props,\n    theme,\n    sizeStyles,\n    chartColors,\n    chartSeries: resolveSeries(props.data, props.series, props.xAxisKey ?? 'name', chartColors),\n    strokeType: (props.curved ?? true) ? 'monotone' : 'linear',\n    axisStyle: { ...axisStyle, fontSize: sizeStyles.fontSize },\n    gridStroke,\n    gridOpacity,\n    axisConfig: resolveAxisConfig(props, sizeStyles.tickMargin),\n    barGeometry: resolveBarGeometry(props),\n    animationDuration: (props.animate ?? true) ? (props.animationDuration ?? 1500) : 0,\n    commonProps: {\n      data: props.data,\n      margin: { top: 20, right: 30, left: 20, bottom: 20, ...props.margin },\n      onClick: handleChartClick,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAyCO,SAAS,kBAAkB,OAAmB,OAAkC;AACrF,QAAM,aAAa,cAAc,MAAM,MAAM,MAAM,MAAM;AACzD,QAAM,cAAc,iBAAiB,OAAO,MAAM,WAAW,WAAW,MAAM,MAAM;AACpF,QAAM,EAAE,WAAW,YAAY,YAAY,IAAI;AAAA,IAC7C;AAAA,IACA,MAAM,WAAW;AAAA,IACjB,WAAW;AAAA,EACb;AACA,QAAM,mBAAmB,CAAC,YAA2B;AACnD,UAAM,YAAY;AAClB,QAAI,MAAM,WAAW,WAAW,gBAAgB,CAAC,GAAG;AAClD,YAAM,QAAQ,UAAU,cAAc,CAAC,EAAE,OAAO;AAAA,IAClD;AAAA,EACF;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,cAAc,MAAM,MAAM,MAAM,QAAQ,MAAM,YAAY,QAAQ,WAAW;AAAA,IAC1F,YAAa,MAAM,UAAU,OAAQ,aAAa;AAAA,IAClD,WAAW,EAAE,GAAG,WAAW,UAAU,WAAW,SAAS;AAAA,IACzD;AAAA,IACA;AAAA,IACA,YAAY,kBAAkB,OAAO,WAAW,UAAU;AAAA,IAC1D,aAAa,mBAAmB,KAAK;AAAA,IACrC,mBAAoB,MAAM,WAAW,OAAS,MAAM,qBAAqB,OAAQ;AAAA,IACjF,aAAa;AAAA,MACX,MAAM,MAAM;AAAA,MACZ,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,IAAI,QAAQ,IAAI,GAAG,MAAM,OAAO;AAAA,MACpE,SAAS;AAAA,IACX;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-XULTDO56.js

@@ -0,0 +1,315 @@
+import {
+  buildChartContext
+} from "./chunk-XSKVBGCZ.js";
+import {
+  ChartLegendContent,
+  ChartTooltipContent
+} from "./chunk-M5T3COS2.js";
+
+// src/components/data-display/Chart/chart-renderers.tsx
+import {
+  Area,
+  AreaChart,
+  Bar,
+  BarChart,
+  CartesianGrid,
+  Cell,
+  ComposedChart,
+  Legend,
+  Line,
+  LineChart,
+  Pie,
+  PieChart,
+  PolarAngleAxis,
+  PolarGrid,
+  PolarRadiusAxis,
+  Radar,
+  RadarChart,
+  Scatter,
+  ScatterChart,
+  Tooltip,
+  XAxis,
+  YAxis
+} from "recharts";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function chartExtras(ctx) {
+  const { props } = ctx;
+  const nodes = [];
+  if (props.showTooltip !== false) {
+    nodes.push(
+      /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, { valueFormatter: props.valueFormatter }) }, "tooltip")
+    );
+  }
+  if (props.showLegend !== false) {
+    nodes.push(/* @__PURE__ */ jsx(Legend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }, "legend"));
+  }
+  return nodes;
+}
+function chartGrid(ctx) {
+  return /* @__PURE__ */ jsx(CartesianGrid, { stroke: ctx.gridStroke, strokeOpacity: ctx.gridOpacity }, "grid");
+}
+function cartesianAxes(ctx) {
+  const { props, axisConfig } = ctx;
+  const nodes = [];
+  if (props.showCartesianGrid !== false) nodes.push(chartGrid(ctx));
+  nodes.push(
+    /* @__PURE__ */ jsx(
+      XAxis,
+      {
+        dataKey: props.xAxisKey ?? "name",
+        style: ctx.axisStyle,
+        label: props.xAxisLabel,
+        tickMargin: axisConfig.tickMargin,
+        ticks: axisConfig.categoryTicks,
+        tickFormatter: axisConfig.tickFormatter
+      },
+      "x"
+    ),
+    /* @__PURE__ */ jsx(
+      YAxis,
+      {
+        style: ctx.axisStyle,
+        label: props.yAxisLabel,
+        width: "auto",
+        tickMargin: axisConfig.tickMargin,
+        tickFormatter: props.valueFormatter,
+        allowDecimals: props.allowDecimalTicks !== false
+      },
+      "y"
+    )
+  );
+  return nodes;
+}
+function renderLine(ctx) {
+  return /* @__PURE__ */ jsxs(LineChart, { ...ctx.commonProps, children: [
+    cartesianAxes(ctx),
+    chartExtras(ctx),
+    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
+      Line,
+      {
+        type: ctx.strokeType,
+        dataKey: s.dataKey,
+        name: s.name,
+        stroke: s.color ?? ctx.chartColors[index % ctx.chartColors.length],
+        strokeWidth: s.strokeWidth ?? 2,
+        dot: s.dot !== false,
+        activeDot: s.activeDot !== false ? { r: 8 } : false,
+        animationDuration: ctx.animationDuration
+      },
+      s.dataKey
+    ))
+  ] });
+}
+function renderBar(ctx) {
+  return /* @__PURE__ */ jsxs(BarChart, { ...ctx.commonProps, children: [
+    cartesianAxes(ctx),
+    chartExtras(ctx),
+    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
+      Bar,
+      {
+        dataKey: s.dataKey,
+        name: s.name,
+        fill: s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length],
+        stackId: ctx.props.stacked ? "stack" : void 0,
+        radius: ctx.barGeometry.radius,
+        maxBarSize: ctx.barGeometry.maxBarSize,
+        animationDuration: ctx.animationDuration
+      },
+      s.dataKey
+    ))
+  ] });
+}
+function renderArea(ctx) {
+  return /* @__PURE__ */ jsxs(AreaChart, { ...ctx.commonProps, children: [
+    cartesianAxes(ctx),
+    chartExtras(ctx),
+    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
+      Area,
+      {
+        type: ctx.strokeType,
+        dataKey: s.dataKey,
+        name: s.name,
+        stroke: s.color ?? ctx.chartColors[index % ctx.chartColors.length],
+        fill: s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length],
+        fillOpacity: s.fillOpacity ?? 0.6,
+        stackId: ctx.props.stacked ? "stack" : void 0,
+        animationDuration: ctx.animationDuration
+      },
+      s.dataKey
+    ))
+  ] });
+}
+function pieCenterLabel(ctx) {
+  const { centerLabel } = ctx.props;
+  const innerRadius = ctx.props.innerRadius ?? 0;
+  if (!centerLabel || innerRadius <= 0) return null;
+  const fill = ctx.props.variant === "neon" ? "#00ffff" : ctx.theme.palette.text.primary;
+  return /* @__PURE__ */ jsx(
+    "text",
+    {
+      x: "50%",
+      y: "50%",
+      textAnchor: "middle",
+      dominantBaseline: "middle",
+      style: { fontSize: ctx.sizeStyles.fontSize, fill, fontWeight: 600 },
+      children: typeof centerLabel === "string" ? centerLabel : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "tspan",
+          {
+            x: "50%",
+            dy: "-0.6em",
+            style: { fontSize: "0.875em", fontWeight: 500, fill: ctx.theme.palette.text.secondary },
+            children: centerLabel.label
+          }
+        ),
+        /* @__PURE__ */ jsx("tspan", { x: "50%", dy: "1.4em", style: { fontSize: "1.5em", fontWeight: 700 }, children: centerLabel.value })
+      ] })
+    }
+  );
+}
+function renderPie(ctx) {
+  const { props } = ctx;
+  return /* @__PURE__ */ jsxs(PieChart, { children: [
+    chartExtras(ctx),
+    /* @__PURE__ */ jsx(
+      Pie,
+      {
+        data: props.data,
+        dataKey: ctx.chartSeries[0]?.dataKey ?? "value",
+        nameKey: props.xAxisKey ?? "name",
+        cx: "50%",
+        cy: "50%",
+        outerRadius: ctx.sizeStyles.height / 3,
+        innerRadius: props.innerRadius ?? 0,
+        fill: ctx.chartColors[0],
+        label: props.showValues ?? false,
+        animationDuration: ctx.animationDuration,
+        children: props.data.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: ctx.chartColors[index % ctx.chartColors.length] }, `cell-${index}`))
+      }
+    ),
+    pieCenterLabel(ctx)
+  ] });
+}
+function renderRadar(ctx) {
+  return /* @__PURE__ */ jsxs(RadarChart, { ...ctx.commonProps, children: [
+    /* @__PURE__ */ jsx(PolarGrid, { stroke: ctx.gridStroke }),
+    /* @__PURE__ */ jsx(PolarAngleAxis, { dataKey: ctx.props.xAxisKey ?? "name", style: ctx.axisStyle }),
+    /* @__PURE__ */ jsx(PolarRadiusAxis, { style: ctx.axisStyle }),
+    chartExtras(ctx),
+    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
+      Radar,
+      {
+        dataKey: s.dataKey,
+        name: s.name,
+        stroke: s.color ?? ctx.chartColors[index % ctx.chartColors.length],
+        fill: s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length],
+        fillOpacity: s.fillOpacity ?? 0.6,
+        animationDuration: ctx.animationDuration
+      },
+      s.dataKey
+    ))
+  ] });
+}
+function renderScatter(ctx) {
+  const { props } = ctx;
+  return /* @__PURE__ */ jsxs(ScatterChart, { ...ctx.commonProps, children: [
+    props.showCartesianGrid !== false && chartGrid(ctx),
+    /* @__PURE__ */ jsx(
+      XAxis,
+      {
+        dataKey: props.xAxisKey ?? "name",
+        style: ctx.axisStyle,
+        label: props.xAxisLabel,
+        tickMargin: ctx.axisConfig.tickMargin
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      YAxis,
+      {
+        dataKey: ctx.chartSeries[0]?.dataKey,
+        style: ctx.axisStyle,
+        label: props.yAxisLabel,
+        tickMargin: ctx.axisConfig.tickMargin
+      }
+    ),
+    chartExtras(ctx),
+    /* @__PURE__ */ jsx(
+      Scatter,
+      {
+        name: ctx.chartSeries[0]?.name ?? "Data",
+        data: props.data,
+        fill: ctx.chartColors[0],
+        animationDuration: ctx.animationDuration
+      }
+    )
+  ] });
+}
+function composedSeries(ctx, s, index) {
+  const color = s.color ?? ctx.chartColors[index % ctx.chartColors.length];
+  if (s.type === "bar") {
+    return /* @__PURE__ */ jsx(
+      Bar,
+      {
+        dataKey: s.dataKey,
+        name: s.name,
+        fill: color,
+        radius: ctx.barGeometry.radius,
+        maxBarSize: ctx.barGeometry.maxBarSize,
+        animationDuration: ctx.animationDuration
+      },
+      s.dataKey
+    );
+  }
+  if (s.type === "area") {
+    return /* @__PURE__ */ jsx(
+      Area,
+      {
+        type: ctx.strokeType,
+        dataKey: s.dataKey,
+        name: s.name,
+        stroke: color,
+        fill: color,
+        fillOpacity: 0.6,
+        animationDuration: ctx.animationDuration
+      },
+      s.dataKey
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Line,
+    {
+      type: ctx.strokeType,
+      dataKey: s.dataKey,
+      name: s.name,
+      stroke: color,
+      animationDuration: ctx.animationDuration
+    },
+    s.dataKey
+  );
+}
+function renderComposed(ctx) {
+  return /* @__PURE__ */ jsxs(ComposedChart, { ...ctx.commonProps, children: [
+    cartesianAxes(ctx),
+    chartExtras(ctx),
+    ctx.chartSeries.map((s, index) => composedSeries(ctx, s, index))
+  ] });
+}
+var RENDERERS = {
+  line: renderLine,
+  bar: renderBar,
+  area: renderArea,
+  pie: renderPie,
+  radar: renderRadar,
+  scatter: renderScatter,
+  composed: renderComposed
+};
+function renderChartByType(props, theme) {
+  const renderer = RENDERERS[props.type ?? "line"];
+  const ctx = buildChartContext(props, theme);
+  return renderer ? renderer(ctx) : /* @__PURE__ */ jsx(Fragment, {});
+}
+
+export {
+  renderChartByType
+};
+//# sourceMappingURL=chunk-XULTDO56.js.map

package/dist/chunk-XULTDO56.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chart/chart-renderers.tsx"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\nimport {\n  Area,\n  AreaChart,\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Cell,\n  ComposedChart,\n  Legend,\n  Line,\n  LineChart,\n  Pie,\n  PieChart,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadarChart,\n  Scatter,\n  ScatterChart,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport type { ChartProps, ChartSeries } from './Chart.types';\nimport { ChartLegendContent, ChartTooltipContent } from './ChartComposables';\nimport { buildChartContext, type ChartRenderContext } from './chart-context';\n\n/**\n * Per-type Recharts renderers for the prop-driven Chart, dispatched from a\n * registry keyed by `ChartProps['type']`. Each renderer reads a prepared\n * {@link ChartRenderContext} so every function stays small.\n */\n\nfunction chartExtras(ctx: ChartRenderContext): React.ReactNode[] {\n  const { props } = ctx;\n  const nodes: React.ReactNode[] = [];\n  if (props.showTooltip !== false) {\n    nodes.push(\n      <Tooltip key=\"tooltip\" content={<ChartTooltipContent valueFormatter={props.valueFormatter} />} />,\n    );\n  }\n  if (props.showLegend !== false) {\n    nodes.push(<Legend key=\"legend\" content={<ChartLegendContent />} />);\n  }\n  return nodes;\n}\n\n/**\n * Gridlines: solid, and one step below the card border. A dashed line at the\n * border's own weight competes with the data drawn over it.\n */\nfunction chartGrid(ctx: ChartRenderContext): React.ReactElement {\n  return <CartesianGrid key=\"grid\" stroke={ctx.gridStroke} strokeOpacity={ctx.gridOpacity} />;\n}\n\nfunction cartesianAxes(ctx: ChartRenderContext): React.ReactNode[] {\n  const { props, axisConfig } = ctx;\n  const nodes: React.ReactNode[] = [];\n  if (props.showCartesianGrid !== false) nodes.push(chartGrid(ctx));\n  nodes.push(\n    <XAxis\n      key=\"x\"\n      dataKey={props.xAxisKey ?? 'name'}\n      style={ctx.axisStyle}\n      label={props.xAxisLabel}\n      tickMargin={axisConfig.tickMargin}\n      ticks={axisConfig.categoryTicks}\n      tickFormatter={axisConfig.tickFormatter}\n    />,\n    <YAxis\n      key=\"y\"\n      style={ctx.axisStyle}\n      label={props.yAxisLabel}\n      // Sized from its own widest tick: a fixed 60px lets \"R$ 1.234,56\" spill\n      // out of the card, which is the other way axis text ends up on top of\n      // something.\n      width=\"auto\"\n      tickMargin={axisConfig.tickMargin}\n      tickFormatter={props.valueFormatter}\n      allowDecimals={props.allowDecimalTicks !== false}\n    />,\n  );\n  return nodes;\n}\n\nfunction renderLine(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <LineChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Line\n          key={s.dataKey}\n          type={ctx.strokeType}\n          dataKey={s.dataKey}\n          name={s.name}\n          stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          strokeWidth={s.strokeWidth ?? 2}\n          dot={s.dot !== false}\n          activeDot={s.activeDot !== false ? { r: 8 } : false}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </LineChart>\n  );\n}\n\nfunction renderBar(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <BarChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Bar\n          key={s.dataKey}\n          dataKey={s.dataKey}\n          name={s.name}\n          fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          stackId={ctx.props.stacked ? 'stack' : undefined}\n          radius={ctx.barGeometry.radius}\n          maxBarSize={ctx.barGeometry.maxBarSize}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </BarChart>\n  );\n}\n\nfunction renderArea(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <AreaChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Area\n          key={s.dataKey}\n          type={ctx.strokeType}\n          dataKey={s.dataKey}\n          name={s.name}\n          stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fillOpacity={s.fillOpacity ?? 0.6}\n          stackId={ctx.props.stacked ? 'stack' : undefined}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </AreaChart>\n  );\n}\n\nfunction pieCenterLabel(ctx: ChartRenderContext): React.ReactNode {\n  const { centerLabel } = ctx.props;\n  const innerRadius = ctx.props.innerRadius ?? 0;\n  if (!centerLabel || innerRadius <= 0) return null;\n  const fill = ctx.props.variant === 'neon' ? '#00ffff' : ctx.theme.palette.text.primary;\n  return (\n    <text\n      x=\"50%\"\n      y=\"50%\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"middle\"\n      style={{ fontSize: ctx.sizeStyles.fontSize, fill, fontWeight: 600 }}\n    >\n      {typeof centerLabel === 'string' ? (\n        centerLabel\n      ) : (\n        <>\n          <tspan\n            x=\"50%\"\n            dy=\"-0.6em\"\n            style={{ fontSize: '0.875em', fontWeight: 500, fill: ctx.theme.palette.text.secondary }}\n          >\n            {centerLabel.label}\n          </tspan>\n          <tspan x=\"50%\" dy=\"1.4em\" style={{ fontSize: '1.5em', fontWeight: 700 }}>\n            {centerLabel.value}\n          </tspan>\n        </>\n      )}\n    </text>\n  );\n}\n\nfunction renderPie(ctx: ChartRenderContext): React.ReactElement {\n  const { props } = ctx;\n  return (\n    <PieChart>\n      {chartExtras(ctx)}\n      <Pie\n        data={props.data}\n        dataKey={ctx.chartSeries[0]?.dataKey ?? 'value'}\n        nameKey={props.xAxisKey ?? 'name'}\n        cx=\"50%\"\n        cy=\"50%\"\n        outerRadius={ctx.sizeStyles.height / 3}\n        innerRadius={props.innerRadius ?? 0}\n        fill={ctx.chartColors[0]}\n        label={props.showValues ?? false}\n        animationDuration={ctx.animationDuration}\n      >\n        {props.data.map((entry, index) => (\n          <Cell key={`cell-${index}`} fill={ctx.chartColors[index % ctx.chartColors.length]} />\n        ))}\n      </Pie>\n      {pieCenterLabel(ctx)}\n    </PieChart>\n  );\n}\n\nfunction renderRadar(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <RadarChart {...ctx.commonProps}>\n      <PolarGrid stroke={ctx.gridStroke} />\n      <PolarAngleAxis dataKey={ctx.props.xAxisKey ?? 'name'} style={ctx.axisStyle} />\n      <PolarRadiusAxis style={ctx.axisStyle} />\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Radar\n          key={s.dataKey}\n          dataKey={s.dataKey}\n          name={s.name}\n          stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fillOpacity={s.fillOpacity ?? 0.6}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </RadarChart>\n  );\n}\n\nfunction renderScatter(ctx: ChartRenderContext): React.ReactElement {\n  const { props } = ctx;\n  return (\n    <ScatterChart {...ctx.commonProps}>\n      {props.showCartesianGrid !== false && chartGrid(ctx)}\n      <XAxis\n        dataKey={props.xAxisKey ?? 'name'}\n        style={ctx.axisStyle}\n        label={props.xAxisLabel}\n        tickMargin={ctx.axisConfig.tickMargin}\n      />\n      <YAxis\n        dataKey={ctx.chartSeries[0]?.dataKey}\n        style={ctx.axisStyle}\n        label={props.yAxisLabel}\n        tickMargin={ctx.axisConfig.tickMargin}\n      />\n      {chartExtras(ctx)}\n      <Scatter\n        name={ctx.chartSeries[0]?.name ?? 'Data'}\n        data={props.data}\n        fill={ctx.chartColors[0]}\n        animationDuration={ctx.animationDuration}\n      />\n    </ScatterChart>\n  );\n}\n\nfunction composedSeries(ctx: ChartRenderContext, s: ChartSeries, index: number): React.ReactElement {\n  const color = s.color ?? ctx.chartColors[index % ctx.chartColors.length];\n  if (s.type === 'bar') {\n    return (\n      <Bar\n        key={s.dataKey}\n        dataKey={s.dataKey}\n        name={s.name}\n        fill={color}\n        radius={ctx.barGeometry.radius}\n        maxBarSize={ctx.barGeometry.maxBarSize}\n        animationDuration={ctx.animationDuration}\n      />\n    );\n  }\n  if (s.type === 'area') {\n    return (\n      <Area\n        key={s.dataKey}\n        type={ctx.strokeType}\n        dataKey={s.dataKey}\n        name={s.name}\n        stroke={color}\n        fill={color}\n        fillOpacity={0.6}\n        animationDuration={ctx.animationDuration}\n      />\n    );\n  }\n  return (\n    <Line\n      key={s.dataKey}\n      type={ctx.strokeType}\n      dataKey={s.dataKey}\n      name={s.name}\n      stroke={color}\n      animationDuration={ctx.animationDuration}\n    />\n  );\n}\n\nfunction renderComposed(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <ComposedChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => composedSeries(ctx, s, index))}\n    </ComposedChart>\n  );\n}\n\nconst RENDERERS: Record<string, (ctx: ChartRenderContext) => React.ReactElement> = {\n  line: renderLine,\n  bar: renderBar,\n  area: renderArea,\n  pie: renderPie,\n  radar: renderRadar,\n  scatter: renderScatter,\n  composed: renderComposed,\n};\n\n/** Render the Recharts element for the requested chart type. */\nexport function renderChartByType(props: ChartProps, theme: Theme): React.ReactElement {\n  const renderer = RENDERERS[props.type ?? 'line'];\n  const ctx = buildChartContext(props, theme);\n  return renderer ? renderer(ctx) : <></>;\n}\n"],"mappings":"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","names":[]}