@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/{chunk-THEYWGOT.js → chunk-QUIRQ7OA.js}

@@ -1,14 +1,39 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var chunkFLAJKB2O_js = require('./chunk-FLAJKB2O.js');
-var chunkBKTQ6RWR_js = require('./chunk-BKTQ6RWR.js');
-var chunkHBFFINAI_js = require('./chunk-HBFFINAI.js');
-var chunkEPE6OOV7_js = require('./chunk-EPE6OOV7.js');
-var chunkFCV4ML6I_js = require('./chunk-FCV4ML6I.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunk2VOZFFW6js = require('./chunk-2VOZFFW6.js');
 
-var PieChart = vue.defineComponent({
+
+var _chunkACYYQJ6Mjs = require('./chunk-ACYYQJ6M.js');
+
+
+var _chunkHBFFINAIjs = require('./chunk-HBFFINAI.js');
+
+
+var _chunkZOUJFFG4js = require('./chunk-ZOUJFFG4.js');
+
+
+var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
+
+// src/components/PieChart.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var PieChart = _vue.defineComponent.call(void 0, {
   name: "TigerPieChart",
   props: {
     width: {
@@ -123,7 +148,7 @@ var PieChart = vue.defineComponent({
     },
     borderColor: {
       type: String,
-      default: "#ffffff"
+      default: "var(--tiger-surface,#ffffff)"
     },
     hoverOffset: {
       type: Number,
@@ -136,6 +161,10 @@ var PieChart = vue.defineComponent({
     shadow: {
       type: Boolean,
       default: false
+    },
+    gradient: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:hoveredIndex", "update:selectedIndex", "slice-click", "slice-hover"],
@@ -153,53 +182,54 @@ var PieChart = vue.defineComponent({
       handleLegendHover,
       handleLegendLeave,
       wrapperClasses
-    } = chunkFLAJKB2O_js.useChartInteraction({
-      hoverable: vue.computed(() => props.hoverable),
+    } = _chunk2VOZFFW6js.useChartInteraction.call(void 0, {
+      hoverable: _vue.computed.call(void 0, () => props.hoverable),
       hoveredIndexProp: () => props.hoveredIndex,
-      selectable: vue.computed(() => props.selectable),
+      selectable: _vue.computed.call(void 0, () => props.selectable),
       selectedIndexProp: () => props.selectedIndex,
-      activeOpacity: vue.computed(() => props.activeOpacity),
-      inactiveOpacity: vue.computed(() => props.inactiveOpacity),
-      legendPosition: vue.computed(() => props.legendPosition),
+      activeOpacity: _vue.computed.call(void 0, () => props.activeOpacity),
+      inactiveOpacity: _vue.computed.call(void 0, () => props.inactiveOpacity),
+      legendPosition: _vue.computed.call(void 0, () => props.legendPosition),
       emit,
       getData: (index) => props.data[index],
       eventNames: { hover: "slice-hover", click: "slice-click" }
     });
-    const innerRect = vue.computed(() => tigercatCore.getChartInnerRect(props.width, props.height, props.padding));
-    const resolvedOuterRadius = vue.computed(() => {
+    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
+    const resolvedOuterRadius = _vue.computed.call(void 0, () => {
       if (typeof props.outerRadius === "number") return Math.max(0, props.outerRadius);
       const maxR = Math.min(innerRect.value.width, innerRect.value.height) / 2;
       return Math.max(0, props.labelPosition === "outside" ? maxR * 0.72 : maxR);
     });
-    const resolvedInnerRadius = vue.computed(
-      () => Math.min(Math.max(0, props.innerRadius ?? 0), resolvedOuterRadius.value)
+    const resolvedInnerRadius = _vue.computed.call(void 0, 
+      () => Math.min(Math.max(0, _nullishCoalesce(props.innerRadius, () => ( 0))), resolvedOuterRadius.value)
     );
-    const arcs = vue.computed(
-      () => tigercatCore.getPieArcs(props.data, {
+    const arcs = _vue.computed.call(void 0, 
+      () => _tigercatcore.getPieArcs.call(void 0, props.data, {
         startAngle: props.startAngle,
         endAngle: props.endAngle,
         padAngle: props.padAngle
       })
     );
-    const palette = vue.computed(() => tigercatCore.resolveChartPalette(props.colors));
-    const legendItems = vue.computed(
-      () => tigercatCore.buildChartLegendItems({
+    const palette = _vue.computed.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, props.colors));
+    const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "pie", _vue.useId.call(void 0, ));
+    const legendItems = _vue.computed.call(void 0, 
+      () => _tigercatcore.buildChartLegendItems.call(void 0, {
         data: props.data,
         palette: palette.value,
         activeIndex: activeIndex.value,
-        getLabel: (d) => d.label ?? `${d.value}`,
-        getColor: (d, i) => d.color ?? palette.value[i % palette.value.length]
+        getLabel: (d) => _nullishCoalesce(d.label, () => ( `${d.value}`)),
+        getColor: (d, i) => _nullishCoalesce(d.color, () => ( palette.value[i % palette.value.length]))
       })
     );
-    const total = vue.computed(() => props.data.reduce((sum, d) => sum + d.value, 0));
-    const tooltipContent = vue.computed(
-      () => tigercatCore.resolveChartTooltipContent(
+    const total = _vue.computed.call(void 0, () => props.data.reduce((sum, d) => sum + d.value, 0));
+    const tooltipContent = _vue.computed.call(void 0, 
+      () => _tigercatcore.resolveChartTooltipContent.call(void 0, 
         resolvedHoveredIndex.value,
         props.data,
         props.tooltipFormatter,
         (datum, index) => {
           const percent = total.value > 0 ? (datum.value / total.value * 100).toFixed(1) : "0";
-          const label = datum.label ?? `#${index + 1}`;
+          const label = _nullishCoalesce(datum.label, () => ( `#${index + 1}`));
           return `${label}: ${datum.value} (${percent}%)`;
         }
       )
@@ -211,27 +241,57 @@ var PieChart = vue.defineComponent({
       const outerR = resolvedOuterRadius.value;
       const innerR = resolvedInnerRadius.value;
       const interactive = props.hoverable || props.selectable;
-      const hoverOff = props.hoverOffset ?? 8;
-      const formatLabel = props.labelFormatter ?? ((value, datum) => datum.label ?? `${value}`);
-      const chart = vue.h(
-        chunkFCV4ML6I_js.ChartCanvas,
+      const hoverOff = _nullishCoalesce(props.hoverOffset, () => ( 8));
+      const formatLabel = _nullishCoalesce(props.labelFormatter, () => ( ((value, datum) => _nullishCoalesce(datum.label, () => ( `${value}`)))));
+      const chart = _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: () => {
-            const slices = vue.h(
-              chunkHBFFINAI_js.ChartSeries,
+            const gradientDefs = props.gradient ? _vue.h.call(void 0, 
+              "defs",
+              null,
+              arcs.value.map((arc) => {
+                const color = _nullishCoalesce(arc.data.color, () => ( palette.value[arc.index % palette.value.length]));
+                return _vue.h.call(void 0, 
+                  "linearGradient",
+                  {
+                    key: `pie-grad-${arc.index}`,
+                    id: `${gradientPrefix}-${arc.index}`,
+                    x1: "0",
+                    y1: "0",
+                    x2: "0",
+                    y2: "1"
+                  },
+                  [
+                    _vue.h.call(void 0, "stop", {
+                      offset: "0%",
+                      "stop-color": color,
+                      "stop-opacity": "1"
+                    }),
+                    _vue.h.call(void 0, "stop", {
+                      offset: "100%",
+                      "stop-color": color,
+                      "stop-opacity": "0.7"
+                    })
+                  ]
+                );
+              })
+            ) : null;
+            const slices = _vue.h.call(void 0, 
+              _chunkHBFFINAIjs.ChartSeries,
               { data: props.data, type: "pie" },
               {
                 default: () => arcs.value.map((arc) => {
-                  const color = arc.data.color ?? palette.value[arc.index % palette.value.length];
-                  const path = tigercatCore.createPieArcPath({
+                  const color = _nullishCoalesce(arc.data.color, () => ( palette.value[arc.index % palette.value.length]));
+                  const path = _tigercatcore.createPieArcPath.call(void 0, {
                     cx,
                     cy,
                     innerRadius: innerR,
@@ -240,29 +300,29 @@ var PieChart = vue.defineComponent({
                     endAngle: arc.endAngle
                   });
                   const isEmphasized = activeIndex.value === arc.index;
-                  const opacity = tigercatCore.getChartElementOpacity(arc.index, activeIndex.value, {
+                  const opacity = _tigercatcore.getChartElementOpacity.call(void 0, arc.index, activeIndex.value, {
                     activeOpacity: props.activeOpacity,
                     inactiveOpacity: props.inactiveOpacity
                   });
-                  const { dx, dy } = interactive && isEmphasized && hoverOff > 0 ? tigercatCore.computePieHoverOffset(arc.startAngle, arc.endAngle, hoverOff) : { dx: 0, dy: 0 };
-                  return vue.h("path", {
+                  const { dx, dy } = interactive && isEmphasized && hoverOff > 0 ? _tigercatcore.computePieHoverOffset.call(void 0, arc.startAngle, arc.endAngle, hoverOff) : { dx: 0, dy: 0 };
+                  return _vue.h.call(void 0, "path", {
                     key: `slice-${arc.index}`,
                     d: path,
-                    fill: color,
+                    fill: props.gradient ? `url(#${gradientPrefix}-${arc.index})` : color,
                     opacity,
                     stroke: props.borderColor,
                     "stroke-width": props.borderWidth,
                     "stroke-linejoin": "round",
-                    class: tigercatCore.classNames(interactive && "cursor-pointer"),
+                    class: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
                     style: {
                       transform: isEmphasized ? `translate(${dx}px, ${dy}px) scale(1.04)` : `translate(${dx}px, ${dy}px)`,
                       transformOrigin: `${cx}px ${cy}px`,
-                      transition: "transform 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.2s ease-out, filter 0.3s ease-out",
-                      filter: props.shadow ? isEmphasized ? tigercatCore.PIE_EMPHASIS_SHADOW : tigercatCore.PIE_BASE_SHADOW : void 0
+                      transition: "transform var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-spring,cubic-bezier(0.4,0,0.2,1)), opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-decelerate,ease-out)",
+                      filter: props.shadow ? isEmphasized ? _tigercatcore.PIE_EMPHASIS_SHADOW : _tigercatcore.PIE_BASE_SHADOW : void 0
                     },
                     tabindex: props.selectable ? 0 : void 0,
                     role: props.selectable ? "button" : "img",
-                    "aria-label": arc.data.label ?? `${arc.value}`,
+                    "aria-label": _nullishCoalesce(arc.data.label, () => ( `${arc.value}`)),
                     "data-pie-slice": "true",
                     "data-index": arc.index,
                     onMouseenter: (e) => handleMouseEnter(arc.index, e),
@@ -274,15 +334,15 @@ var PieChart = vue.defineComponent({
                 })
               }
             );
-            if (!props.showLabels) return [slices];
+            if (!props.showLabels) return [gradientDefs, slices];
             if (props.labelPosition === "outside") {
               const labelNodes = arcs.value.map((arc) => {
-                const color = arc.data.color ?? palette.value[arc.index % palette.value.length];
-                const line = tigercatCore.computePieLabelLine(cx, cy, outerR, arc.startAngle, arc.endAngle);
+                const color = _nullishCoalesce(arc.data.color, () => ( palette.value[arc.index % palette.value.length]));
+                const line = _tigercatcore.computePieLabelLine.call(void 0, cx, cy, outerR, arc.startAngle, arc.endAngle);
                 const pct = total.value > 0 ? (arc.value / total.value * 100).toFixed(1) : "0";
-                const labelText = props.labelFormatter ? props.labelFormatter(arc.value, arc.data, arc.index) : `${arc.data.label ?? arc.value} ${pct}%`;
+                const labelText = props.labelFormatter ? props.labelFormatter(arc.value, arc.data, arc.index) : `${_nullishCoalesce(arc.data.label, () => ( arc.value))} ${pct}%`;
                 return [
-                  vue.h("polyline", {
+                  _vue.h.call(void 0, "polyline", {
                     key: `line-${arc.index}`,
                     points: `${line.anchor.x},${line.anchor.y} ${line.elbow.x},${line.elbow.y} ${line.label.x},${line.label.y}`,
                     fill: "none",
@@ -290,7 +350,7 @@ var PieChart = vue.defineComponent({
                     "stroke-width": 1,
                     opacity: 0.5
                   }),
-                  vue.h(
+                  _vue.h.call(void 0, 
                     "text",
                     {
                       key: `label-${arc.index}`,
@@ -304,42 +364,42 @@ var PieChart = vue.defineComponent({
                   )
                 ];
               }).flat();
-              return [slices, ...labelNodes];
+              return [gradientDefs, slices, ...labelNodes];
             }
             const labelRadius = innerR + (outerR - innerR) / 2;
             const insideLabels = arcs.value.map((arc) => {
               const angle = (arc.startAngle + arc.endAngle) / 2;
-              const { x, y } = tigercatCore.polarToCartesian(cx, cy, labelRadius, angle);
+              const { x, y } = _tigercatcore.polarToCartesian.call(void 0, cx, cy, labelRadius, angle);
               const label = formatLabel(arc.value, arc.data, arc.index);
-              return vue.h(
+              return _vue.h.call(void 0, 
                 "text",
                 {
                   key: `label-${arc.index}`,
                   x,
                   y,
-                  class: tigercatCore.chartAxisTickTextClasses,
+                  class: _tigercatcore.chartAxisTickTextClasses,
                   "text-anchor": "middle",
                   "dominant-baseline": "middle"
                 },
                 label
               );
             });
-            return [slices, ...insideLabels];
+            return [gradientDefs, slices, ...insideLabels];
           }
         }
       );
-      const tooltip = props.showTooltip && props.hoverable ? vue.h(chunkEPE6OOV7_js.ChartTooltip, {
+      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkZOUJFFG4js.ChartTooltip, {
         content: tooltipContent.value,
         visible: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
         y: tooltipPosition.value.y
       }) : null;
       if (!props.showLegend) {
-        return vue.h("div", { class: "inline-block relative" }, [chart, tooltip]);
+        return _vue.h.call(void 0, "div", { class: "inline-block relative" }, [chart, tooltip]);
       }
-      return vue.h("div", { class: wrapperClasses.value }, [
+      return _vue.h.call(void 0, "div", { class: wrapperClasses.value }, [
         chart,
-        vue.h(chunkBKTQ6RWR_js.ChartLegend, {
+        _vue.h.call(void 0, _chunkACYYQJ6Mjs.ChartLegend, {
           items: legendItems.value,
           position: props.legendPosition,
           markerSize: props.legendMarkerSize,
@@ -356,5 +416,7 @@ var PieChart = vue.defineComponent({
 });
 var PieChart_default = PieChart;
 
-exports.PieChart = PieChart;
-exports.PieChart_default = PieChart_default;
+
+
+
+exports.PieChart = PieChart; exports.PieChart_default = PieChart_default;

package/dist/chunk-QY6PYAJA.js

@@ -1,10 +1,28 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Progress.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Progress.ts
-var Progress = vue.defineComponent({
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Progress = _vue.defineComponent.call(void 0, {
   name: "TigerProgress",
   inheritAttrs: false,
   props: {
@@ -25,19 +43,19 @@ var Progress = vue.defineComponent({
     style: { type: Object, default: void 0 }
   },
   setup(props, { attrs }) {
-    const clamped = vue.computed(() => tigercatCore.clampPercentage(props.percentage));
-    const effectiveVariant = vue.computed(
-      () => tigercatCore.getStatusVariant(props.status) || props.variant
+    const clamped = _vue.computed.call(void 0, () => _tigercatcore.clampPercentage.call(void 0, props.percentage));
+    const effectiveVariant = _vue.computed.call(void 0, 
+      () => _tigercatcore.getStatusVariant.call(void 0, props.status) || props.variant
     );
-    const shouldShowText = vue.computed(() => props.showText ?? props.type === "line");
-    const displayText = vue.computed(
-      () => shouldShowText.value ? tigercatCore.formatProgressText(clamped.value, props.text, props.format) : ""
+    const shouldShowText = _vue.computed.call(void 0, () => _nullishCoalesce(props.showText, () => ( props.type === "line")));
+    const displayText = _vue.computed.call(void 0, 
+      () => shouldShowText.value ? _tigercatcore.formatProgressText.call(void 0, clamped.value, props.text, props.format) : ""
     );
-    const resolvedAriaLabel = vue.computed(() => {
+    const resolvedAriaLabel = _vue.computed.call(void 0, () => {
       const label = attrs["aria-label"];
-      return label ?? (attrs["aria-labelledby"] != null ? void 0 : `Progress: ${clamped.value}%`);
+      return _nullishCoalesce(label, () => ( (attrs["aria-labelledby"] != null ? void 0 : `Progress: ${clamped.value}%`)));
     });
-    const ariaProps = vue.computed(() => ({
+    const ariaProps = _vue.computed.call(void 0, () => ({
       role: "progressbar",
       "aria-label": resolvedAriaLabel.value,
       "aria-labelledby": attrs["aria-labelledby"],
@@ -48,52 +66,52 @@ var Progress = vue.defineComponent({
     }));
     const renderLineProgress = () => {
       const containerStyle = props.width !== "auto" ? { width: typeof props.width === "number" ? `${props.width}px` : props.width } : {};
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
-          class: tigercatCore.classNames(
+          class: _tigercatcore.classNames.call(void 0, 
             "flex items-center w-full",
-            tigercatCore.coerceClassValue(attrs.class),
+            _tigercatcore.coerceClassValue.call(void 0, attrs.class),
             props.className
           ),
           style: {
             ...attrs.style,
-            ...props.style ?? {},
+            ..._nullishCoalesce(props.style, () => ( {})),
             ...containerStyle
           }
         },
         [
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             {
-              class: tigercatCore.classNames(
-                tigercatCore.progressLineBaseClasses,
-                tigercatCore.progressTrackBgClasses,
-                !props.height && tigercatCore.progressLineSizeClasses[props.size]
+              class: _tigercatcore.classNames.call(void 0, 
+                _tigercatcore.progressLineBaseClasses,
+                _tigercatcore.progressTrackBgClasses,
+                !props.height && _tigercatcore.progressLineSizeClasses[props.size]
               ),
               style: { flex: 1, ...props.height ? { height: `${props.height}px` } : {} }
             },
             [
-              vue.h("div", {
-                class: tigercatCore.classNames(
-                  tigercatCore.progressLineInnerClasses,
-                  tigercatCore.getProgressVariantClasses(effectiveVariant.value),
-                  props.striped && tigercatCore.progressStripedClasses,
-                  props.striped && props.stripedAnimation && tigercatCore.progressStripedAnimationClasses
+              _vue.h.call(void 0, "div", {
+                class: _tigercatcore.classNames.call(void 0, 
+                  _tigercatcore.progressLineInnerClasses,
+                  _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant.value),
+                  props.striped && _tigercatcore.progressStripedClasses,
+                  props.striped && props.stripedAnimation && _tigercatcore.progressStripedAnimationClasses
                 ),
                 style: { width: `${clamped.value}%` },
                 ...ariaProps.value
               })
             ]
           ),
-          shouldShowText.value ? vue.h(
+          shouldShowText.value ? _vue.h.call(void 0, 
             "span",
             {
-              class: tigercatCore.classNames(
-                tigercatCore.progressTextBaseClasses,
-                tigercatCore.progressTextSizeClasses[props.size],
-                tigercatCore.getProgressTextColorClasses(effectiveVariant.value)
+              class: _tigercatcore.classNames.call(void 0, 
+                _tigercatcore.progressTextBaseClasses,
+                _tigercatcore.progressTextSizeClasses[props.size],
+                _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant.value)
               )
             },
             displayText.value
@@ -102,42 +120,42 @@ var Progress = vue.defineComponent({
       );
     };
     const renderCircleProgress = () => {
-      const { width, height, radius, cx, cy } = tigercatCore.getCircleSize(props.size, props.strokeWidth);
-      const { strokeDasharray, strokeDashoffset } = tigercatCore.calculateCirclePath(radius, clamped.value);
-      return vue.h(
+      const { width, height, radius, cx, cy } = _tigercatcore.getCircleSize.call(void 0, props.size, props.strokeWidth);
+      const { strokeDasharray, strokeDashoffset } = _tigercatcore.calculateCirclePath.call(void 0, radius, clamped.value);
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
-          class: tigercatCore.classNames(
-            tigercatCore.progressCircleBaseClasses,
-            tigercatCore.coerceClassValue(attrs.class),
+          class: _tigercatcore.classNames.call(void 0, 
+            _tigercatcore.progressCircleBaseClasses,
+            _tigercatcore.coerceClassValue.call(void 0, attrs.class),
             props.className
           ),
           style: {
             ...attrs.style,
-            ...props.style ?? {},
+            ..._nullishCoalesce(props.style, () => ( {})),
             width: `${width}px`,
             height: `${height}px`
           }
         },
         [
-          vue.h("svg", { width, height, viewBox: `0 0 ${width} ${height}` }, [
-            vue.h("circle", {
+          _vue.h.call(void 0, "svg", { width, height, viewBox: `0 0 ${width} ${height}` }, [
+            _vue.h.call(void 0, "circle", {
               cx,
               cy,
               r: radius,
               fill: "none",
               stroke: "currentColor",
-              class: tigercatCore.progressCircleTrackStrokeClasses,
+              class: _tigercatcore.progressCircleTrackStrokeClasses,
               "stroke-width": props.strokeWidth
             }),
-            vue.h("circle", {
+            _vue.h.call(void 0, "circle", {
               cx,
               cy,
               r: radius,
               fill: "none",
               stroke: "currentColor",
-              class: tigercatCore.getProgressVariantClasses(effectiveVariant.value).replace("bg-", "text-"),
+              class: _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant.value).replace("bg-", "text-"),
               "stroke-width": props.strokeWidth,
               "stroke-linecap": "round",
               "stroke-dasharray": strokeDasharray,
@@ -150,14 +168,14 @@ var Progress = vue.defineComponent({
               ...ariaProps.value
             })
           ]),
-          shouldShowText.value ? vue.h(
+          shouldShowText.value ? _vue.h.call(void 0, 
             "div",
             {
-              class: tigercatCore.classNames(
-                tigercatCore.progressCircleTextClasses,
-                tigercatCore.progressTextSizeClasses[props.size],
+              class: _tigercatcore.classNames.call(void 0, 
+                _tigercatcore.progressCircleTextClasses,
+                _tigercatcore.progressTextSizeClasses[props.size],
                 "font-medium",
-                tigercatCore.getProgressTextColorClasses(effectiveVariant.value)
+                _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant.value)
               )
             },
             displayText.value
@@ -170,5 +188,7 @@ var Progress = vue.defineComponent({
 });
 var Progress_default = Progress;
 
-exports.Progress = Progress;
-exports.Progress_default = Progress_default;
+
+
+
+exports.Progress = Progress; exports.Progress_default = Progress_default;