@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/chunk-SLYUQ67P.js

@@ -1,10 +1,17 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Slider.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Slider.ts
-var Slider = vue.defineComponent({
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Slider = _vue.defineComponent.call(void 0, {
   name: "TigerSlider",
   props: {
     /**
@@ -114,12 +121,12 @@ var Slider = vue.defineComponent({
       if (props.defaultValue !== void 0) return props.defaultValue;
       return props.range ? [props.min, props.max] : props.min;
     };
-    const internalValue = vue.ref(getInitialValue());
-    const isDragging = vue.ref(false);
-    const activeThumb = vue.ref(null);
-    const showTooltip = vue.ref(false);
-    const trackElement = vue.ref(null);
-    vue.watch(
+    const internalValue = _vue.ref.call(void 0, getInitialValue());
+    const isDragging = _vue.ref.call(void 0, false);
+    const activeThumb = _vue.ref.call(void 0, null);
+    const showTooltip = _vue.ref.call(void 0, false);
+    const trackElement = _vue.ref.call(void 0, null);
+    _vue.watch.call(void 0, 
       () => props.value,
       (newValue) => {
         if (newValue !== void 0) {
@@ -127,10 +134,10 @@ var Slider = vue.defineComponent({
         }
       }
     );
-    const getPercentage = (val) => tigercatCore.sliderGetPercentage(val, props.min, props.max);
+    const getPercentage = (val) => _tigercatcore.sliderGetPercentage.call(void 0, val, props.min, props.max);
     const getValueFromPosition = (clientX, el) => {
       const rect = el.getBoundingClientRect();
-      return tigercatCore.sliderGetValueFromPosition(
+      return _tigercatcore.sliderGetValueFromPosition.call(void 0, 
         clientX - rect.left,
         rect.width,
         props.min,
@@ -170,8 +177,8 @@ var Slider = vue.defineComponent({
       activeThumb.value = null;
       showTooltip.value = false;
     };
-    const trackClasses = vue.computed(() => tigercatCore.getSliderTrackClasses(props.size, props.disabled));
-    const rangeStyles = vue.computed(() => {
+    const trackClasses = _vue.computed.call(void 0, () => _tigercatcore.getSliderTrackClasses.call(void 0, props.size, props.disabled));
+    const rangeStyles = _vue.computed.call(void 0, () => {
       if (props.range && Array.isArray(internalValue.value)) {
         const [minVal, maxVal] = internalValue.value;
         const left = getPercentage(minVal);
@@ -188,15 +195,15 @@ var Slider = vue.defineComponent({
         };
       }
     });
-    const thumbClasses = vue.computed(() => tigercatCore.getSliderThumbClasses(props.size, props.disabled));
-    const tooltipClasses = vue.computed(() => tigercatCore.getSliderTooltipClasses(props.size));
+    const thumbClasses = _vue.computed.call(void 0, () => _tigercatcore.getSliderThumbClasses.call(void 0, props.size, props.disabled));
+    const tooltipClasses = _vue.computed.call(void 0, () => _tigercatcore.getSliderTooltipClasses.call(void 0, props.size));
     const handleTrackMouseMove = (e) => {
       if (trackElement.value) handleMove(e, trackElement.value);
     };
     const handleTrackTouchMove = (e) => {
       if (trackElement.value) handleMove(e, trackElement.value);
     };
-    vue.watchEffect((onCleanup) => {
+    _vue.watchEffect.call(void 0, (onCleanup) => {
       if (isDragging.value) {
         document.addEventListener("mousemove", handleTrackMouseMove);
         document.addEventListener("mouseup", handleEnd);
@@ -232,7 +239,7 @@ var Slider = vue.defineComponent({
             if (thumbType === "max") resolvedAriaLabel = "Maximum value";
           }
         }
-        return vue.h(
+        return _vue.h.call(void 0, 
           "div",
           {
             class: thumbClasses.value,
@@ -257,7 +264,7 @@ var Slider = vue.defineComponent({
             },
             onKeydown: (e) => {
               if (props.disabled) return;
-              const newValue = tigercatCore.sliderGetKeyboardValue(
+              const newValue = _tigercatcore.sliderGetKeyboardValue.call(void 0, 
                 e.key,
                 value,
                 props.min,
@@ -278,19 +285,19 @@ var Slider = vue.defineComponent({
               }
             }
           },
-          showThumbTooltip && props.tooltip ? vue.h("div", { class: tooltipClasses.value }, value.toString()) : void 0
+          showThumbTooltip && props.tooltip ? _vue.h.call(void 0, "div", { class: tooltipClasses.value }, value.toString()) : void 0
         );
       };
       const createMarks = () => {
         if (!props.marks) return null;
         const marks = typeof props.marks === "boolean" ? {} : props.marks;
-        return vue.h(
+        return _vue.h.call(void 0, 
           "div",
           { class: "absolute w-full top-full mt-2" },
           Object.entries(marks).map(([key, label]) => {
             const value = Number(key);
             const left = getPercentage(value);
-            return vue.h(
+            return _vue.h.call(void 0, 
               "div",
               {
                 class: "absolute text-xs text-[var(--tiger-text-muted,#6b7280)]",
@@ -301,19 +308,19 @@ var Slider = vue.defineComponent({
           })
         );
       };
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrsWithoutClassStyle,
           class: [
-            tigercatCore.classNames(tigercatCore.sliderBaseClasses, props.disabled && "cursor-not-allowed", props.className),
+            _tigercatcore.classNames.call(void 0, _tigercatcore.sliderBaseClasses, props.disabled && "cursor-not-allowed", props.className),
             attrsClass
           ],
           style: [props.style, attrsStyle]
         },
         [
           // Track
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             {
               ref: trackElement,
@@ -337,8 +344,8 @@ var Slider = vue.defineComponent({
             },
             [
               // Range
-              vue.h("div", {
-                class: tigercatCore.sliderRangeClasses,
+              _vue.h.call(void 0, "div", {
+                class: _tigercatcore.sliderRangeClasses,
                 style: rangeStyles.value
               }),
               // Thumbs
@@ -359,5 +366,7 @@ var Slider = vue.defineComponent({
 });
 var Slider_default = Slider;
 
-exports.Slider = Slider;
-exports.Slider_default = Slider_default;
+
+
+
+exports.Slider = Slider; exports.Slider_default = Slider_default;

package/dist/{chunk-XXBMPKS7.js → chunk-SVWZOIBI.js}

@@ -1,16 +1,46 @@
-'use strict';
-
-var chunkGZK6R2E3_js = require('./chunk-GZK6R2E3.js');
-var chunkACYYQJ6M_js = require('./chunk-ACYYQJ6M.js');
-var chunkHBFFINAI_js = require('./chunk-HBFFINAI.js');
-var chunkZOUJFFG4_js = require('./chunk-ZOUJFFG4.js');
-var chunk5PXTMXXS_js = require('./chunk-5PXTMXXS.js');
-var chunkUHVUKLHF_js = require('./chunk-UHVUKLHF.js');
-var chunk57MJTNDL_js = require('./chunk-57MJTNDL.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var BarChart = vue.defineComponent({
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunk2VOZFFW6js = require('./chunk-2VOZFFW6.js');
+
+
+var _chunkACYYQJ6Mjs = require('./chunk-ACYYQJ6M.js');
+
+
+var _chunkHBFFINAIjs = require('./chunk-HBFFINAI.js');
+
+
+var _chunkZOUJFFG4js = require('./chunk-ZOUJFFG4.js');
+
+
+var _chunk5PXTMXXSjs = require('./chunk-5PXTMXXS.js');
+
+
+var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
+
+
+var _chunk57MJTNDLjs = require('./chunk-57MJTNDL.js');
+
+// src/components/BarChart.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var BarChart = _vue.defineComponent.call(void 0, {
   name: "TigerBarChart",
   props: {
     width: {
@@ -196,7 +226,7 @@ var BarChart = vue.defineComponent({
   },
   emits: ["update:hoveredIndex", "update:selectedIndex", "bar-click", "bar-hover"],
   setup(props, { emit }) {
-    const gradientPrefix = tigercatCore.getBarGradientPrefix();
+    const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "bar", _vue.useId.call(void 0, ));
     const {
       tooltipPosition,
       resolvedHoveredIndex,
@@ -211,41 +241,40 @@ var BarChart = vue.defineComponent({
       handleLegendHover,
       handleLegendLeave,
       wrapperClasses
-    } = chunkGZK6R2E3_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),
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      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: "bar-hover", click: "bar-click" }
     });
-    const innerRect = vue.computed(() => tigercatCore.getChartInnerRect(props.width, props.height, props.padding));
-    const xDomain = vue.computed(() => props.data.map((item) => String(item.x)));
-    const yValues = vue.computed(() => props.data.map((item) => item.y));
-    const resolvedXScale = vue.computed(() => {
+    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
+    const xDomain = _vue.computed.call(void 0, () => props.data.map((item) => String(item.x)));
+    const yValues = _vue.computed.call(void 0, () => props.data.map((item) => item.y));
+    const resolvedXScale = _vue.computed.call(void 0, () => {
       if (props.xScale) return props.xScale;
-      return tigercatCore.createBandScale(xDomain.value, [0, innerRect.value.width], {
+      return _tigercatcore.createBandScale.call(void 0, xDomain.value, [0, innerRect.value.width], {
         paddingInner: props.barPaddingInner,
         paddingOuter: props.barPaddingOuter
       });
     });
-    const resolvedYScale = vue.computed(() => {
+    const resolvedYScale = _vue.computed.call(void 0, () => {
       if (props.yScale) return props.yScale;
-      const extent = tigercatCore.getNumberExtent(yValues.value, { includeZero: true });
-      return tigercatCore.createLinearScale(extent, [innerRect.value.height, 0]);
+      const extent = _tigercatcore.getNumberExtent.call(void 0, yValues.value, { includeZero: true });
+      return _tigercatcore.createLinearScale.call(void 0, extent, [innerRect.value.height, 0]);
     });
-    const shouldShowXAxis = vue.computed(() => props.showAxis && props.showXAxis);
-    const shouldShowYAxis = vue.computed(() => props.showAxis && props.showYAxis);
-    const palette = vue.computed(() => tigercatCore.resolveChartPalette(props.colors, props.barColor));
-    const bars = vue.computed(() => {
+    const shouldShowXAxis = _vue.computed.call(void 0, () => props.showAxis && props.showXAxis);
+    const shouldShowYAxis = _vue.computed.call(void 0, () => props.showAxis && props.showYAxis);
+    const palette = _vue.computed.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, props.colors, props.barColor));
+    const bars = _vue.computed.call(void 0, () => {
       const scale = resolvedXScale.value;
-      const rawBandWidth = scale.bandwidth ?? (scale.step ? scale.step * 0.7 : innerRect.value.width / Math.max(1, props.data.length) * 0.8);
-      const bandWidth = tigercatCore.clampBarWidth(rawBandWidth, props.barMaxWidth);
+      const rawBandWidth = _nullishCoalesce(scale.bandwidth, () => ( (scale.step ? scale.step * 0.7 : innerRect.value.width / Math.max(1, props.data.length) * 0.8)));
+      const bandWidth = _tigercatcore.clampBarWidth.call(void 0, rawBandWidth, props.barMaxWidth);
       const bandOffset = rawBandWidth > bandWidth ? (rawBandWidth - bandWidth) / 2 : 0;
       const baseline = resolvedYScale.value.map(0);
       return props.data.map((item, index) => {
@@ -256,11 +285,11 @@ var BarChart = vue.defineComponent({
         let barHeight = Math.abs(baseline - barYValue);
         let barY = Math.min(baseline, barYValue);
         if (props.barMinHeight > 0 && barHeight > 0) {
-          const clamped = tigercatCore.ensureBarMinHeight(barY, barHeight, baseline, props.barMinHeight);
+          const clamped = _tigercatcore.ensureBarMinHeight.call(void 0, barY, barHeight, baseline, props.barMinHeight);
           barY = clamped.y;
           barHeight = clamped.height;
         }
-        const color = item.color ?? palette.value[index % palette.value.length];
+        const color = _nullishCoalesce(item.color, () => ( palette.value[index % palette.value.length]));
         const opacity = getElementOpacity(index);
         return {
           x: barX,
@@ -274,29 +303,29 @@ var BarChart = vue.defineComponent({
         };
       });
     });
-    const legendItems = vue.computed(
-      () => tigercatCore.buildChartLegendItems({
+    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 ?? String(d.x),
-        getColor: (d, i) => d.color ?? palette.value[i % palette.value.length]
+        getLabel: (d) => _nullishCoalesce(d.label, () => ( String(d.x))),
+        getColor: (d, i) => _nullishCoalesce(d.color, () => ( palette.value[i % palette.value.length]))
       })
     );
-    const tooltipContent = vue.computed(
-      () => tigercatCore.resolveChartTooltipContent(
+    const tooltipContent = _vue.computed.call(void 0, 
+      () => _tigercatcore.resolveChartTooltipContent.call(void 0, 
         resolvedHoveredIndex.value,
         props.data,
         props.tooltipFormatter,
-        tigercatCore.defaultXYTooltipFormatter
+        _tigercatcore.defaultXYTooltipFormatter
       )
     );
     return () => {
-      const gradientDefs = props.gradient ? vue.h(
+      const gradientDefs = props.gradient ? _vue.h.call(void 0, 
         "defs",
         null,
         bars.value.map(
-          (bar, index) => vue.h(
+          (bar, index) => _vue.h.call(void 0, 
             "linearGradient",
             {
               id: `${gradientPrefix}-${index}`,
@@ -306,12 +335,12 @@ var BarChart = vue.defineComponent({
               y2: "1"
             },
             [
-              vue.h("stop", {
+              _vue.h.call(void 0, "stop", {
                 offset: "0%",
                 "stop-color": bar.color,
                 "stop-opacity": "0.65"
               }),
-              vue.h("stop", {
+              _vue.h.call(void 0, "stop", {
                 offset: "100%",
                 "stop-color": bar.color,
                 "stop-opacity": "1"
@@ -322,9 +351,9 @@ var BarChart = vue.defineComponent({
       ) : null;
       const valueLabels = props.showValueLabels && bars.value.length > 0 ? bars.value.map((bar, index) => {
         const labelText = props.valueLabelFormatter ? props.valueLabelFormatter(bar.datum, index) : String(bar.datum.y);
-        const labelY = tigercatCore.getBarValueLabelY(bar.y, bar.height, props.valueLabelPosition, 8);
+        const labelY = _tigercatcore.getBarValueLabelY.call(void 0, bar.y, bar.height, props.valueLabelPosition, 8);
         const isInside = props.valueLabelPosition === "inside";
-        return vue.h(
+        return _vue.h.call(void 0, 
           "text",
           {
             key: `label-${index}`,
@@ -332,27 +361,27 @@ var BarChart = vue.defineComponent({
             y: labelY,
             "text-anchor": "middle",
             "dominant-baseline": isInside ? "central" : "auto",
-            class: isInside ? tigercatCore.barValueLabelInsideClasses : tigercatCore.barValueLabelClasses,
+            class: isInside ? _tigercatcore.barValueLabelInsideClasses : _tigercatcore.barValueLabelClasses,
             opacity: bar.opacity,
             "data-value-label": ""
           },
           labelText
         );
       }) : [];
-      const chart = vue.h(
-        chunkUHVUKLHF_js.ChartCanvas,
+      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: () => [
             gradientDefs,
-            props.showGrid ? vue.h(chunk57MJTNDL_js.ChartGrid, {
+            props.showGrid ? _vue.h.call(void 0, _chunk57MJTNDLjs.ChartGrid, {
               xScale: resolvedXScale.value,
               yScale: resolvedYScale.value,
               show: "both",
@@ -363,7 +392,7 @@ var BarChart = vue.defineComponent({
               lineStyle: props.gridLineStyle,
               strokeWidth: props.gridStrokeWidth
             }) : null,
-            shouldShowXAxis.value ? vue.h(chunk5PXTMXXS_js.ChartAxis, {
+            shouldShowXAxis.value ? _vue.h.call(void 0, _chunk5PXTMXXSjs.ChartAxis, {
               scale: resolvedXScale.value,
               orientation: "bottom",
               y: innerRect.value.height,
@@ -372,7 +401,7 @@ var BarChart = vue.defineComponent({
               tickFormat: props.xTickFormat,
               label: props.xAxisLabel
             }) : null,
-            shouldShowYAxis.value ? vue.h(chunk5PXTMXXS_js.ChartAxis, {
+            shouldShowYAxis.value ? _vue.h.call(void 0, _chunk5PXTMXXSjs.ChartAxis, {
               scale: resolvedYScale.value,
               orientation: "left",
               ticks: props.yTicks,
@@ -380,15 +409,15 @@ var BarChart = vue.defineComponent({
               tickFormat: props.yTickFormat,
               label: props.yAxisLabel
             }) : null,
-            vue.h(
-              chunkHBFFINAI_js.ChartSeries,
+            _vue.h.call(void 0, 
+              _chunkHBFFINAIjs.ChartSeries,
               {
                 data: props.data,
                 type: "bar"
               },
               {
                 default: () => bars.value.map(
-                  (bar, index) => vue.h("rect", {
+                  (bar, index) => _vue.h.call(void 0, "rect", {
                     key: `bar-${index}`,
                     x: bar.x,
                     y: bar.y,
@@ -398,14 +427,14 @@ var BarChart = vue.defineComponent({
                     ry: props.barRadius,
                     fill: props.gradient ? `url(#${gradientPrefix}-${index})` : bar.color,
                     opacity: bar.opacity,
-                    class: tigercatCore.classNames(
-                      "transition-[opacity,filter] duration-200",
+                    class: _tigercatcore.classNames.call(void 0, 
+                      "transition-[opacity,filter] [transition-duration:var(--tiger-motion-duration-base,200ms)] [transition-timing-function:var(--tiger-motion-ease-decelerate,ease-out)]",
                       (props.hoverable || props.selectable) && "cursor-pointer hover:brightness-110"
                     ),
-                    style: props.animated ? `rx:var(--tiger-chart-bar-radius,${props.barRadius}px);ry:var(--tiger-chart-bar-radius,${props.barRadius}px);${tigercatCore.barAnimatedTransition}` : `rx:var(--tiger-chart-bar-radius,${props.barRadius}px);ry:var(--tiger-chart-bar-radius,${props.barRadius}px)`,
+                    style: props.animated ? `rx:var(--tiger-chart-bar-radius,${props.barRadius}px);ry:var(--tiger-chart-bar-radius,${props.barRadius}px);${_tigercatcore.barAnimatedTransition}` : `rx:var(--tiger-chart-bar-radius,${props.barRadius}px);ry:var(--tiger-chart-bar-radius,${props.barRadius}px)`,
                     tabindex: props.selectable ? 0 : void 0,
                     role: props.selectable ? "button" : "img",
-                    "aria-label": bar.datum.label ?? String(bar.datum.x),
+                    "aria-label": _nullishCoalesce(bar.datum.label, () => ( String(bar.datum.x))),
                     "data-bar-index": index,
                     onMouseenter: (e) => handleMouseEnter(index, e),
                     onMousemove: handleMouseMove,
@@ -420,18 +449,18 @@ var BarChart = vue.defineComponent({
           ].filter(Boolean)
         }
       );
-      const tooltip = props.showTooltip && props.hoverable ? vue.h(chunkZOUJFFG4_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(chunkACYYQJ6M_js.ChartLegend, {
+        _vue.h.call(void 0, _chunkACYYQJ6Mjs.ChartLegend, {
           items: legendItems.value,
           position: props.legendPosition,
           markerSize: props.legendMarkerSize,
@@ -448,5 +477,7 @@ var BarChart = vue.defineComponent({
 });
 var BarChart_default = BarChart;
 
-exports.BarChart = BarChart;
-exports.BarChart_default = BarChart_default;
+
+
+
+exports.BarChart = BarChart; exports.BarChart_default = BarChart_default;

package/dist/chunk-SWOQMMOT.js

@@ -1,10 +1,12 @@
-'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/Footer.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Footer.ts
-var Footer = vue.defineComponent({
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Footer = _vue.defineComponent.call(void 0, {
   name: "TigerFooter",
   inheritAttrs: false,
   props: {
@@ -32,25 +34,27 @@ var Footer = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const footerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.layoutFooterClasses,
+    const footerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.layoutFooterClasses,
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
-    return () => vue.h(
+    return () => _vue.h.call(void 0, 
       "footer",
       {
         ...attrs,
         class: footerClasses.value,
-        style: tigercatCore.mergeStyleValues(props.style, { height: props.height })
+        style: _tigercatcore.mergeStyleValues.call(void 0, props.style, { height: props.height })
       },
-      slots.default?.()
+      _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
     );
   }
 });
 var Footer_default = Footer;
 
-exports.Footer = Footer;
-exports.Footer_default = Footer_default;
+
+
+
+exports.Footer = Footer; exports.Footer_default = Footer_default;

package/dist/chunk-T4DF24UV.js

@@ -1,10 +1,14 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Skeleton.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Skeleton.ts
-var Skeleton = vue.defineComponent({
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Skeleton = _vue.defineComponent.call(void 0, {
   name: "TigerSkeleton",
   inheritAttrs: false,
   props: {
@@ -46,11 +50,11 @@ var Skeleton = vue.defineComponent({
     }
   },
   setup(props, { attrs }) {
-    const visualClasses = vue.computed(
-      () => tigercatCore.getSkeletonClasses(props.variant, props.animation, props.shape)
+    const visualClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.getSkeletonClasses.call(void 0, props.variant, props.animation, props.shape)
     );
-    const dimensions = vue.computed(
-      () => tigercatCore.getSkeletonDimensions(props.variant, props.width, props.height)
+    const dimensions = _vue.computed.call(void 0, 
+      () => _tigercatcore.getSkeletonDimensions.call(void 0, props.variant, props.width, props.height)
     );
     return () => {
       const attrsRecord = attrs;
@@ -66,34 +70,34 @@ var Skeleton = vue.defineComponent({
             height: dimensions.value.height
           };
           if (props.paragraph) {
-            rowStyle.width = tigercatCore.getParagraphRowWidth(i, props.rows);
+            rowStyle.width = _tigercatcore.getParagraphRowWidth.call(void 0, i, props.rows);
           } else if (dimensions.value.width) {
             rowStyle.width = dimensions.value.width;
           }
           rows.push(
-            vue.h("div", {
+            _vue.h.call(void 0, "div", {
               key: i,
-              class: tigercatCore.classNames(visualClasses.value, i < props.rows - 1 && "mb-2"),
+              class: _tigercatcore.classNames.call(void 0, visualClasses.value, i < props.rows - 1 && "mb-2"),
               style: rowStyle
             })
           );
         }
-        return vue.h(
+        return _vue.h.call(void 0, 
           "div",
           {
             ...attrs,
-            class: tigercatCore.classNames("flex flex-col", props.className, tigercatCore.coerceClassValue(attrsClass)),
-            style: tigercatCore.mergeStyleValues(attrsStyle, props.style),
+            class: _tigercatcore.classNames.call(void 0, "flex flex-col", props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
+            style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style),
             "aria-hidden": computedAriaHidden
           },
           rows
         );
       }
       const dim = dimensions.value;
-      return vue.h("div", {
+      return _vue.h.call(void 0, "div", {
         ...attrs,
-        class: tigercatCore.classNames(visualClasses.value, props.className, tigercatCore.coerceClassValue(attrsClass)),
-        style: tigercatCore.mergeStyleValues(attrsStyle, props.style, {
+        class: _tigercatcore.classNames.call(void 0, visualClasses.value, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
+        style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style, {
           ...dim.width ? { width: dim.width } : void 0,
           height: dim.height
         }),
@@ -104,5 +108,7 @@ var Skeleton = vue.defineComponent({
 });
 var Skeleton_default = Skeleton;
 
-exports.Skeleton = Skeleton;
-exports.Skeleton_default = Skeleton_default;
+
+
+
+exports.Skeleton = Skeleton; exports.Skeleton_default = Skeleton_default;