@expcat/tigercat-react 2.0.0-preview.1 → 2.0.0-preview.3

package/dist/{chunk-2YDLAZTK.mjs → chunk-3O2WHF3U.mjs}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-677VSTPW.mjs";
 import {
   ChartLegend
-} from "./chunk-ZG2W4HS5.mjs";
+} from "./chunk-F2ITBDUS.mjs";
 import {
   ChartSeries
 } from "./chunk-SDLMB34Y.mjs";
@@ -41,10 +41,12 @@ import {
   defaultSeriesXYTooltipFormatter
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_CARTESIAN_PADDING = { top: 24, right: 24, bottom: 52, left: 52 };
 var LineChart = ({
   width = 320,
   height = 200,
-  padding = 24,
+  padding = DEFAULT_CARTESIAN_PADDING,
+  responsive = false,
   data,
   series,
   xScale: xScaleProp,
@@ -297,6 +299,7 @@ var LineChart = ({
       width,
       height,
       padding,
+      responsive,
       title,
       desc,
       className: classNames(className),

package/dist/{chunk-MZPKFMQC.mjs → chunk-44BPUG24.mjs}

@@ -1,6 +1,9 @@
 import {
   useFormContext
-} from "./chunk-7RI5W465.mjs";
+} from "./chunk-OQLP452R.mjs";
+import {
+  FormItemControlProvider
+} from "./chunk-F6T3OLTQ.mjs";
 
 // src/components/FormItem.tsx
 import React, { useMemo, useEffect, useState, useCallback, useId, useRef } from "react";
@@ -162,8 +165,6 @@ var FormItem = ({
     };
     if (!isNativeElement) {
       nextProps.status = hasError ? "error" : onlyChild.props.status;
-      nextProps.errorMessage = hasError && !showMessage ? errorMessage : onlyChild.props.errorMessage;
-      nextProps._shakeTrigger = hasError ? shakeTrigger : void 0;
     }
     return React.cloneElement(onlyChild, nextProps);
   }, [
@@ -172,9 +173,6 @@ var FormItem = ({
     onlyChild,
     effectiveFieldId,
     hasError,
-    errorMessage,
-    showMessage,
-    shakeTrigger,
     isRequired,
     conditionState.disabled,
     formContext?.disabled,
@@ -183,6 +181,14 @@ var FormItem = ({
     handleBlur,
     handleChange
   ]);
+  const controlValue = useMemo(
+    () => ({
+      status: hasError ? "error" : void 0,
+      errorMessage: hasError && !showMessage ? errorMessage : void 0,
+      shakeTrigger: hasError ? shakeTrigger : void 0
+    }),
+    [hasError, showMessage, errorMessage, shakeTrigger]
+  );
   const formItemClasses = useMemo(
     () => classNames(
       getFormItemClasses({
@@ -249,7 +255,7 @@ var FormItem = ({
           "aria-invalid": hasError ? true : void 0,
           onBlur: isClonableChild ? void 0 : handleBlur,
           onChange: isClonableChild ? void 0 : handleChange,
-          children: enhancedChild
+          children: /* @__PURE__ */ jsx(FormItemControlProvider, { value: controlValue, children: enhancedChild })
         }
       ),
       showMessage && /* @__PURE__ */ jsx(

package/dist/{chunk-7TVZTASQ.mjs → chunk-44CQTGAN.mjs}

@@ -15,10 +15,13 @@ import {
 } from "./chunk-677VSTPW.mjs";
 import {
   ChartLegend
-} from "./chunk-ZG2W4HS5.mjs";
+} from "./chunk-F2ITBDUS.mjs";
 import {
   ChartSeries
 } from "./chunk-SDLMB34Y.mjs";
+import {
+  useTigerConfig
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/ScatterChart.tsx
 import { useId, useMemo, useState, useEffect } from "react";
@@ -37,13 +40,16 @@ import {
   SCATTER_ENTRANCE_CLASS,
   resolveChartPalette,
   buildChartLegendItems,
-  resolveChartTooltipContent
+  resolveChartTooltipContent,
+  mergeTigerLocale,
+  getChartLabels
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ScatterChart = ({
   width = 320,
   height = 200,
   padding = 24,
+  responsive = false,
   data,
   xScale,
   yScale,
@@ -94,14 +100,25 @@ var ScatterChart = ({
   colors,
   title,
   desc,
+  locale,
+  labels: labelsOverride,
   className
 }) => {
+  const config = useTigerConfig();
   const gradientId = useId();
   const gradientPrefix = useMemo(
     () => getStableChartGradientPrefix("scatter", gradientId),
     [gradientId]
   );
   const [mounted, setMounted] = useState(false);
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(
+    () => getChartLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
   useEffect(() => {
     if (animated) setMounted(true);
   }, [animated]);
@@ -211,6 +228,7 @@ var ScatterChart = ({
       width,
       height,
       padding,
+      responsive,
       title,
       desc,
       className: classNames(className),
@@ -292,7 +310,7 @@ var ScatterChart = ({
             style: Object.keys(styleObj).length > 0 ? styleObj : void 0,
             tabIndex: selectable ? 0 : void 0,
             role: selectable ? "button" : "img",
-            "aria-label": point.datum.label ?? `Point ${index + 1}: (${point.datum.x}, ${point.datum.y})`,
+            "aria-label": point.datum.label ?? labels.pointAriaLabel.replace("{index}", String(index + 1)).replace("{x}", String(point.datum.x)).replace("{y}", String(point.datum.y)),
             "data-point-index": index,
             onMouseEnter: (e) => handleMouseEnter(index, e),
             onMouseMove: handleMouseMove,
@@ -349,6 +367,7 @@ var ScatterChart = ({
         position: legendPosition,
         markerSize: legendMarkerSize,
         gap: legendGap,
+        ariaLabel: labels.legendAriaLabel,
         interactive,
         onItemClick: handleLegendClick,
         onItemHover: handleLegendHover,

package/dist/{chunk-7PP6RECM.mjs → chunk-532RNNPH.mjs}

@@ -1,16 +1,16 @@
 import {
   TabPane,
   Tabs
-} from "./chunk-J4HCTYJG.mjs";
+} from "./chunk-Z3CRHC5F.mjs";
 import {
   List
-} from "./chunk-6REMGSLS.mjs";
+} from "./chunk-D4LASFVY.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
 import {
   Loading
-} from "./chunk-WTIEJCRV.mjs";
+} from "./chunk-AJJJ6HWC.mjs";
 import {
   Text
 } from "./chunk-HLS4CHWX.mjs";

package/dist/{chunk-533KLM7P.mjs → chunk-5IHOOP5A.mjs}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-5TE7KLE5.mjs";
 import {
   Tag
-} from "./chunk-MZCGQED3.mjs";
+} from "./chunk-7EXOY7GD.mjs";
 import {
   Text
 } from "./chunk-HLS4CHWX.mjs";
 import {
   Avatar
-} from "./chunk-4ZZ7YRTB.mjs";
+} from "./chunk-OO562MFD.mjs";
 
 // src/components/CommentThread.tsx
 import { useMemo, useState } from "react";

package/dist/{chunk-CR4QBH46.mjs → chunk-5RVLBNLI.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-FLYJVZED.mjs";
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/Tour.tsx
 import { useState, useEffect, useRef, useCallback, useMemo } from "react";

package/dist/{chunk-MQ34GFHN.mjs → chunk-5XDRILPM.mjs}

@@ -1,18 +1,18 @@
 import {
   Select
-} from "./chunk-JSBWEK6D.mjs";
+} from "./chunk-H64TM6UQ.mjs";
 import {
   Radio
 } from "./chunk-IIWUQK2P.mjs";
 import {
   Empty
-} from "./chunk-NJHZQBA7.mjs";
+} from "./chunk-W7BC4I2Y.mjs";
 import {
   Checkbox
 } from "./chunk-EPWAROC2.mjs";
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/Table.tsx
 import { useEffect as useEffect2, useMemo as useMemo2, useRef, useState as useState2 } from "react";

package/dist/{chunk-UPQGB5NQ.mjs → chunk-6SEPT4C5.mjs}

@@ -1,5 +1,5 @@
 // src/components/PrintLayout.tsx
-import { useMemo } from "react";
+import React, { useMemo, useContext } from "react";
 import {
   classNames,
   getPrintLayoutClasses,
@@ -8,6 +8,9 @@ import {
   printLayoutPageBreakClasses
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
+var PrintLayoutContext = React.createContext({
+  showPageBreaks: true
+});
 var PrintLayout = ({
   pageSize = "A4",
   orientation = "portrait",
@@ -17,6 +20,7 @@ var PrintLayout = ({
   footerText,
   headerRender,
   footerRender,
+  showPageBreaks = true,
   className,
   children,
   ...rest
@@ -25,20 +29,27 @@ var PrintLayout = ({
     () => getPrintLayoutClasses(pageSize, orientation, className),
     [pageSize, orientation, className]
   );
-  return /* @__PURE__ */ jsxs("div", { ...rest, className: classes, children: [
+  const contextValue = useMemo(() => ({ showPageBreaks }), [showPageBreaks]);
+  return /* @__PURE__ */ jsx(PrintLayoutContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("div", { ...rest, className: classes, children: [
     showHeader && (headerRender || headerText) && /* @__PURE__ */ jsx("div", { className: printLayoutHeaderClasses, children: headerRender || headerText }),
     /* @__PURE__ */ jsx("div", { className: "tiger-print-content", children }),
     showFooter && (footerRender || footerText) && /* @__PURE__ */ jsx("div", { className: printLayoutFooterClasses, children: footerRender || footerText })
-  ] });
+  ] }) });
+};
+var PrintPageBreak = (props) => {
+  const { showPageBreaks } = useContext(PrintLayoutContext);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: classNames(
+        showPageBreaks && printLayoutPageBreakClasses,
+        "print:break-before-page"
+      ),
+      "aria-hidden": "true"
+    }
+  );
 };
-var PrintPageBreak = (props) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ...props,
-    className: classNames(printLayoutPageBreakClasses, "print:break-before-page"),
-    "aria-hidden": "true"
-  }
-);
 
 export {
   PrintLayout,

package/dist/{chunk-GCOA4AO6.mjs → chunk-773LH7BK.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/TaskBoard.tsx
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-MZCGQED3.mjs → chunk-7EXOY7GD.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/Tag.tsx
 import { useMemo, useState } from "react";

package/dist/{chunk-AF3N4GJJ.mjs → chunk-7KCQMXJA.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-DKNVSQSV.mjs";
 import {
   ChartLegend
-} from "./chunk-ZG2W4HS5.mjs";
+} from "./chunk-F2ITBDUS.mjs";
 
 // src/components/FunnelChart.tsx
 import { useId, useMemo } from "react";

package/dist/{chunk-SNE3E22Q.mjs → chunk-A6JNS35U.mjs}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-677VSTPW.mjs";
 import {
   ChartLegend
-} from "./chunk-ZG2W4HS5.mjs";
+} from "./chunk-F2ITBDUS.mjs";
 import {
   ChartSeries
 } from "./chunk-SDLMB34Y.mjs";
@@ -41,10 +41,12 @@ import {
   barValueLabelInsideClasses
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_CARTESIAN_PADDING = { top: 24, right: 24, bottom: 52, left: 52 };
 var BarChart = ({
   width = 320,
   height = 200,
-  padding = 24,
+  padding = DEFAULT_CARTESIAN_PADDING,
+  responsive = false,
   data,
   xScale,
   yScale,
@@ -223,6 +225,7 @@ var BarChart = ({
       width,
       height,
       padding,
+      responsive,
       title,
       desc,
       className: classNames(className),

package/dist/{chunk-FWIYDMJA.mjs → chunk-AGTXDHQJ.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/Pagination.tsx
 import { useState, useCallback, useEffect, useMemo, useRef } from "react";

package/dist/{chunk-WTIEJCRV.mjs → chunk-AJJJ6HWC.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-SEWNVIHH.mjs";
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/Loading.tsx
 import { useEffect, useState, useMemo } from "react";

package/dist/{chunk-SHJNDDYK.mjs → chunk-ASLRAZZN.mjs}

@@ -1,6 +1,9 @@
 import {
   useControlledState
 } from "./chunk-MEFARVQI.mjs";
+import {
+  useTigerConfig
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/RichTextEditor.tsx
 import { useRef, useState, useCallback, useEffect, useMemo } from "react";
@@ -18,7 +21,9 @@ import {
   isContentEmpty,
   parseHeight,
   builtinRichTextEngine,
-  isToolbarSeparator
+  isToolbarSeparator,
+  mergeTigerLocale,
+  getRichTextEditorLabels
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var RichTextEditor = ({
@@ -31,10 +36,13 @@ var RichTextEditor = ({
   readOnly = false,
   disabled = false,
   onChange,
+  locale,
+  labels: labelsOverride,
   className,
   engine,
   ...restProps
 }) => {
+  const config = useTigerConfig();
   const editorRef = useRef(null);
   const engineRef = useRef(null);
   const [currentContent, setContent] = useControlledState(value, defaultValue, onChange);
@@ -42,6 +50,14 @@ var RichTextEditor = ({
   const [activeFormats, setActiveFormats] = useState(/* @__PURE__ */ new Set());
   const toolbarItems = toolbar ?? defaultToolbar;
   const empty = isContentEmpty(currentContent);
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(
+    () => getRichTextEditorLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
   useEffect(() => {
     if (!editorRef.current) return;
     const factory = engine ?? builtinRichTextEngine;
@@ -102,35 +118,43 @@ var RichTextEditor = ({
     return { height: ht };
   }, [height]);
   return /* @__PURE__ */ jsxs("div", { className: containerClasses, style: containerStyle, ...restProps, children: [
-    /* @__PURE__ */ jsx("div", { className: richTextToolbarClasses, role: "toolbar", "aria-label": "Text formatting", children: toolbarItems.map((item, idx) => {
-      if (isToolbarSeparator(item)) {
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: richTextToolbarSeparatorClasses,
-            role: "separator",
-            "aria-orientation": "vertical"
-          },
-          `sep-${idx}`
-        );
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: richTextToolbarClasses,
+        role: "toolbar",
+        "aria-label": labels.formattingToolbarAriaLabel,
+        children: toolbarItems.map((item, idx) => {
+          if (isToolbarSeparator(item)) {
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: richTextToolbarSeparatorClasses,
+                role: "separator",
+                "aria-orientation": "vertical"
+              },
+              `sep-${idx}`
+            );
+          }
+          const btn = item;
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: getToolbarButtonClasses(activeFormats.has(btn.name)),
+              title: btn.tooltip ?? btn.label,
+              "aria-label": btn.label,
+              "aria-pressed": isInlineFormat(btn.name) ? activeFormats.has(btn.name) : void 0,
+              disabled: disabled || readOnly,
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: () => execButtonAction(btn),
+              children: btn.icon ? /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: btn.icon } }) : btn.label
+            },
+            btn.name
+          );
+        })
       }
-      const btn = item;
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: getToolbarButtonClasses(activeFormats.has(btn.name)),
-          title: btn.tooltip ?? btn.label,
-          "aria-label": btn.label,
-          "aria-pressed": isInlineFormat(btn.name) ? activeFormats.has(btn.name) : void 0,
-          disabled: disabled || readOnly,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: () => execButtonAction(btn),
-          children: btn.icon ? /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: btn.icon } }) : btn.label
-        },
-        btn.name
-      );
-    }) }),
+    ),
     /* @__PURE__ */ jsxs("div", { className: "relative flex-1 overflow-hidden", children: [
       /* @__PURE__ */ jsx(
         "div",
@@ -138,6 +162,7 @@ var RichTextEditor = ({
           ref: editorRef,
           className: editorAreaClasses,
           role: "textbox",
+          "aria-label": labels.editorAriaLabel,
           "aria-multiline": true,
           "aria-readonly": readOnly || void 0,
           "aria-disabled": disabled || void 0,

package/dist/{chunk-WLFLQB4R.mjs → chunk-BEJZPJIK.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/Calendar.tsx
 import { useState, useMemo, useCallback, useRef, useEffect } from "react";

package/dist/{chunk-JNZHZVPW.mjs → chunk-CN3QXWK3.mjs}

@@ -104,7 +104,7 @@ var NotificationItem = ({ notification, onClose }) => {
               e.stopPropagation();
               handleClose();
             },
-            "aria-label": "Close notification",
+            "aria-label": notification.closeAriaLabel ?? "Close notification",
             type: "button",
             children: /* @__PURE__ */ jsx(StatusIcon, { path: notificationCloseIconPath, className: notificationCloseIconClasses })
           }

package/dist/{chunk-OTRPN5ZG.mjs → chunk-CT36XD5I.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/ImageAnnotation.tsx
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-LJWQ7T57.mjs → chunk-CVYA3MI2.mjs}

@@ -3,14 +3,14 @@ import {
 } from "./chunk-Y5X3G2LD.mjs";
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/Tree.tsx
 import {
   classNames as classNames3,
   treeBaseClasses,
   treeEmptyStateClasses,
-  resolveLocaleText
+  resolveLocaleText as resolveLocaleText2
 } from "@expcat/tigercat-core";
 
 // src/components/Tree/state.ts
@@ -408,7 +408,8 @@ import {
   treeNodeIndentClasses as treeNodeIndentClasses2,
   treeNodeCheckboxClasses,
   treeNodeIconClasses,
-  treeNodeLabelClasses
+  treeNodeLabelClasses,
+  resolveLocaleText
 } from "@expcat/tigercat-core";
 
 // src/components/Tree/icons.tsx
@@ -540,7 +541,10 @@ function renderTreeRow(ctx, node, level) {
           "input",
           {
             type: "checkbox",
-            "aria-label": `Select ${node.label}`,
+            "aria-label": resolveLocaleText(
+              `Select ${node.label}`,
+              ctx.mergedLocale?.locale?.toLowerCase().startsWith("zh") ? `\u9009\u62E9${node.label}` : void 0
+            ),
             className: treeNodeCheckboxClasses,
             checked: isChecked,
             ref: (input) => {
@@ -602,7 +606,7 @@ var Tree = (props) => {
         className: classNames3(treeBaseClasses, "p-4", ctx.className),
         role: "tree",
         "aria-label": ctx.ariaLabel,
-        children: /* @__PURE__ */ jsx4("div", { className: treeEmptyStateClasses, children: resolveLocaleText("No data", ctx.emptyText, ctx.mergedLocale?.common?.emptyText) })
+        children: /* @__PURE__ */ jsx4("div", { className: treeEmptyStateClasses, children: resolveLocaleText2("No data", ctx.emptyText, ctx.mergedLocale?.common?.emptyText) })
       }
     );
   }
@@ -619,7 +623,7 @@ var Tree = (props) => {
           {
             type: "text",
             className: "w-full mb-2 px-2 py-1 text-sm border border-[var(--tiger-border,#e5e7eb)] rounded bg-[var(--tiger-surface,#ffffff)] focus:outline-none focus:ring-1 focus:ring-[var(--tiger-primary,#2563eb)]",
-            placeholder: resolveLocaleText("Search...", ctx.mergedLocale?.common?.searchPlaceholder),
+            placeholder: resolveLocaleText2("Search...", ctx.mergedLocale?.common?.searchPlaceholder),
             value: ctx.internalSearchValue,
             onChange: (e) => ctx.setInternalSearchValue(e.target.value)
           }

package/dist/{chunk-6REMGSLS.mjs → chunk-D4LASFVY.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-Y5X3G2LD.mjs";
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/List.tsx
 import React, { useMemo, useState } from "react";

package/dist/{chunk-XHNR3A7A.mjs → chunk-DJ4PSDQS.mjs}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-677VSTPW.mjs";
 import {
   ChartLegend
-} from "./chunk-ZG2W4HS5.mjs";
+} from "./chunk-F2ITBDUS.mjs";
 import {
   ChartSeries
 } from "./chunk-SDLMB34Y.mjs";
@@ -42,10 +42,12 @@ import {
   defaultSeriesXYTooltipFormatter
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_CARTESIAN_PADDING = { top: 24, right: 24, bottom: 52, left: 52 };
 var AreaChart = ({
   width = 320,
   height = 200,
-  padding = 24,
+  padding = DEFAULT_CARTESIAN_PADDING,
+  responsive = false,
   data,
   series,
   xScale: xScaleProp,
@@ -330,6 +332,7 @@ var AreaChart = ({
       width,
       height,
       padding,
+      responsive,
       title,
       desc,
       className: classNames(className),

package/dist/{chunk-Z2NZ2XC5.mjs → chunk-EKESN747.mjs}

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "./chunk-WKTIDYPD.mjs";
+} from "./chunk-SZBYEGKU.mjs";
 
 // src/components/ImageGroup.tsx
 import { useState, useCallback, useMemo, createContext, useRef } from "react";

package/dist/{chunk-7S4TP4MZ.mjs → chunk-EW5EO7VE.mjs}

@@ -1,6 +1,6 @@
 import {
   PieChart
-} from "./chunk-BSXPB2V6.mjs";
+} from "./chunk-QGZ32NFQ.mjs";
 
 // src/components/DonutChart.tsx
 import { useEffect, useMemo, useState } from "react";

package/dist/{chunk-ZG2W4HS5.mjs → chunk-F2ITBDUS.mjs}

@@ -8,6 +8,7 @@ var ChartLegend = ({
   markerSize = 10,
   gap = 8,
   interactive = false,
+  ariaLabel = "Chart legend",
   className,
   onItemClick,
   onItemHover,
@@ -44,7 +45,7 @@ var ChartLegend = ({
     {
       className: containerClasses,
       role: interactive ? "group" : "list",
-      "aria-label": "Chart legend",
+      "aria-label": ariaLabel,
       style: { gap: `${gap}px` },
       "data-chart-legend": "true",
       children: items.map((item) => {