@dreamtree-org/twreact-ui 1.3.1 → 1.3.2

package/dist/components/charts/AreaChart.d.ts

@@ -0,0 +1,4 @@
+export default AreaChart;
+declare const AreaChart: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";
+//# sourceMappingURL=AreaChart.d.ts.map

package/dist/components/charts/AreaChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/AreaChart.jsx"],"names":[],"mappings":";AAGA,mFAAwG;kBAHtF,OAAO"}

package/dist/components/charts/BarChart.d.ts

@@ -0,0 +1,4 @@
+export default BarChart;
+declare const BarChart: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";
+//# sourceMappingURL=BarChart.d.ts.map

package/dist/components/charts/BarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/BarChart.jsx"],"names":[],"mappings":";AAGA,kFAAsG;kBAHpF,OAAO"}

package/dist/components/charts/CartesianChart.d.ts

@@ -0,0 +1,5 @@
+export default CartesianChart;
+/** Shared implementation of LineChart / BarChart / AreaChart. */
+declare const CartesianChart: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";
+//# sourceMappingURL=CartesianChart.d.ts.map

package/dist/components/charts/CartesianChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/CartesianChart.jsx"],"names":[],"mappings":";AA0DA,iEAAiE;AACjE,wFAwHG;kBAnLe,OAAO"}

package/dist/components/charts/ChartFrame.d.ts

