@expcat/tigercat-vue 2.0.0-preview.2 → 2.0.0-preview.4

package/dist/{chunk-EYR27UIE.mjs → chunk-U6OGGZBY.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-UOJOJBEU.mjs";
+
 // src/components/Tabs.ts
 import {
   defineComponent,
@@ -26,6 +30,8 @@ import {
   resolveSwipeGesture,
   isKeyActive,
   getNextActiveKey,
+  mergeTigerLocale,
+  getTabsLabels,
   tabAddButtonClasses,
   tabCloseButtonClasses,
   tabContentBaseClasses
@@ -216,7 +222,10 @@ var TabPane = defineComponent({
               {
                 type: "button",
                 class: tabCloseButtonClasses,
-                "aria-label": `Close ${String(props.label)}`,
+                "aria-label": tabsContext.labels.closeTabAriaLabel.replace(
+                  "{label}",
+                  String(props.label)
+                ),
                 tabindex: -1,
                 onClick: handleClose
               },
@@ -353,12 +362,23 @@ var Tabs = defineComponent({
     style: {
       type: Object,
       default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
+    },
+    labels: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:activeKey", "change", "edit", "tab-click"],
   setup(props, { slots, emit }) {
+    const config = useTigerConfig();
     const instance = getCurrentInstance();
     const idBase = `tiger-tabs-${instance?.uid ?? "0"}`;
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getTabsLabels(mergedLocale.value, props.labels));
     const internalActiveKey = ref(props.defaultActiveKey);
     const swipeStart = ref(null);
     let lastTabKeys = [];
@@ -439,6 +459,9 @@ var Tabs = defineComponent({
         return props.swipeable;
       },
       idBase,
+      get labels() {
+        return labels.value;
+      },
       handleTabClick,
       handleTabClose
     });
@@ -533,7 +556,7 @@ var Tabs = defineComponent({
                   type: "button",
                   class: tabAddButtonClasses,
                   onClick: () => emit("edit", { targetKey: void 0, action: "add" }),
-                  "aria-label": "Add tab"
+                  "aria-label": labels.value.addTabAriaLabel
                 },
                 "+"
               ) : null

package/dist/{chunk-DMQLA35L.mjs → chunk-U75YXWSA.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskBoard
-} from "./chunk-2YPPXZ4I.mjs";
+} from "./chunk-EGIMTTZA.mjs";
 
 // src/components/Kanban.ts
 import { defineComponent, h } from "vue";

package/dist/{chunk-R6WFL6NI.mjs → chunk-UOJOJBEU.mjs}

@@ -1,3 +1,7 @@
+import {
+  createGlobalTigerLocaleHandle
+} from "./chunk-TGXBCKOU.mjs";
+
 // src/components/ConfigProvider.ts
 import {
   defineComponent,
@@ -47,6 +51,7 @@ var ConfigProvider = defineComponent({
   props: configProviderProps,
   setup(props, { slots }) {
     const parent = useTigerConfig();
+    let globalLocaleHandle = null;
     const resolvedLocale = ref(
       isLazyTigerLocale(props.locale) ? void 0 : getImmediateTigerLocale(props.locale)
     );
@@ -101,6 +106,17 @@ var ConfigProvider = defineComponent({
       },
       { immediate: true }
     );
+    watch(
+      () => merged.value.locale,
+      (locale) => {
+        if (!globalLocaleHandle) {
+          globalLocaleHandle = createGlobalTigerLocaleHandle(locale);
+        } else {
+          globalLocaleHandle.update(locale);
+        }
+      },
+      { immediate: true }
+    );
     let previousDir = null;
     let previousDataDir = null;
     watch(
@@ -118,6 +134,8 @@ var ConfigProvider = defineComponent({
       { immediate: true }
     );
     onBeforeUnmount(() => {
+      globalLocaleHandle?.dispose();
+      globalLocaleHandle = null;
       if (!isBrowser()) return;
       const root = document.documentElement;
       if (previousDir === null) root.removeAttribute("dir");

package/dist/{chunk-IGT4QB7O.mjs → chunk-UUWTKCMY.mjs}

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "./chunk-36WSYHJU.mjs";
+} from "./chunk-LPZBXTJ6.mjs";
 
 // src/components/ImageGroup.ts
 import { defineComponent, h, ref, provide, onBeforeUnmount } from "vue";

package/dist/{chunk-HLPSHCXO.mjs → chunk-V443QIJM.mjs}

@@ -24,6 +24,10 @@ var ChartLegend = defineComponent({
       type: Boolean,
       default: false
     },
+    ariaLabel: {
+      type: String,
+      default: "Chart legend"
+    },
     className: {
       type: String
     }
@@ -60,7 +64,7 @@ var ChartLegend = defineComponent({
         // A group of toggle buttons is not a "list"; only use list semantics
         // for the static (non-interactive) legend.
         role: props.interactive ? "group" : "list",
-        "aria-label": "Chart legend",
+        "aria-label": props.ariaLabel,
         "data-chart-legend": "true"
       },
       props.items.map(

package/dist/{chunk-TM73IWEY.mjs → chunk-XH63C62K.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/ImageAnnotation.ts
 import { computed, defineComponent, h, onMounted, ref, watch } from "vue";

package/dist/{chunk-DZFM7H3M.mjs → chunk-XLNK3Z2P.mjs}

@@ -1,3 +1,6 @@
+import {
+  FORM_ITEM_CONTROL_INJECTION_KEY
+} from "./chunk-P2LZ2MR5.mjs";
 import {
   INPUT_GROUP_INJECTION_KEY
 } from "./chunk-VIIGYWUY.mjs";
@@ -139,10 +142,26 @@ var Input = defineComponent({
     injectShakeStyle();
     const instance = getCurrentInstance();
     const inputGroup = inject(INPUT_GROUP_INJECTION_KEY, null);
+    const formItemControl = inject(
+      FORM_ITEM_CONTROL_INJECTION_KEY,
+      null
+    );
     const effectiveSize = computed(() => {
       const hasOwnSize = Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, "size");
       return hasOwnSize ? props.size : inputGroup?.size ?? props.size;
     });
+    const hasOwnStatus = computed(
+      () => Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, "status")
+    );
+    const effectiveStatus = computed(
+      () => hasOwnStatus.value ? props.status : formItemControl?.status.value ?? props.status
+    );
+    const effectiveErrorMessage = computed(
+      () => props.errorMessage ?? formItemControl?.errorMessage.value
+    );
+    const effectiveShakeTrigger = computed(
+      () => props._shakeTrigger ?? formItemControl?.shakeTrigger.value
+    );
     const inputRef = ref(null);
     const wrapperRef = ref(null);
     const localValue = ref(props.modelValue ?? "");
@@ -158,7 +177,7 @@ var Input = defineComponent({
         }
       }
     );
-    watch([() => props.status, () => props._shakeTrigger], ([newStatus]) => {
+    watch([effectiveStatus, effectiveShakeTrigger], ([newStatus]) => {
       if (newStatus === "error" && wrapperRef.value) {
         const el = wrapperRef.value;
         el.classList.remove(SHAKE_CLASS);
@@ -173,11 +192,13 @@ var Input = defineComponent({
     const hasSuffix = computed(
       () => !!slots.suffix || !!props.suffix || props.clearable || props.showPassword
     );
-    const activeError = computed(() => props.status === "error" && !!props.errorMessage);
+    const activeError = computed(
+      () => effectiveStatus.value === "error" && !!effectiveErrorMessage.value
+    );
     const inputClasses = computed(
       () => getInputClasses({
         size: effectiveSize.value,
-        status: props.status,
+        status: effectiveStatus.value,
         hasPrefix: hasPrefix.value,
         hasSuffix: hasSuffix.value
       })
@@ -218,7 +239,7 @@ var Input = defineComponent({
           h(
             "div",
             { id: errorMsgId, class: getInputErrorClasses(effectiveSize.value) },
-            props.errorMessage
+            effectiveErrorMessage.value
           )
         );
       } else {
@@ -284,7 +305,7 @@ var Input = defineComponent({
           id: props.id,
           autocomplete: props.autoComplete,
           autofocus: props.autoFocus,
-          ...props.status === "error" ? { "aria-invalid": true } : {},
+          ...effectiveStatus.value === "error" ? { "aria-invalid": true } : {},
           ...activeError.value ? { "aria-describedby": errorMsgId } : {},
           onInput: handleInput,
           onChange: handleChange,

package/dist/{chunk-4QCJUILG.mjs → chunk-ZFJNCAZX.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HS4YQGZQ.mjs";
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/Tree.ts
 import { defineComponent, computed, ref, h, watch, nextTick } from "vue";
@@ -553,7 +553,10 @@ var Tree = defineComponent({
           checked: isChecked,
           indeterminate: isHalfChecked,
           disabled: node.disabled,
-          "aria-label": `Select ${node.label}`,
+          "aria-label": resolveLocaleText(
+            `Select ${node.label}`,
+            mergedLocale.value?.locale?.toLowerCase().startsWith("zh") ? `\u9009\u62E9${node.label}` : void 0
+          ),
           onClick: (e) => e.stopPropagation(),
           onChange: (e) => {
             const target = e.target;

package/dist/{chunk-XZYFVOOS.mjs → chunk-ZFTRR3KW.mjs}

@@ -1,6 +1,6 @@
 import {
   AVATAR_GROUP_INJECTION_KEY
-} from "./chunk-GZWZP5AL.mjs";
+} from "./chunk-JHFM6IFO.mjs";
 
 // src/components/Avatar.ts
 import { defineComponent, computed, h, ref, inject } from "vue";

package/dist/components/ActivityFeed.d.mts

@@ -107,18 +107,18 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    loadingText: string;
+    emptyText: string;
+    className: string;
+    style: Record<string, string | number>;
+    loading: boolean;
+    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
-    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
-    loading: boolean;
-    loadingText: string;
-    emptyText: string;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;
-    className: string;
-    style: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };

package/dist/components/ActivityFeed.mjs

@@ -1,17 +1,18 @@
 import {
   ActivityFeed,
   ActivityFeed_default
-} from "../chunk-B47QLHVW.mjs";
-import "../chunk-RTZUIWCN.mjs";
+} from "../chunk-3NQUEQJT.mjs";
+import "../chunk-JQSIWPNM.mjs";
 import "../chunk-3MO7A4GU.mjs";
-import "../chunk-6WF3336O.mjs";
+import "../chunk-O6BN5R6J.mjs";
 import "../chunk-BDTPFPSB.mjs";
-import "../chunk-KRWKO2JQ.mjs";
+import "../chunk-342DH5CF.mjs";
 import "../chunk-NN6AINLG.mjs";
 import "../chunk-TC6ZPQFT.mjs";
-import "../chunk-R6WFL6NI.mjs";
-import "../chunk-XZYFVOOS.mjs";
-import "../chunk-GZWZP5AL.mjs";
+import "../chunk-ZFTRR3KW.mjs";
+import "../chunk-JHFM6IFO.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
 export {
   ActivityFeed,
   ActivityFeed_default as default

package/dist/components/Alert.d.mts

@@ -204,14 +204,14 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
+    type: AlertType;
+    closeAriaLabel: string;
     size: AlertSize;
     className: string;
     style: Record<string, string | number>;
-    type: AlertType;
     title: string;
-    closable: boolean;
-    closeAriaLabel: string;
     description: string;
+    closable: boolean;
     showIcon: boolean;
     duration: number;
     banner: boolean;

package/dist/components/Anchor.d.mts

@@ -236,9 +236,9 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
+    direction: AnchorDirection;
     className: string;
     style: Record<string, unknown>;
-    direction: AnchorDirection;
     offsetTop: number;
     targetOffset: number;
     bounds: number;

package/dist/components/AreaChart.d.mts

@@ -20,7 +20,16 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     padding: {
         type: PropType<ChartPadding>;
-        default: number;
+        default: () => {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     data: {
         type: PropType<LineChartDatum[]>;
@@ -214,7 +223,16 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     padding: {
         type: PropType<ChartPadding>;
-        default: number;
+        default: () => {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     data: {
         type: PropType<LineChartDatum[]>;
@@ -403,14 +421,15 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    padding: ChartPadding;
-    hoverable: boolean;
-    strokeWidth: number;
     width: number;
     height: number;
+    padding: ChartPadding;
     gradient: boolean;
+    hoverable: boolean;
+    strokeWidth: number;
     fillOpacity: number;
     selectable: boolean;
+    responsive: boolean;
     xTicks: number;
     yTicks: number;
     showGrid: boolean;

package/dist/components/AreaChart.mjs

@@ -1,13 +1,13 @@
 import {
   AreaChart,
   AreaChart_default
-} from "../chunk-RAO7ZJWR.mjs";
+} from "../chunk-JVQPU4M2.mjs";
 import "../chunk-PE5OA4YG.mjs";
 import "../chunk-SPFL55TF.mjs";
 import "../chunk-ZWVA7HT3.mjs";
 import "../chunk-W5RZPTFD.mjs";
 import "../chunk-MI6TL3CQ.mjs";
-import "../chunk-HLPSHCXO.mjs";
+import "../chunk-V443QIJM.mjs";
 import "../chunk-2ZUEXCVJ.mjs";
 export {
   AreaChart,

package/dist/components/AutoComplete.d.mts

@@ -58,7 +58,7 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "select" | "update:modelValue" | "update:searchValue" | "search-change")[], "change" | "select" | "update:modelValue" | "update:searchValue" | "search-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("select" | "change" | "update:modelValue" | "update:searchValue" | "search-change")[], "select" | "change" | "update:modelValue" | "update:searchValue" | "search-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: PropType<string | number>;
         default: string;
@@ -112,19 +112,19 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
     "onSearch-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: ComponentSize;
-    emptyText: string;
     locale: Partial<TigerLocale>;
+    emptyText: string;
+    placeholder: string;
+    size: ComponentSize;
     disabled: boolean;
     modelValue: string | number;
     options: AutoCompleteOption[];
-    placeholder: string;
     searchValue: string;
     defaultSearchValue: string;
     clearable: boolean;

package/dist/components/AutoComplete.mjs

@@ -1,8 +1,9 @@
 import {
   AutoComplete,
   AutoComplete_default
-} from "../chunk-ODDPVS27.mjs";
-import "../chunk-R6WFL6NI.mjs";
+} from "../chunk-IDUEWMWN.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
 export {
   AutoComplete,
   AutoComplete_default as default

package/dist/components/Avatar.d.mts

@@ -151,9 +151,9 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
     size: AvatarSize;
     className: string;
     style: Record<string, string | number>;
+    text: string;
     src: string;
     alt: string;
-    text: string;
     shape: AvatarShape;
     bgColor: string;
     textColor: string;

package/dist/components/Avatar.mjs

@@ -1,8 +1,10 @@
 import {
   Avatar,
   Avatar_default
-} from "../chunk-XZYFVOOS.mjs";
-import "../chunk-GZWZP5AL.mjs";
+} from "../chunk-ZFTRR3KW.mjs";
+import "../chunk-JHFM6IFO.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
 export {
   Avatar,
   Avatar_default as default

package/dist/components/AvatarGroup.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { AvatarSize } from '@expcat/tigercat-core';
+import { AvatarSize, TigerLocale, TigerLocaleAvatarGroup } from '@expcat/tigercat-core';
 
 declare const AVATAR_GROUP_INJECTION_KEY: unique symbol;
 interface AvatarGroupContext {
@@ -11,6 +11,8 @@ interface VueAvatarGroupProps {
     max?: number;
     size?: AvatarSize;
     className?: string;
+    locale?: Partial<TigerLocale>;
+    labels?: Partial<TigerLocaleAvatarGroup>;
 }
 declare const AvatarGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     max: {
@@ -25,6 +27,16 @@ declare const AvatarGroup: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
+    /** Locale overrides merged on top of ConfigProvider locale */
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    /** Text/aria label overrides */
+    labels: {
+        type: PropType<Partial<TigerLocaleAvatarGroup>>;
+        default: undefined;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -40,7 +52,19 @@ declare const AvatarGroup: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
+    /** Locale overrides merged on top of ConfigProvider locale */
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    /** Text/aria label overrides */
+    labels: {
+        type: PropType<Partial<TigerLocaleAvatarGroup>>;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
+    locale: Partial<TigerLocale>;
+    labels: Partial<TigerLocaleAvatarGroup>;
     size: AvatarSize;
     className: string;
     max: number;

package/dist/components/AvatarGroup.mjs

@@ -2,7 +2,9 @@ import {
   AVATAR_GROUP_INJECTION_KEY,
   AvatarGroup,
   AvatarGroup_default
-} from "../chunk-GZWZP5AL.mjs";
+} from "../chunk-JHFM6IFO.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
 export {
   AVATAR_GROUP_INJECTION_KEY,
   AvatarGroup,

package/dist/components/BackTop.d.mts

@@ -104,8 +104,8 @@ declare const BackTop: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, unknown>;
-    position: BackTopPosition;
     target: () => HTMLElement | Window | null;
+    position: BackTopPosition;
     offset: ViewportOffset;
     placement: ViewportPlacement;
     duration: number;

package/dist/components/Badge.d.mts

@@ -100,15 +100,15 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    locale: Partial<TigerLocale>;
+    type: BadgeType;
     size: BadgeSize;
     className: string;
     style: Record<string, string | number>;
-    type: BadgeType;
     variant: BadgeVariant;
-    locale: Partial<TigerLocale>;
-    position: BadgePosition;
-    content: string | number;
     max: number;
+    content: string | number;
+    position: BadgePosition;
     showZero: boolean;
     standalone: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/Badge.mjs

@@ -1,8 +1,9 @@
 import {
   Badge,
   Badge_default
-} from "../chunk-PLUABMUD.mjs";
-import "../chunk-R6WFL6NI.mjs";
+} from "../chunk-SWCK7TM7.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
 export {
   Badge,
   Badge_default as default

package/dist/components/BarChart.d.mts

@@ -19,7 +19,16 @@ declare const BarChart: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     padding: {
         type: PropType<ChartPadding>;
-        default: number;
+        default: () => {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     data: {
         type: PropType<BarChartDatum[]>;
@@ -195,7 +204,16 @@ declare const BarChart: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     padding: {
         type: PropType<ChartPadding>;
-        default: number;
+        default: () => {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     data: {
         type: PropType<BarChartDatum[]>;
@@ -364,12 +382,13 @@ declare const BarChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onBar-click"?: ((...args: any[]) => any) | undefined;
     "onBar-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    padding: ChartPadding;
-    hoverable: boolean;
     width: number;
     height: number;
+    padding: ChartPadding;
     gradient: boolean;
+    hoverable: boolean;
     selectable: boolean;
+    responsive: boolean;
     xTicks: number;
     yTicks: number;
     barColor: string;

package/dist/components/BarChart.mjs

@@ -1,13 +1,13 @@
 import {
   BarChart,
   BarChart_default
-} from "../chunk-FHJ3R57L.mjs";
+} from "../chunk-5KPO3EDM.mjs";
 import "../chunk-PE5OA4YG.mjs";
 import "../chunk-SPFL55TF.mjs";
 import "../chunk-ZWVA7HT3.mjs";
 import "../chunk-W5RZPTFD.mjs";
 import "../chunk-MI6TL3CQ.mjs";
-import "../chunk-HLPSHCXO.mjs";
+import "../chunk-V443QIJM.mjs";
 import "../chunk-2ZUEXCVJ.mjs";
 export {
   BarChart,