@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/chunk-XTMGF5YP.js

@@ -1,10 +1,14 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/PrintLayout.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/PrintLayout.ts
-var PrintLayout = vue.defineComponent({
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var PrintLayout = _vue.defineComponent.call(void 0, {
   name: "TigerPrintLayout",
   inheritAttrs: false,
   props: {
@@ -42,34 +46,34 @@ var PrintLayout = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const classes = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getPrintLayoutClasses(props.pageSize, props.orientation, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
+    const classes = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getPrintLayoutClasses.call(void 0, props.pageSize, props.orientation, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
     return () => {
       const children = [];
       if (props.showHeader && (props.headerText || slots.header)) {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
-            { class: tigercatCore.printLayoutHeaderClasses },
+            { class: _tigercatcore.printLayoutHeaderClasses },
             slots.header ? slots.header() : props.headerText
           )
         );
       }
-      children.push(vue.h("div", { class: "tiger-print-content" }, slots.default?.()));
+      children.push(_vue.h.call(void 0, "div", { class: "tiger-print-content" }, _optionalChain([slots, 'access', _2 => _2.default, 'optionalCall', _3 => _3()])));
       if (props.showFooter && (props.footerText || slots.footer)) {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
-            { class: tigercatCore.printLayoutFooterClasses },
+            { class: _tigercatcore.printLayoutFooterClasses },
             slots.footer ? slots.footer() : props.footerText
           )
         );
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
@@ -80,18 +84,20 @@ var PrintLayout = vue.defineComponent({
     };
   }
 });
-var PrintPageBreak = vue.defineComponent({
+var PrintPageBreak = _vue.defineComponent.call(void 0, {
   name: "TigerPrintPageBreak",
   setup(_, { attrs }) {
-    return () => vue.h("div", {
+    return () => _vue.h.call(void 0, "div", {
       ...attrs,
-      class: tigercatCore.classNames(tigercatCore.printLayoutPageBreakClasses, "print:break-before-page"),
+      class: _tigercatcore.classNames.call(void 0, _tigercatcore.printLayoutPageBreakClasses, "print:break-before-page"),
       "aria-hidden": "true"
     });
   }
 });
 var PrintLayout_default = PrintLayout;
 
-exports.PrintLayout = PrintLayout;
-exports.PrintLayout_default = PrintLayout_default;
-exports.PrintPageBreak = PrintPageBreak;
+
+
+
+
+exports.PrintLayout = PrintLayout; exports.PrintPageBreak = PrintPageBreak; exports.PrintLayout_default = PrintLayout_default;

package/dist/chunk-XUOGT4HG.js

@@ -1,11 +1,14 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/Row.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Row.ts
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var RowContextKey = /* @__PURE__ */ Symbol("RowContext");
-var Row = vue.defineComponent({
+var Row = _vue.defineComponent.call(void 0, {
   name: "TigerRow",
   props: {
     /**
@@ -42,30 +45,32 @@ var Row = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const gutter = vue.computed(() => props.gutter);
-    const rowStyle = vue.computed(() => tigercatCore.getRowGutterStyleVars(gutter.value));
-    const rowClasses = vue.computed(() => {
-      return tigercatCore.classNames(
+    const gutter = _vue.computed.call(void 0, () => props.gutter);
+    const rowStyle = _vue.computed.call(void 0, () => _tigercatcore.getRowGutterStyleVars.call(void 0, gutter.value));
+    const rowClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.classNames.call(void 0, 
         "flex",
         "w-full",
         props.wrap && "flex-wrap",
-        tigercatCore.getRowGutterClasses(gutter.value),
-        tigercatCore.getAlignClasses(props.align),
-        tigercatCore.getJustifyClasses(props.justify)
+        _tigercatcore.getRowGutterClasses.call(void 0, gutter.value),
+        _tigercatcore.getAlignClasses.call(void 0, props.align),
+        _tigercatcore.getJustifyClasses.call(void 0, props.justify)
       );
     });
-    vue.provide(RowContextKey, { gutter });
-    return () => vue.h(
+    _vue.provide.call(void 0, RowContextKey, { gutter });
+    return () => _vue.h.call(void 0, 
       "div",
       {
         ...attrs,
         class: [rowClasses.value, attrs.class],
         style: [rowStyle.value, attrs.style]
       },
-      slots.default?.()
+      _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
     );
   }
 });
 
-exports.Row = Row;
-exports.RowContextKey = RowContextKey;
+
+
+
+exports.RowContextKey = RowContextKey; exports.Row = Row;

package/dist/chunk-XY4A73TK.js

@@ -1,10 +1,13 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Code.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Code.ts
-var Code = vue.defineComponent({
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Code = _vue.defineComponent.call(void 0, {
   name: "TigerCode",
   inheritAttrs: false,
   props: {
@@ -35,14 +38,14 @@ var Code = vue.defineComponent({
   },
   emits: ["copy"],
   setup(props, { emit, attrs }) {
-    const isCopied = vue.ref(false);
-    const timerRef = vue.ref(null);
-    const containerClasses = vue.computed(() => {
+    const isCopied = _vue.ref.call(void 0, false);
+    const timerRef = _vue.ref.call(void 0, null);
+    const containerClasses = _vue.computed.call(void 0, () => {
       const attrsRecord = attrs;
-      return tigercatCore.getCodeBlockContainerClasses(props.className, tigercatCore.coerceClassValue(attrsRecord.class));
+      return _tigercatcore.getCodeBlockContainerClasses.call(void 0, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class));
     });
-    const copyButtonClasses = vue.computed(() => {
-      return tigercatCore.getCodeBlockCopyButtonClasses(isCopied.value);
+    const copyButtonClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getCodeBlockCopyButtonClasses.call(void 0, isCopied.value);
     });
     const clearTimer = () => {
       if (timerRef.value != null) {
@@ -52,7 +55,7 @@ var Code = vue.defineComponent({
     };
     const handleCopy = async () => {
       if (!props.copyable) return;
-      const ok = await tigercatCore.copyTextToClipboard(props.code);
+      const ok = await _tigercatcore.copyTextToClipboard.call(void 0, props.code);
       if (!ok) return;
       isCopied.value = true;
       emit("copy", props.code);
@@ -62,10 +65,10 @@ var Code = vue.defineComponent({
         timerRef.value = null;
       }, 1500);
     };
-    vue.onBeforeUnmount(() => {
+    _vue.onBeforeUnmount.call(void 0, () => {
       clearTimer();
     });
-    return () => vue.h(
+    return () => _vue.h.call(void 0, 
       "div",
       {
         ...attrs,
@@ -73,8 +76,8 @@ var Code = vue.defineComponent({
         style: props.style
       },
       [
-        vue.h("pre", { class: tigercatCore.codeBlockPreClasses }, [vue.h("code", { class: "block" }, props.code)]),
-        props.copyable ? vue.h(
+        _vue.h.call(void 0, "pre", { class: _tigercatcore.codeBlockPreClasses }, [_vue.h.call(void 0, "code", { class: "block" }, props.code)]),
+        props.copyable ? _vue.h.call(void 0, 
           "button",
           {
             type: "button",
@@ -90,5 +93,7 @@ var Code = vue.defineComponent({
 });
 var Code_default = Code;
 
-exports.Code = Code;
-exports.Code_default = Code_default;
+
+
+
+exports.Code = Code; exports.Code_default = Code_default;

package/dist/{chunk-RPWBZLHL.js → chunk-XZMU7B54.js}

@@ -1,10 +1,21 @@
-'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; }
 
-var chunkUHVUKLHF_js = require('./chunk-UHVUKLHF.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
 
-var GaugeChart = vue.defineComponent({
+// src/components/GaugeChart.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var GaugeChart = _vue.defineComponent.call(void 0, {
   name: "TigerGaugeChart",
   props: {
     width: { type: Number, default: 280 },
@@ -32,20 +43,20 @@ var GaugeChart = vue.defineComponent({
     className: { type: String }
   },
   setup(props) {
-    const innerRect = vue.computed(() => tigercatCore.getChartInnerRect(props.width, props.height, props.padding));
-    const radius = vue.computed(() => Math.min(innerRect.value.width, innerRect.value.height) / 2 - 4);
-    const cx = vue.computed(() => innerRect.value.width / 2);
-    const cy = vue.computed(() => innerRect.value.height / 2);
-    const gradientPrefix = tigercatCore.getGaugeGradientPrefix();
+    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
+    const radius = _vue.computed.call(void 0, () => Math.min(innerRect.value.width, innerRect.value.height) / 2 - 4);
+    const cx = _vue.computed.call(void 0, () => innerRect.value.width / 2);
+    const cy = _vue.computed.call(void 0, () => innerRect.value.height / 2);
+    const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "gauge", _vue.useId.call(void 0, ));
     const valueGradientId = `${gradientPrefix}-value`;
-    const targetAngle = vue.computed(
-      () => tigercatCore.valueToGaugeAngle(props.value, props.min, props.max, props.startAngle, props.endAngle)
+    const targetAngle = _vue.computed.call(void 0, 
+      () => _tigercatcore.valueToGaugeAngle.call(void 0, props.value, props.min, props.max, props.startAngle, props.endAngle)
     );
-    const animatedAngle = vue.ref(targetAngle.value);
+    const animatedAngle = _vue.ref.call(void 0, targetAngle.value);
     let animCtrl = null;
-    vue.watch(targetAngle, (to, from) => {
-      animCtrl?.stop();
-      animCtrl = tigercatCore.createGaugeAnimation({
+    _vue.watch.call(void 0, targetAngle, (to, from) => {
+      _optionalChain([animCtrl, 'optionalAccess', _ => _.stop, 'call', _2 => _2()]);
+      animCtrl = _tigercatcore.createGaugeAnimation.call(void 0, {
         from,
         to,
         onUpdate: (v) => {
@@ -53,11 +64,11 @@ var GaugeChart = vue.defineComponent({
         }
       });
     });
-    vue.onBeforeUnmount(() => {
-      animCtrl?.stop();
+    _vue.onBeforeUnmount.call(void 0, () => {
+      _optionalChain([animCtrl, 'optionalAccess', _3 => _3.stop, 'call', _4 => _4()]);
     });
-    const ticks = vue.computed(
-      () => props.showTicks ? tigercatCore.computeGaugeTicks(
+    const ticks = _vue.computed.call(void 0, 
+      () => props.showTicks ? _tigercatcore.computeGaugeTicks.call(void 0, 
         cx.value,
         cy.value,
         radius.value,
@@ -73,47 +84,47 @@ var GaugeChart = vue.defineComponent({
       const c = cx.value;
       const cY = cy.value;
       const aw = props.arcWidth;
-      const trackPath = tigercatCore.createGaugeArcPath(c, cY, r, props.startAngle, props.endAngle, aw);
-      const valuePath = animatedAngle.value > props.startAngle ? tigercatCore.createGaugeArcPath(c, cY, r, props.startAngle, animatedAngle.value, aw) : null;
-      const segmentArcs = props.segments?.map((seg, i) => {
-        const sStart = tigercatCore.valueToGaugeAngle(
+      const trackPath = _tigercatcore.createGaugeArcPath.call(void 0, c, cY, r, props.startAngle, props.endAngle, aw);
+      const valuePath = animatedAngle.value > props.startAngle ? _tigercatcore.createGaugeArcPath.call(void 0, c, cY, r, props.startAngle, animatedAngle.value, aw) : null;
+      const segmentArcs = _nullishCoalesce(_optionalChain([props, 'access', _5 => _5.segments, 'optionalAccess', _6 => _6.map, 'call', _7 => _7((seg, i) => {
+        const sStart = _tigercatcore.valueToGaugeAngle.call(void 0, 
           seg.range[0],
           props.min,
           props.max,
           props.startAngle,
           props.endAngle
         );
-        const sEnd = tigercatCore.valueToGaugeAngle(
+        const sEnd = _tigercatcore.valueToGaugeAngle.call(void 0, 
           seg.range[1],
           props.min,
           props.max,
           props.startAngle,
           props.endAngle
         );
-        return vue.h("path", {
+        return _vue.h.call(void 0, "path", {
           key: `seg-${i}`,
-          d: tigercatCore.createGaugeArcPath(c, cY, r, sStart, sEnd, aw),
+          d: _tigercatcore.createGaugeArcPath.call(void 0, c, cY, r, sStart, sEnd, aw),
           fill: seg.color,
           "stroke-width": 0
         });
-      }) ?? [];
-      const needlePath = tigercatCore.createGaugeNeedlePath(c, cY, r - aw - 6, animatedAngle.value);
+      })]), () => ( []));
+      const needlePath = _tigercatcore.createGaugeNeedlePath.call(void 0, c, cY, r - aw - 6, animatedAngle.value);
       const formattedValue = props.valueFormatter ? props.valueFormatter(props.value) : `${props.value}`;
-      return vue.h(
-        chunkUHVUKLHF_js.ChartCanvas,
+      return _vue.h.call(void 0, 
+        _chunkUHVUKLHFjs.ChartCanvas,
         {
           width: props.width,
           height: props.height,
           padding: props.padding,
           title: props.title,
           desc: props.desc,
-          className: tigercatCore.classNames(props.className)
+          className: _tigercatcore.classNames.call(void 0, props.className)
         },
         {
           default: () => [
             // Gradient defs (opt-in, only when gradient mode is on and value arc renders)
-            props.gradient && !props.segments && valuePath ? vue.h("defs", {}, [
-              vue.h(
+            props.gradient && !props.segments && valuePath ? _vue.h.call(void 0, "defs", {}, [
+              _vue.h.call(void 0, 
                 "linearGradient",
                 {
                   id: valueGradientId,
@@ -123,20 +134,20 @@ var GaugeChart = vue.defineComponent({
                   y2: 1
                 },
                 [
-                  vue.h("stop", { offset: "0%", "stop-color": props.color, "stop-opacity": 1 }),
-                  vue.h("stop", { offset: "100%", "stop-color": props.color, "stop-opacity": 0.55 })
+                  _vue.h.call(void 0, "stop", { offset: "0%", "stop-color": props.color, "stop-opacity": 1 }),
+                  _vue.h.call(void 0, "stop", { offset: "100%", "stop-color": props.color, "stop-opacity": 0.55 })
                 ]
               )
             ]) : null,
             // Track
-            vue.h("path", {
+            _vue.h.call(void 0, "path", {
               d: trackPath,
               fill: props.trackColor,
               "stroke-width": 0
             }),
             // Segments or value arc
             ...props.segments ? segmentArcs : valuePath ? [
-              vue.h("path", {
+              _vue.h.call(void 0, "path", {
                 d: valuePath,
                 fill: props.gradient ? `url(#${valueGradientId})` : props.color,
                 "stroke-width": 0
@@ -144,7 +155,7 @@ var GaugeChart = vue.defineComponent({
             ] : [],
             // Ticks
             ...ticks.value.map((tick, i) => [
-              vue.h("line", {
+              _vue.h.call(void 0, "line", {
                 key: `tick-${i}`,
                 x1: tick.x1,
                 y1: tick.y1,
@@ -153,13 +164,13 @@ var GaugeChart = vue.defineComponent({
                 stroke: "var(--tiger-text-secondary,#6b7280)",
                 "stroke-width": 1
               }),
-              vue.h(
+              _vue.h.call(void 0, 
                 "text",
                 {
                   key: `tick-label-${i}`,
                   x: tick.x2 + (tick.x2 - tick.x1) * 1.5,
                   y: tick.y2 + (tick.y2 - tick.y1) * 1.5,
-                  class: tigercatCore.chartAxisTickTextClasses,
+                  class: _tigercatcore.chartAxisTickTextClasses,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle",
                   style: { fontSize: "10px" }
@@ -168,19 +179,19 @@ var GaugeChart = vue.defineComponent({
               )
             ]).flat(),
             // Needle
-            vue.h("path", {
+            _vue.h.call(void 0, "path", {
               d: needlePath,
               fill: "var(--tiger-text,#374151)"
             }),
             // Center dot
-            vue.h("circle", {
+            _vue.h.call(void 0, "circle", {
               cx: c,
               cy: cY,
               r: 5,
               fill: "var(--tiger-text,#374151)"
             }),
             // Value text
-            vue.h(
+            _vue.h.call(void 0, 
               "text",
               {
                 x: c,
@@ -193,12 +204,12 @@ var GaugeChart = vue.defineComponent({
             ),
             // Label
             ...props.label ? [
-              vue.h(
+              _vue.h.call(void 0, 
                 "text",
                 {
                   x: c,
                   y: cY + r * 0.35 + 20,
-                  class: tigercatCore.chartAxisTickTextClasses,
+                  class: _tigercatcore.chartAxisTickTextClasses,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle"
                 },
@@ -213,5 +224,7 @@ var GaugeChart = vue.defineComponent({
 });
 var GaugeChart_default = GaugeChart;
 
-exports.GaugeChart = GaugeChart;
-exports.GaugeChart_default = GaugeChart_default;
+
+
+
+exports.GaugeChart = GaugeChart; exports.GaugeChart_default = GaugeChart_default;

package/dist/{chunk-WOFQV2N7.mjs → chunk-Y3BQSELH.mjs}

@@ -1,11 +1,32 @@
-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 { ChartCanvas } from './chunk-W5RZPTFD.mjs';
-import { defineComponent, computed, h } from 'vue';
-import { getChartInnerRect, resolveChartPalette, computeFunnelSegments, getFunnelGradientPrefix, buildChartLegendItems, resolveChartTooltipContent, classNames, getChartElementOpacity, chartAxisTickTextClasses } 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 {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
 
+// src/components/FunnelChart.ts
+import { defineComponent, computed, h, useId } from "vue";
+import {
+  classNames,
+  computeFunnelSegments,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getStableChartGradientPrefix,
+  resolveChartPalette,
+  buildChartLegendItems,
+  resolveChartTooltipContent,
+  chartAxisTickTextClasses
+} from "@expcat/tigercat-core";
 var FunnelChart = defineComponent({
   name: "TigerFunnelChart",
   props: {
@@ -79,7 +100,7 @@ var FunnelChart = defineComponent({
       })
     );
     const total = computed(() => props.data.reduce((s, d) => s + d.value, 0));
-    const gradientPrefix = getFunnelGradientPrefix();
+    const gradientPrefix = getStableChartGradientPrefix("funnel", useId());
     const legendItems = computed(
       () => buildChartLegendItems({
         data: props.data,
@@ -156,7 +177,7 @@ var FunnelChart = defineComponent({
                     opacity,
                     class: classNames(interactive && "cursor-pointer"),
                     style: {
-                      transition: "opacity 0.2s ease-out"
+                      transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)"
                     },
                     tabindex: props.selectable ? 0 : void 0,
                     role: props.selectable ? "button" : "img",
@@ -216,4 +237,7 @@ var FunnelChart = defineComponent({
 });
 var FunnelChart_default = FunnelChart;
 
-export { FunnelChart, FunnelChart_default };
+export {
+  FunnelChart,
+  FunnelChart_default
+};

package/dist/chunk-Y4V7BOVR.mjs

@@ -1,7 +1,17 @@
-import { defineComponent, getCurrentInstance, ref, computed, provide, h } from 'vue';
-import { classNames, coerceClassValue, getRadioGroupClasses } from '@expcat/tigercat-core';
-
 // src/components/RadioGroup.ts
+import {
+  defineComponent,
+  ref,
+  provide,
+  computed,
+  h,
+  getCurrentInstance
+} from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getRadioGroupClasses
+} from "@expcat/tigercat-core";
 var RadioGroupKey = /* @__PURE__ */ Symbol("RadioGroup");
 var RadioGroup = defineComponent({
   name: "TigerRadioGroup",
@@ -136,4 +146,8 @@ var RadioGroup = defineComponent({
 });
 var RadioGroup_default = RadioGroup;
 
-export { RadioGroup, RadioGroupKey, RadioGroup_default };
+export {
+  RadioGroupKey,
+  RadioGroup,
+  RadioGroup_default
+};

package/dist/chunk-YEHKQ3JZ.mjs

@@ -1,7 +1,13 @@
-import { defineComponent, computed, h } from 'vue';
-import { getSkeletonClasses, getSkeletonDimensions, getParagraphRowWidth, classNames, mergeStyleValues, coerceClassValue } from '@expcat/tigercat-core';
-
 // src/components/Skeleton.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getSkeletonClasses,
+  getSkeletonDimensions,
+  getParagraphRowWidth,
+  mergeStyleValues
+} from "@expcat/tigercat-core";
 var Skeleton = defineComponent({
   name: "TigerSkeleton",
   inheritAttrs: false,
@@ -102,4 +108,7 @@ var Skeleton = defineComponent({
 });
 var Skeleton_default = Skeleton;
 
-export { Skeleton, Skeleton_default };
+export {
+  Skeleton,
+  Skeleton_default
+};

package/dist/{chunk-I34OWAAY.mjs → chunk-YSUT2GRP.mjs}

@@ -1,7 +1,20 @@
-import { ChartCanvas } from './chunk-W5RZPTFD.mjs';
-import { defineComponent, computed, ref, watch, onBeforeUnmount, h } from 'vue';
-import { getChartInnerRect, getGaugeGradientPrefix, valueToGaugeAngle, createGaugeAnimation, computeGaugeTicks, createGaugeArcPath, createGaugeNeedlePath, classNames, chartAxisTickTextClasses } from '@expcat/tigercat-core';
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
 
+// src/components/GaugeChart.ts
+import { defineComponent, computed, h, ref, watch, onBeforeUnmount, useId } from "vue";
+import {
+  classNames,
+  createGaugeArcPath,
+  createGaugeNeedlePath,
+  valueToGaugeAngle,
+  computeGaugeTicks,
+  getChartInnerRect,
+  chartAxisTickTextClasses,
+  getStableChartGradientPrefix,
+  createGaugeAnimation
+} from "@expcat/tigercat-core";
 var GaugeChart = defineComponent({
   name: "TigerGaugeChart",
   props: {
@@ -34,7 +47,7 @@ var GaugeChart = defineComponent({
     const radius = computed(() => Math.min(innerRect.value.width, innerRect.value.height) / 2 - 4);
     const cx = computed(() => innerRect.value.width / 2);
     const cy = computed(() => innerRect.value.height / 2);
-    const gradientPrefix = getGaugeGradientPrefix();
+    const gradientPrefix = getStableChartGradientPrefix("gauge", useId());
     const valueGradientId = `${gradientPrefix}-value`;
     const targetAngle = computed(
       () => valueToGaugeAngle(props.value, props.min, props.max, props.startAngle, props.endAngle)
@@ -211,4 +224,7 @@ var GaugeChart = defineComponent({
 });
 var GaugeChart_default = GaugeChart;
 
-export { GaugeChart, GaugeChart_default };
+export {
+  GaugeChart,
+  GaugeChart_default
+};