@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/chunk-NNNG6NIA.mjs

@@ -1,7 +1,13 @@
-import { defineComponent, ref, computed, watch, nextTick, onBeforeUnmount, h } from 'vue';
-import { positionMentionsDropdown, classNames, coerceClassValue, getMentionsInputClasses, mentionsDropdownClasses, getMentionsOptionClasses, extractMentionQuery } from '@expcat/tigercat-core';
-
 // src/components/Mentions.ts
+import { defineComponent, h, ref, computed, watch, nextTick, onBeforeUnmount } from "vue";
+import { classNames, coerceClassValue } from "@expcat/tigercat-core";
+import {
+  getMentionsInputClasses,
+  mentionsDropdownClasses,
+  getMentionsOptionClasses,
+  extractMentionQuery,
+  positionMentionsDropdown
+} from "@expcat/tigercat-core";
 var Mentions = defineComponent({
   name: "TigerMentions",
   props: {
@@ -128,4 +134,7 @@ var Mentions = defineComponent({
 });
 var Mentions_default = Mentions;
 
-export { Mentions, Mentions_default };
+export {
+  Mentions,
+  Mentions_default
+};

package/dist/chunk-NOZ65AMO.js

@@ -1,10 +1,18 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Empty.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Empty.ts
-var Empty = vue.defineComponent({
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Empty = _vue.defineComponent.call(void 0, {
   name: "TigerEmpty",
   inheritAttrs: false,
   props: {
@@ -30,31 +38,31 @@ var Empty = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const descText = vue.computed(() => props.description ?? tigercatCore.getEmptyDescription(props.preset));
+    const descText = _vue.computed.call(void 0, () => _nullishCoalesce(props.description, () => ( _tigercatcore.getEmptyDescription.call(void 0, props.preset))));
     return () => {
       const attrsRecord = attrs;
       const children = [];
       if (props.showImage) {
         if (slots.image) {
-          children.push(vue.h("div", { class: tigercatCore.emptyImageClasses }, slots.image()));
+          children.push(_vue.h.call(void 0, "div", { class: _tigercatcore.emptyImageClasses }, slots.image()));
         } else {
-          const paths = tigercatCore.emptyIllustrationPaths.map(
-            (p, i) => vue.h("path", {
+          const paths = _tigercatcore.emptyIllustrationPaths.map(
+            (p, i) => _vue.h.call(void 0, "path", {
               key: i,
               d: p.d,
-              fill: p.fill ?? "none",
+              fill: _nullishCoalesce(p.fill, () => ( "none")),
               stroke: p.stroke,
               "stroke-width": p.strokeWidth,
               opacity: p.opacity
             })
           );
           children.push(
-            vue.h("div", { class: tigercatCore.emptyImageClasses }, [
-              vue.h(
+            _vue.h.call(void 0, "div", { class: _tigercatcore.emptyImageClasses }, [
+              _vue.h.call(void 0, 
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
-                  viewBox: tigercatCore.emptyIllustrationViewBox,
+                  viewBox: _tigercatcore.emptyIllustrationViewBox,
                   class: "mx-auto h-24 w-24"
                 },
                 paths
@@ -65,25 +73,25 @@ var Empty = vue.defineComponent({
       }
       if (slots.description || descText.value) {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
-            { class: tigercatCore.emptyDescriptionClasses },
+            { class: _tigercatcore.emptyDescriptionClasses },
             slots.description ? slots.description() : descText.value
           )
         );
       }
       if (slots.extra) {
-        children.push(vue.h("div", { class: tigercatCore.emptyActionsClasses }, slots.extra()));
+        children.push(_vue.h.call(void 0, "div", { class: _tigercatcore.emptyActionsClasses }, slots.extra()));
       }
       if (slots.default) {
-        children.push(vue.h("div", null, slots.default()));
+        children.push(_vue.h.call(void 0, "div", null, slots.default()));
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
-          class: tigercatCore.classNames(tigercatCore.emptyBaseClasses, props.className, tigercatCore.coerceClassValue(attrsRecord.class)),
-          style: tigercatCore.mergeStyleValues(attrsRecord.style, props.style)
+          class: _tigercatcore.classNames.call(void 0, _tigercatcore.emptyBaseClasses, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)),
+          style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, props.style)
         },
         children
       );
@@ -92,5 +100,7 @@ var Empty = vue.defineComponent({
 });
 var Empty_default = Empty;
 
-exports.Empty = Empty;
-exports.Empty_default = Empty_default;
+
+
+
+exports.Empty = Empty; exports.Empty_default = Empty_default;

package/dist/{chunk-E74ERZGQ.mjs → chunk-NWS45JQP.mjs}

@@ -1,13 +1,46 @@
-import { useChartInteraction } from './chunk-N4GS2LSN.mjs';
-import { ChartLegend } from './chunk-VVS2CQS4.mjs';
-import { ChartSeries } from './chunk-2ZUEXCVJ.mjs';
-import { ChartTooltip } from './chunk-OK4PVFQG.mjs';
-import { ChartAxis } from './chunk-ZWVA7HT3.mjs';
-import { ChartCanvas } from './chunk-W5RZPTFD.mjs';
-import { ChartGrid } from './chunk-MI6TL3CQ.mjs';
-import { defineComponent, ref, computed, h } from 'vue';
-import { getAreaGradientPrefix, getChartInnerRect, resolveSeriesData, stackSeriesData, getNumberExtent, createLinearScale, createPointScale, resolveChartPalette, buildChartSeriesKeys, createLinePath, createAreaPath, getChartElementOpacity, buildChartLegendItems, resolveMultiSeriesTooltipContent, defaultSeriesXYTooltipFormatter, classNames, linePointTransitionClasses } from '@expcat/tigercat-core';
+import {
+  useChartInteraction
+} from "./chunk-R2HO74FE.mjs";
+import {
+  ChartLegend
+} from "./chunk-VVS2CQS4.mjs";
+import {
+  ChartSeries
+} from "./chunk-2ZUEXCVJ.mjs";
+import {
+  ChartTooltip
+} from "./chunk-OK4PVFQG.mjs";
+import {
+  ChartAxis
+} from "./chunk-ZWVA7HT3.mjs";
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
+import {
+  ChartGrid
+} from "./chunk-MI6TL3CQ.mjs";
 
+// src/components/AreaChart.ts
+import { defineComponent, computed, h, ref, useId } from "vue";
+import {
+  classNames,
+  createAreaPath,
+  createLinearScale,
+  createLinePath,
+  createPointScale,
+  getStableChartGradientPrefix,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getNumberExtent,
+  linePointTransitionClasses,
+  stackSeriesData,
+  resolveChartPalette,
+  buildChartLegendItems,
+  buildChartSeriesKeys,
+  resolveMultiSeriesTooltipContent,
+  resolveSeriesData,
+  defaultSeriesXYTooltipFormatter
+} from "@expcat/tigercat-core";
 var AreaChart = defineComponent({
   name: "TigerAreaChart",
   props: {
@@ -218,7 +251,7 @@ var AreaChart = defineComponent({
   setup(props, { emit }) {
     const hoveredPointInfo = ref(null);
     const tooltipPosition = ref({ x: 0, y: 0 });
-    const gradientPrefix = getAreaGradientPrefix();
+    const gradientPrefix = getStableChartGradientPrefix("area", useId());
     const innerRect = computed(() => getChartInnerRect(props.width, props.height, props.padding));
     const resolvedSeries = computed(
       () => resolveSeriesData(props.series, props.data)
@@ -413,12 +446,15 @@ var AreaChart = defineComponent({
                 null,
                 `
                           .tiger-area-animated {
-                            animation: tiger-area-draw 1.2s cubic-bezier(.4,0,.2,1) forwards;
+                            animation: tiger-area-draw var(--tiger-motion-duration-slow,1.2s) var(--tiger-motion-ease-emphasized,cubic-bezier(.4,0,.2,1)) forwards;
                           }
                           @keyframes tiger-area-draw {
                             from { stroke-dashoffset: 1; }
                             to { stroke-dashoffset: 0; }
                           }
+                          @media (prefers-reduced-motion: reduce) {
+                            .tiger-area-animated { animation-duration: 0ms; }
+                          }
                         `
               ) : null,
               // Area fill gradients
@@ -577,7 +613,7 @@ var AreaChart = defineComponent({
                       "stroke-linejoin": "round",
                       pathLength: props.animated ? 1 : void 0,
                       class: classNames(
-                        "transition-opacity duration-200",
+                        "transition-opacity [transition-duration:var(--tiger-motion-duration-base,200ms)]",
                         props.animated && "tiger-area-animated"
                       )
                     })
@@ -651,4 +687,7 @@ var AreaChart = defineComponent({
 });
 var AreaChart_default = AreaChart;
 
-export { AreaChart, AreaChart_default };
+export {
+  AreaChart,
+  AreaChart_default
+};

package/dist/{chunk-IV4HFG36.mjs → chunk-NZUQ2KCW.mjs}

@@ -1,7 +1,40 @@
-import { defineComponent, ref, watch, computed, onBeforeUnmount, h } from 'vue';
-import { getImmediateTigerLocale, isLazyTigerLocale, resolveTigerLocale, getPaginationLabels, createPaginationIdleValidationScheduler, getTotalPages, validateCurrentPage, getPageRange, classNames, getPaginationContainerClasses, coerceClassValue, mergeStyleValues, defaultTotalText, getTotalTextClasses, getPaginationButtonBaseClasses, getSizeTextClasses, getPageNumbers, getPaginationEllipsisClasses, formatPageAriaLabel, getPaginationButtonActiveClasses, getPageSizeSelectorClasses, getQuickJumperInputClasses, getValidatedPaginationJumperValue, getPaginationJumperPage } from '@expcat/tigercat-core';
-
 // src/components/Pagination.ts
+import {
+  defineComponent,
+  computed,
+  ref,
+  watch,
+  onBeforeUnmount,
+  h
+} from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  getTotalPages,
+  getPageRange,
+  validateCurrentPage,
+  getPageNumbers,
+  defaultTotalText,
+  formatPaginationTotal,
+  getPaginationContainerClasses,
+  getPaginationButtonBaseClasses,
+  getPaginationButtonActiveClasses,
+  getPaginationEllipsisClasses,
+  getQuickJumperInputClasses,
+  getPageSizeSelectorClasses,
+  getTotalTextClasses,
+  getSizeTextClasses,
+  getPaginationLabels,
+  getLocaleDirection,
+  formatPageAriaLabel,
+  createPaginationIdleValidationScheduler,
+  getImmediateTigerLocale,
+  getPaginationJumperPage,
+  getValidatedPaginationJumperValue,
+  isLazyTigerLocale,
+  resolveTigerLocale
+} from "@expcat/tigercat-core";
 var Pagination = defineComponent({
   name: "TigerPagination",
   inheritAttrs: false,
@@ -186,6 +219,8 @@ var Pagination = defineComponent({
       { immediate: true }
     );
     const labels = computed(() => getPaginationLabels(resolvedLocale.value));
+    const localeCode = computed(() => resolvedLocale.value?.locale);
+    const isRtl = computed(() => getLocaleDirection(resolvedLocale.value) === "rtl");
     const internalCurrent = ref(props.defaultCurrent);
     const internalPageSize = ref(props.defaultPageSize);
     const quickJumperValue = ref("");
@@ -299,7 +334,7 @@ var Pagination = defineComponent({
       const prevDisabled = page <= 1 || props.disabled;
       const nextDisabled = page >= pages || props.disabled;
       if (props.showTotal) {
-        const totalTextFn = props.totalText || defaultTotalText;
+        const totalTextFn = props.totalText || (resolvedLocale.value?.pagination?.totalText ? (value, range) => formatPaginationTotal(labels.value.totalText, value, range, localeCode.value) : defaultTotalText);
         elements.push(
           h("span", { class: getTotalTextClasses(size) }, totalTextFn(props.total, pageRange.value))
         );
@@ -314,7 +349,7 @@ var Pagination = defineComponent({
             onClick: () => handlePageChange(page - 1),
             "aria-label": labels.value.prevPageAriaLabel
           },
-          "\u2039"
+          isRtl.value ? "\u203A" : "\u2039"
         )
       );
       if (props.simple) {
@@ -340,7 +375,11 @@ var Pagination = defineComponent({
                   ),
                   disabled: props.disabled,
                   onClick: () => handlePageChange(pageNum),
-                  "aria-label": formatPageAriaLabel(labels.value.pageAriaLabel, pageNum),
+                  "aria-label": formatPageAriaLabel(
+                    labels.value.pageAriaLabel,
+                    pageNum,
+                    localeCode.value
+                  ),
                   "aria-current": isActive ? "page" : void 0
                 },
                 String(pageNum)
@@ -359,7 +398,7 @@ var Pagination = defineComponent({
             onClick: () => handlePageChange(page + 1),
             "aria-label": labels.value.nextPageAriaLabel
           },
-          "\u203A"
+          isRtl.value ? "\u2039" : "\u203A"
         )
       );
       if (props.showSizeChanger) {
@@ -423,4 +462,7 @@ var Pagination = defineComponent({
 });
 var Pagination_default = Pagination;
 
-export { Pagination, Pagination_default };
+export {
+  Pagination,
+  Pagination_default
+};

package/dist/chunk-OCL22D5E.mjs

@@ -1,7 +1,29 @@
-import { h, defineComponent, ref, computed, watch, onBeforeUnmount } from 'vue';
-import { getCascaderDisplayLabel, getCascaderColumns, flattenCascaderOptions, filterCascaderOptions, classNames, getCascaderTriggerClasses, coerceClassValue, icon20ViewBox, chevronDownSolidIcon20PathD, closeSolidIcon20PathD, getPickerComboboxAria, cascaderSearchInputClasses, cascaderEmptyStateClasses, getPickerListboxAria, getPickerOptionAria, cascaderSearchResultClasses, cascaderColumnClasses, isCascaderOptionExpandable, getCascaderOptionClasses, cascaderDropdownClasses, cascaderBaseClasses, getPickerTriggerKeyAction } from '@expcat/tigercat-core';
-
 // src/components/Cascader.ts
+import { defineComponent, computed, ref, h, watch, onBeforeUnmount } from "vue";
+import {
+  classNames,
+  cascaderBaseClasses,
+  cascaderDropdownClasses,
+  cascaderColumnClasses,
+  cascaderSearchInputClasses,
+  cascaderEmptyStateClasses,
+  cascaderSearchResultClasses,
+  getCascaderTriggerClasses,
+  getCascaderOptionClasses,
+  getCascaderColumns,
+  getCascaderDisplayLabel,
+  flattenCascaderOptions,
+  filterCascaderOptions,
+  isCascaderOptionExpandable,
+  getPickerComboboxAria,
+  getPickerListboxAria,
+  getPickerOptionAria,
+  getPickerTriggerKeyAction,
+  icon20ViewBox,
+  chevronDownSolidIcon20PathD,
+  closeSolidIcon20PathD,
+  coerceClassValue
+} from "@expcat/tigercat-core";
 var cascaderInstanceId = 0;
 var ChevronRightIcon = h(
   "svg",
@@ -348,4 +370,7 @@ var Cascader = defineComponent({
 });
 var Cascader_default = Cascader;
 
-export { Cascader, Cascader_default };
+export {
+  Cascader,
+  Cascader_default
+};

package/dist/chunk-ODQOYMUQ.js

@@ -1,11 +1,16 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/AvatarGroup.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/AvatarGroup.ts
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var AVATAR_GROUP_INJECTION_KEY = /* @__PURE__ */ Symbol("TigerAvatarGroup");
-var AvatarGroup = vue.defineComponent({
+var AvatarGroup = _vue.defineComponent.call(void 0, {
   name: "TigerAvatarGroup",
   inheritAttrs: false,
   props: {
@@ -23,35 +28,35 @@ var AvatarGroup = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    vue.provide(AVATAR_GROUP_INJECTION_KEY, {
+    _vue.provide.call(void 0, AVATAR_GROUP_INJECTION_KEY, {
       size: props.size,
-      itemClass: tigercatCore.getAvatarGroupItemClasses()
+      itemClass: _tigercatcore.getAvatarGroupItemClasses.call(void 0, )
     });
     return () => {
-      const children = slots.default?.() ?? [];
+      const children = _nullishCoalesce(_optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]), () => ( []));
       const flatChildren = children.flatMap(
         (vnode) => Array.isArray(vnode.children) ? vnode.children : [vnode]
       );
       const attrsRecord = attrs;
       const attrsClass = attrsRecord.class;
-      const { visibleItems, overflowCount } = tigercatCore.getVisibleGroupItems(flatChildren, props.max);
-      return vue.h(
+      const { visibleItems, overflowCount } = _tigercatcore.getVisibleGroupItems.call(void 0, flatChildren, props.max);
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
-          class: tigercatCore.getAvatarGroupClasses(props.className, tigercatCore.coerceClassValue(attrsClass)),
+          class: _tigercatcore.getAvatarGroupClasses.call(void 0, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
           role: "group",
           "aria-label": "Avatar group"
         },
         [
           ...visibleItems,
-          overflowCount > 0 ? vue.h(
+          overflowCount > 0 ? _vue.h.call(void 0, 
             "span",
             {
-              class: tigercatCore.getAvatarGroupOverflowClasses(props.size ?? "md"),
-              "aria-label": tigercatCore.getAvatarGroupOverflowLabel(overflowCount)
+              class: _tigercatcore.getAvatarGroupOverflowClasses.call(void 0, _nullishCoalesce(props.size, () => ( "md"))),
+              "aria-label": _tigercatcore.getAvatarGroupOverflowLabel.call(void 0, overflowCount)
             },
-            tigercatCore.getAvatarGroupOverflowText(overflowCount)
+            _tigercatcore.getAvatarGroupOverflowText.call(void 0, overflowCount)
           ) : null
         ]
       );
@@ -60,6 +65,8 @@ var AvatarGroup = vue.defineComponent({
 });
 var AvatarGroup_default = AvatarGroup;
 
-exports.AVATAR_GROUP_INJECTION_KEY = AVATAR_GROUP_INJECTION_KEY;
-exports.AvatarGroup = AvatarGroup;
-exports.AvatarGroup_default = AvatarGroup_default;
+
+
+
+
+exports.AVATAR_GROUP_INJECTION_KEY = AVATAR_GROUP_INJECTION_KEY; exports.AvatarGroup = AvatarGroup; exports.AvatarGroup_default = AvatarGroup_default;

package/dist/chunk-OK4PVFQG.mjs

@@ -1,7 +1,6 @@
-import { defineComponent, ref, watch, computed, h, Teleport } from 'vue';
-import { classNames, getChartTooltipTransform } from '@expcat/tigercat-core';
-
 // src/components/ChartTooltip.ts
+import { defineComponent, h, computed, ref, watch, Teleport } from "vue";
+import { classNames, getChartTooltipTransform } from "@expcat/tigercat-core";
 var ChartTooltip = defineComponent({
   name: "TigerChartTooltip",
   props: {
@@ -88,4 +87,7 @@ var ChartTooltip = defineComponent({
 });
 var ChartTooltip_default = ChartTooltip;
 
-export { ChartTooltip, ChartTooltip_default };
+export {
+  ChartTooltip,
+  ChartTooltip_default
+};

package/dist/{chunk-SPFWZCRX.mjs → chunk-OKR3GRG5.mjs}

@@ -1,13 +1,45 @@
-import { useChartInteraction } from './chunk-N4GS2LSN.mjs';
-import { ChartLegend } from './chunk-VVS2CQS4.mjs';
-import { ChartSeries } from './chunk-2ZUEXCVJ.mjs';
-import { ChartTooltip } from './chunk-OK4PVFQG.mjs';
-import { ChartAxis } from './chunk-ZWVA7HT3.mjs';
-import { ChartCanvas } from './chunk-W5RZPTFD.mjs';
-import { ChartGrid } from './chunk-MI6TL3CQ.mjs';
-import { defineComponent, ref, computed, h } from 'vue';
-import { getLineGradientPrefix, getChartInnerRect, resolveSeriesData, getNumberExtent, createLinearScale, createPointScale, resolveChartPalette, buildChartSeriesKeys, createLinePath, createAreaPath, getChartElementOpacity, buildChartLegendItems, resolveMultiSeriesTooltipContent, defaultSeriesXYTooltipFormatter, classNames, linePointTransitionClasses } from '@expcat/tigercat-core';
+import {
+  useChartInteraction
+} from "./chunk-R2HO74FE.mjs";
+import {
+  ChartLegend
+} from "./chunk-VVS2CQS4.mjs";
+import {
+  ChartSeries
+} from "./chunk-2ZUEXCVJ.mjs";
+import {
+  ChartTooltip
+} from "./chunk-OK4PVFQG.mjs";
+import {
+  ChartAxis
+} from "./chunk-ZWVA7HT3.mjs";
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
+import {
+  ChartGrid
+} from "./chunk-MI6TL3CQ.mjs";
 
+// src/components/LineChart.ts
+import { defineComponent, computed, h, ref, useId } from "vue";
+import {
+  classNames,
+  createAreaPath,
+  createLinearScale,
+  createLinePath,
+  createPointScale,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getStableChartGradientPrefix,
+  getNumberExtent,
+  linePointTransitionClasses,
+  resolveChartPalette,
+  buildChartLegendItems,
+  buildChartSeriesKeys,
+  resolveMultiSeriesTooltipContent,
+  resolveSeriesData,
+  defaultSeriesXYTooltipFormatter
+} from "@expcat/tigercat-core";
 var LineChart = defineComponent({
   name: "TigerLineChart",
   props: {
@@ -219,7 +251,7 @@ var LineChart = defineComponent({
   setup(props, { emit }) {
     const hoveredPointInfo = ref(null);
     const tooltipPosition = ref({ x: 0, y: 0 });
-    const gradientPrefix = getLineGradientPrefix();
+    const gradientPrefix = getStableChartGradientPrefix("line", useId());
     const innerRect = computed(() => getChartInnerRect(props.width, props.height, props.padding));
     const resolvedSeries = computed(
       () => resolveSeriesData(props.series, props.data)
@@ -408,12 +440,15 @@ var LineChart = defineComponent({
                 null,
                 `
                           .tiger-line-animated {
-                            animation: tiger-line-draw 1.2s cubic-bezier(.4,0,.2,1) forwards;
+                            animation: tiger-line-draw var(--tiger-motion-duration-slow,1.2s) var(--tiger-motion-ease-emphasized,cubic-bezier(.4,0,.2,1)) forwards;
                           }
                           @keyframes tiger-line-draw {
                             from { stroke-dashoffset: 1; }
                             to { stroke-dashoffset: 0; }
                           }
+                          @media (prefers-reduced-motion: reduce) {
+                            .tiger-line-animated { animation-duration: 0ms; }
+                          }
                         `
               ) : null,
               // Area fill gradients
@@ -542,7 +577,7 @@ var LineChart = defineComponent({
                       "stroke-linejoin": "round",
                       pathLength: props.animated ? 1 : void 0,
                       class: classNames(
-                        "transition-opacity duration-200",
+                        "transition-opacity [transition-duration:var(--tiger-motion-duration-base,200ms)]",
                         props.animated && "tiger-line-animated"
                       ),
                       "data-line-series": sd.seriesIndex,
@@ -608,4 +643,7 @@ var LineChart = defineComponent({
 });
 var LineChart_default = LineChart;
 
-export { LineChart, LineChart_default };
+export {
+  LineChart,
+  LineChart_default
+};