@@ -0,0 +1,18 @@
+export function ChartLegend({ items }: {
+    items: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function ChartTooltipContent({ active, payload, label, valueFormatter, hideLabel }: {
+    active: any;
+    payload: any;
+    label: any;
+    valueFormatter: any;
+    hideLabel?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * The accessible shell every chart renders: the SVG lives in a `role="img"`
+ * region named by `title` and described by `description`; the numbers are
+ * repeated in a visually-hidden table (recharts' SVG has no accessible content).
+ */
+export const ChartFrame: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";
+//# sourceMappingURL=ChartFrame.d.ts.map

package/dist/components/charts/ChartFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFrame.d.ts","sourceRoot":"","sources":["../../../src/components/charts/ChartFrame.jsx"],"names":[],"mappings":"AASA;;4CAWC;AAED;;;;;;mDAgBC;AA8BD;;;;GAIG;AACH,mFA4DG;kBArI0B,OAAO"}

package/dist/components/charts/DonutChart.d.ts

@@ -0,0 +1,4 @@
+export default DonutChart;
+declare const DonutChart: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";
+//# sourceMappingURL=DonutChart.d.ts.map

package/dist/components/charts/DonutChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/DonutChart.jsx"],"names":[],"mappings":";AAKA,oFA8EE;kBAnFgB,OAAO"}

package/dist/components/charts/LineChart.d.ts

@@ -0,0 +1,4 @@
+export default LineChart;
+declare const LineChart: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";
+//# sourceMappingURL=LineChart.d.ts.map

package/dist/components/charts/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/LineChart.jsx"],"names":[],"mappings":";AAGA,mFAAwG;kBAHtF,OAAO"}

package/dist/components/charts/Sparkline.d.ts

@@ -0,0 +1,5 @@
+export default Sparkline;
+/** A word-sized trend line: no axes, grid or legend — just the shape of the data. */
+declare const Sparkline: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";
+//# sourceMappingURL=Sparkline.d.ts.map

package/dist/components/charts/Sparkline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../src/components/charts/Sparkline.jsx"],"names":[],"mappings":";AAKA,qFAAqF;AACrF,mFAqEE;kBA3EgB,OAAO"}

package/dist/components/charts/chartTheme.d.ts

@@ -0,0 +1,26 @@
+/** `"primary"` → `"--dt-primary-500"`, `"error-300"` → `"--dt-error-300"`; null for anything else. */
+export function tokenVar(color: any): string | null;
+/**
+ * A series colour: a palette token (`primary`, `success-600`, …) resolves to the
+ * matching `--dt-*` variable; any other string is treated as a CSS colour supplied
+ * by the consumer (e.g. a colour stored with the data).
+ */
+export function resolveColor(color: any): any;
+export function seriesColors(categories: any, colors: any): any;
+/**
+ * Chart chrome + series colours, re-read whenever the theme flips (the `dark`
+ * class or `data-theme` on <html>) so axes and series follow dark mode without
+ * a remount.
+ */
+export function useChartTheme(categories: any, colors: any): {
+    chrome: {
+        [k: string]: string;
+    };
+    series: any;
+};
+/** `true` while the user asks the OS for reduced motion; follows changes live. */
+export function useReducedMotion(): boolean;
+export const CHART_PALETTES: string[];
+export const DEFAULT_CHART_COLORS: string[];
+export function defaultValueFormatter(value: any): string;
+//# sourceMappingURL=chartTheme.d.ts.map

package/dist/components/charts/chartTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartTheme.d.ts","sourceRoot":"","sources":["../../../src/components/charts/chartTheme.js"],"names":[],"mappings":"AAgBA,sGAAsG;AACtG,oDAGC;AAeD;;;;GAIG;AACH,8CAGC;AAED,gEAGC;AAMD;;;;GAIG;AACH;;;;;EAaC;AAED,kFAAkF;AAClF,4CAYC;AApFD,sCAAsG;AAEtG,4CAA4G;AAoFrG,0DACkF"}

package/dist/components/rich-text/RichTextEditor.d.ts

@@ -0,0 +1,4 @@
+export default RichTextEditor;
+declare const RichTextEditor: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";
+//# sourceMappingURL=RichTextEditor.d.ts.map

package/dist/components/rich-text/RichTextEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text/RichTextEditor.jsx"],"names":[],"mappings":";AA2BA,wFAsLE;kBAjN+E,OAAO"}

package/dist/components/rich-text/RichTextToolbar.d.ts

@@ -0,0 +1,219 @@
+/** Toolbar state derived from the editor on every transaction (via useEditorState). */
+export function selectToolbarState(editor: any): {
+    isEmpty: any;
+    bold: any;
+    italic: any;
+    strike: any;
+    code: any;
+    heading1: any;
+    heading2: any;
+    heading3: any;
+    bulletList: any;
+    orderedList: any;
+    blockquote: any;
+    codeBlock: any;
+    link: any;
+    undo: any;
+    redo: any;
+} | null;
+/** Normalises a typed URL; returns null for schemes we refuse (javascript:, data:, …). */
+export function normalizeUrl(raw: any): string | null;
+/**
+ * A WAI-ARIA toolbar: one tab stop, arrow keys / Home / End move between the
+ * buttons (roving tabindex), toggles report `aria-pressed`.
+ */
+export function RichTextToolbar({ editor, state, items, disabled, controlsId, label }: {
+    editor: any;
+    state: any;
+    items: any;
+    disabled: any;
+    controlsId: any;
+    label?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace TOOLBAR_ITEMS {
+    namespace bold {
+        export let label: string;
+        export { Bold as icon };
+        export let group: string;
+        export let shortcut: string;
+        export let toggle: boolean;
+        export function run(c: any): any;
+    }
+    namespace italic {
+        let label_1: string;
+        export { label_1 as label };
+        export { Italic as icon };
+        let group_1: string;
+        export { group_1 as group };
+        let shortcut_1: string;
+        export { shortcut_1 as shortcut };
+        let toggle_1: boolean;
+        export { toggle_1 as toggle };
+        export function run_1(c: any): any;
+        export { run_1 as run };
+    }
+    namespace strike {
+        let label_2: string;
+        export { label_2 as label };
+        export { Strikethrough as icon };
+        let group_2: string;
+        export { group_2 as group };
+        let shortcut_2: string;
+        export { shortcut_2 as shortcut };
+        let toggle_2: boolean;
+        export { toggle_2 as toggle };
+        export function run_2(c: any): any;
+        export { run_2 as run };
+    }
+    namespace code {
+        let label_3: string;
+        export { label_3 as label };
+        export { Code as icon };
+        let group_3: string;
+        export { group_3 as group };
+        let shortcut_3: string;
+        export { shortcut_3 as shortcut };
+        let toggle_3: boolean;
+        export { toggle_3 as toggle };
+        export function run_3(c: any): any;
+        export { run_3 as run };
+    }
+    namespace heading1 {
+        let label_4: string;
+        export { label_4 as label };
+        export { Heading1 as icon };
+        let group_4: string;
+        export { group_4 as group };
+        let shortcut_4: string;
+        export { shortcut_4 as shortcut };
+        let toggle_4: boolean;
+        export { toggle_4 as toggle };
+        export function run_4(c: any): any;
+        export { run_4 as run };
+    }
+    namespace heading2 {
+        let label_5: string;
+        export { label_5 as label };
+        export { Heading2 as icon };
+        let group_5: string;
+        export { group_5 as group };
+        let shortcut_5: string;
+        export { shortcut_5 as shortcut };
+        let toggle_5: boolean;
+        export { toggle_5 as toggle };
+        export function run_5(c: any): any;
+        export { run_5 as run };
+    }
+    namespace heading3 {
+        let label_6: string;
+        export { label_6 as label };
+        export { Heading3 as icon };
+        let group_6: string;
+        export { group_6 as group };
+        let shortcut_6: string;
+        export { shortcut_6 as shortcut };
+        let toggle_6: boolean;
+        export { toggle_6 as toggle };
+        export function run_6(c: any): any;
+        export { run_6 as run };
+    }
+    namespace bulletList {
+        let label_7: string;
+        export { label_7 as label };
+        export { List as icon };
+        let group_7: string;
+        export { group_7 as group };
+        let shortcut_7: string;
+        export { shortcut_7 as shortcut };
+        let toggle_7: boolean;
+        export { toggle_7 as toggle };
+        export function run_7(c: any): any;
+        export { run_7 as run };
+    }
+    namespace orderedList {
+        let label_8: string;
+        export { label_8 as label };
+        export { ListOrdered as icon };
+        let group_8: string;
+        export { group_8 as group };
+        let shortcut_8: string;
+        export { shortcut_8 as shortcut };
+        let toggle_8: boolean;
+        export { toggle_8 as toggle };
+        export function run_8(c: any): any;
+        export { run_8 as run };
+    }
+    namespace blockquote {
+        let label_9: string;
+        export { label_9 as label };
+        export { Quote as icon };
+        let group_9: string;
+        export { group_9 as group };
+        let shortcut_9: string;
+        export { shortcut_9 as shortcut };
+        let toggle_9: boolean;
+        export { toggle_9 as toggle };
+        export function run_9(c: any): any;
+        export { run_9 as run };
+    }
+    namespace codeBlock {
+        let label_10: string;
+        export { label_10 as label };
+        export { SquareCode as icon };
+        let group_10: string;
+        export { group_10 as group };
+        let shortcut_10: string;
+        export { shortcut_10 as shortcut };
+        let toggle_10: boolean;
+        export { toggle_10 as toggle };
+        export function run_10(c: any): any;
+        export { run_10 as run };
+    }
+    namespace link {
+        let label_11: string;
+        export { label_11 as label };
+        export { LinkIcon as icon };
+        let group_11: string;
+        export { group_11 as group };
+        let toggle_11: boolean;
+        export { toggle_11 as toggle };
+    }
+    namespace undo {
+        let label_12: string;
+        export { label_12 as label };
+        export { Undo as icon };
+        let group_12: string;
+        export { group_12 as group };
+        let shortcut_11: string;
+        export { shortcut_11 as shortcut };
+        export function run_11(c: any): any;
+        export { run_11 as run };
+    }
+    namespace redo {
+        let label_13: string;
+        export { label_13 as label };
+        export { Redo as icon };
+        let group_13: string;
+        export { group_13 as group };
+        let shortcut_12: string;
+        export { shortcut_12 as shortcut };
+        export function run_12(c: any): any;
+        export { run_12 as run };
+    }
+}
+export const DEFAULT_TOOLBAR: string[];
+import { Bold } from "lucide-react";
+import { Italic } from "lucide-react";
+import { Strikethrough } from "lucide-react";
+import { Code } from "lucide-react";
+import { Heading1 } from "lucide-react";
+import { Heading2 } from "lucide-react";
+import { Heading3 } from "lucide-react";
+import { List } from "lucide-react";
+import { ListOrdered } from "lucide-react";
+import { Quote } from "lucide-react";
+import { SquareCode } from "lucide-react";
+import { Link as LinkIcon } from "lucide-react";
+import { Undo } from "lucide-react";
+import { Redo } from "lucide-react";
+//# sourceMappingURL=RichTextToolbar.d.ts.map

package/dist/components/rich-text/RichTextToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text/RichTextToolbar.jsx"],"names":[],"mappings":"AAuDA,uFAAuF;AACvF;;;;;;;;;;;;;;;;SAmBC;AAKD,0FAA0F;AAC1F,sDAMC;AAsFD;;;GAGG;AACH;;;;;;;4CAkFC;;;;;;;;QA3O0F,iCAAqB;;;;;;;;;;;;QACf,mCAAuB;;;;;;;;;;;;;QACH,mCAAuB;;;;;;;;;;;;;QAC1C,mCAAqB;;;;;;;;;;;;;QACV,mCAAoC;;;;;;;;;;;;;QACpC,mCAAoC;;;;;;;;;;;;;QACpC,mCAAoC;;;;;;;;;;;;;QAChC,mCAA2B;;;;;;;;;;;;;QACnB,mCAA4B;;;;;;;;;;;;;QAC3C,mCAA2B;;;;;;;;;;;;;QACpB,oCAA0B;;;;;;;;;;;;;;;;;;;;QAE5D,oCAAe;;;;;;;;;;;QACT,oCAAe;;;;AAGpG,uCAaE;qBArCK,cAAc;uBAAd,cAAc;8BAAd,cAAc;qBAAd,cAAc;yBAAd,cAAc;yBAAd,cAAc;yBAAd,cAAc;qBAAd,cAAc;4BAAd,cAAc;sBAAd,cAAc;2BAAd,cAAc;iCAAd,cAAc;qBAAd,cAAc;qBAAd,cAAc"}

package/dist/esm/charts/index.js

@@ -0,0 +1,5 @@
+export { default as LineChart } from '../components/charts/LineChart.js';
+export { default as BarChart } from '../components/charts/BarChart.js';
+export { default as AreaChart } from '../components/charts/AreaChart.js';
+export { default as DonutChart } from '../components/charts/DonutChart.js';
+export { default as Sparkline } from '../components/charts/Sparkline.js';

package/dist/esm/components/charts/AreaChart.js

@@ -0,0 +1,16 @@
+'use client';
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import CartesianChart from './CartesianChart.js';
+
+var AreaChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return jsx(CartesianChart, _objectSpread2(_objectSpread2({
+    ref: ref
+  }, props), {}, {
+    kind: "area"
+  }));
+});
+AreaChart.displayName = "AreaChart";
+
+export { AreaChart as default };

package/dist/esm/components/charts/BarChart.js

@@ -0,0 +1,16 @@
+'use client';
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import CartesianChart from './CartesianChart.js';
+
+var BarChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return jsx(CartesianChart, _objectSpread2(_objectSpread2({
+    ref: ref
+  }, props), {}, {
+    kind: "bar"
+  }));
+});
+BarChart.displayName = "BarChart";
+
+export { BarChart as default };

package/dist/esm/components/charts/CartesianChart.js

@@ -0,0 +1,250 @@
+'use client';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React from 'react';
+import { ResponsiveContainer, AreaChart, BarChart, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Bar, Area, Line } from 'recharts';
+import { ChartFrame, ChartTooltipContent } from './ChartFrame.js';
+import { useChartTheme, useReducedMotion, defaultValueFormatter } from './chartTheme.js';
+
+var _excluded = ["kind", "data", "index", "categories", "colors", "valueFormatter", "xAxisFormatter", "height", "showLegend", "showTooltip", "showXAxis", "showYAxis", "showGrid", "yAxisWidth", "curveType", "stacked", "horizontal", "showDots", "connectNulls", "animate", "title", "description", "emptyState", "accessibleTable", "className"];
+var ROOTS = {
+  line: LineChart,
+  bar: BarChart,
+  area: AreaChart
+};
+var TITLES = {
+  line: "Line chart",
+  bar: "Bar chart",
+  area: "Area chart"
+};
+var CURVES = {
+  linear: "linear",
+  monotone: "monotone",
+  step: "step",
+  natural: "natural"
+};
+function renderSeries(kind, _ref) {
+  var category = _ref.category,
+    color = _ref.color,
+    curve = _ref.curve,
+    stacked = _ref.stacked,
+    showDots = _ref.showDots,
+    connectNulls = _ref.connectNulls,
+    animate = _ref.animate,
+    horizontal = _ref.horizontal,
+    barRadius = _ref.barRadius;
+  var common = {
+    dataKey: category,
+    name: category,
+    isAnimationActive: animate
+  };
+  if (kind === "bar") {
+    var radius = horizontal ? [0, barRadius, barRadius, 0] : [barRadius, barRadius, 0, 0];
+    return jsx(Bar, _objectSpread2(_objectSpread2({}, common), {}, {
+      fill: color,
+      stackId: stacked ? "stack" : undefined,
+      radius: stacked ? 0 : radius,
+      maxBarSize: 48
+    }), category);
+  }
+  if (kind === "area") {
+    return jsx(Area, _objectSpread2(_objectSpread2({}, common), {}, {
+      type: curve,
+      stroke: color,
+      fill: color,
+      fillOpacity: stacked ? 0.4 : 0.15,
+      strokeWidth: 2,
+      stackId: stacked ? "stack" : undefined,
+      dot: showDots ? {
+        r: 3,
+        fill: color,
+        strokeWidth: 0
+      } : false,
+      activeDot: {
+        r: 4,
+        strokeWidth: 0,
+        fill: color
+      },
+      connectNulls: connectNulls
+    }), category);
+  }
+  return jsx(Line, _objectSpread2(_objectSpread2({}, common), {}, {
+    type: curve,
+    stroke: color,
+    strokeWidth: 2,
+    dot: showDots ? {
+      r: 3,
+      fill: color,
+      strokeWidth: 0
+    } : false,
+    activeDot: {
+      r: 4,
+      strokeWidth: 0,
+      fill: color
+    },
+    connectNulls: connectNulls
+  }), category);
+}
+/** Shared implementation of LineChart / BarChart / AreaChart. */
+var CartesianChart = /*#__PURE__*/React.forwardRef(function CartesianChart(_ref2, ref) {
+  var kind = _ref2.kind,
+    data = _ref2.data,
+    index = _ref2.index,
+    _ref2$categories = _ref2.categories,
+    categories = _ref2$categories === void 0 ? [] : _ref2$categories,
+    colors = _ref2.colors,
+    _ref2$valueFormatter = _ref2.valueFormatter,
+    valueFormatter = _ref2$valueFormatter === void 0 ? defaultValueFormatter : _ref2$valueFormatter,
+    xAxisFormatter = _ref2.xAxisFormatter,
+    _ref2$height = _ref2.height,
+    height = _ref2$height === void 0 ? 300 : _ref2$height,
+    _ref2$showLegend = _ref2.showLegend,
+    showLegend = _ref2$showLegend === void 0 ? true : _ref2$showLegend,
+    _ref2$showTooltip = _ref2.showTooltip,
+    showTooltip = _ref2$showTooltip === void 0 ? true : _ref2$showTooltip,
+    _ref2$showXAxis = _ref2.showXAxis,
+    showXAxis = _ref2$showXAxis === void 0 ? true : _ref2$showXAxis,
+    _ref2$showYAxis = _ref2.showYAxis,
+    showYAxis = _ref2$showYAxis === void 0 ? true : _ref2$showYAxis,
+    _ref2$showGrid = _ref2.showGrid,
+    showGrid = _ref2$showGrid === void 0 ? true : _ref2$showGrid,
+    _ref2$yAxisWidth = _ref2.yAxisWidth,
+    yAxisWidth = _ref2$yAxisWidth === void 0 ? 48 : _ref2$yAxisWidth,
+    _ref2$curveType = _ref2.curveType,
+    curveType = _ref2$curveType === void 0 ? "monotone" : _ref2$curveType,
+    _ref2$stacked = _ref2.stacked,
+    stacked = _ref2$stacked === void 0 ? false : _ref2$stacked,
+    _ref2$horizontal = _ref2.horizontal,
+    horizontal = _ref2$horizontal === void 0 ? false : _ref2$horizontal,
+    _ref2$showDots = _ref2.showDots,
+    showDots = _ref2$showDots === void 0 ? false : _ref2$showDots,
+    _ref2$connectNulls = _ref2.connectNulls,
+    connectNulls = _ref2$connectNulls === void 0 ? false : _ref2$connectNulls,
+    _ref2$animate = _ref2.animate,
+    animate = _ref2$animate === void 0 ? true : _ref2$animate,
+    title = _ref2.title,
+    description = _ref2.description,
+    emptyState = _ref2.emptyState,
+    _ref2$accessibleTable = _ref2.accessibleTable,
+    accessibleTable = _ref2$accessibleTable === void 0 ? true : _ref2$accessibleTable,
+    className = _ref2.className,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var _useChartTheme = useChartTheme(categories, colors),
+    chrome = _useChartTheme.chrome,
+    series = _useChartTheme.series;
+  var reducedMotion = useReducedMotion();
+  var Root = ROOTS[kind];
+  var isHorizontalBars = kind === "bar" && horizontal;
+  var curve = CURVES[curveType] || "monotone";
+  var tick = {
+    fill: chrome.axis,
+    fontSize: 12
+  };
+  var formatIndex = xAxisFormatter || function (v) {
+    return v == null ? "" : String(v);
+  };
+  var categoryAxis = {
+    dataKey: index,
+    tick: tick,
+    tickLine: false,
+    axisLine: false,
+    tickFormatter: xAxisFormatter,
+    hide: !showXAxis,
+    minTickGap: 8
+  };
+  var valueAxis = {
+    tick: tick,
+    tickLine: false,
+    axisLine: false,
+    tickFormatter: valueFormatter,
+    hide: !showYAxis,
+    width: yAxisWidth
+  };
+  return jsx(ChartFrame, _objectSpread2(_objectSpread2({
+    ref: ref,
+    className: className,
+    title: title,
+    description: description,
+    defaultTitle: TITLES[kind],
+    data: data,
+    height: height,
+    emptyState: emptyState,
+    accessibleTable: accessibleTable,
+    legend: showLegend ? categories.map(function (c, i) {
+      return {
+        name: c,
+        color: series[i]
+      };
+    }) : null,
+    tableColumns: [{
+      key: index,
+      label: index,
+      format: formatIndex
+    }].concat(_toConsumableArray(categories.map(function (c) {
+      return {
+        key: c,
+        label: c,
+        format: valueFormatter
+      };
+    })))
+  }, rest), {}, {
+    children: jsx(ResponsiveContainer, {
+      width: "100%",
+      height: "100%",
+      minWidth: 0,
+      children: jsxs(Root, {
+        data: data,
+        layout: isHorizontalBars ? "vertical" : "horizontal",
+        margin: {
+          top: 8,
+          right: 8,
+          bottom: 0,
+          left: 0
+        },
+        accessibilityLayer: false,
+        children: [showGrid && jsx(CartesianGrid, {
+          stroke: chrome.grid,
+          strokeDasharray: "3 3",
+          vertical: isHorizontalBars,
+          horizontal: !isHorizontalBars
+        }), isHorizontalBars ? jsx(XAxis, _objectSpread2(_objectSpread2({
+          type: "number"
+        }, valueAxis), {}, {
+          hide: !showXAxis,
+          width: undefined
+        })) : jsx(XAxis, _objectSpread2({}, categoryAxis)), isHorizontalBars ? jsx(YAxis, _objectSpread2(_objectSpread2({
+          type: "category"
+        }, categoryAxis), {}, {
+          hide: !showYAxis,
+          width: yAxisWidth,
+          interval: 0
+        })) : jsx(YAxis, _objectSpread2({}, valueAxis)), showTooltip && jsx(Tooltip, {
+          cursor: kind === "bar" ? {
+            fill: chrome.grid,
+            fillOpacity: 0.4
+          } : {
+            stroke: chrome.grid
+          },
+          isAnimationActive: false,
+          content: jsx(ChartTooltipContent, {
+            valueFormatter: valueFormatter
+          })
+        }), categories.map(function (category, i) {
+          return renderSeries(kind, {
+            category: category,
+            color: series[i],
+            curve: curve,
+            stacked: stacked,
+            showDots: showDots,
+            connectNulls: connectNulls,
+            animate: animate && !reducedMotion,
+            horizontal: isHorizontalBars,
+            barRadius: 4
+          });
+        })]
+      })
+    })
+  }));
+});
+
+export { CartesianChart as default };