@expcat/tigercat-vue 1.1.0 → 1.2.14

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-YCBLL5K3.js

@@ -0,0 +1,291 @@
+"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 _chunk27T3QDSFjs = require('./chunk-27T3QDSF.js');
+
+
+var _chunk2LNNB55Ejs = require('./chunk-2LNNB55E.js');
+
+
+var _chunk2DC3BMEDjs = require('./chunk-2DC3BMED.js');
+
+
+var _chunk2KDSHEZTjs = require('./chunk-2KDSHEZT.js');
+
+
+var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
+
+
+var _chunkXGXGAK27js = require('./chunk-XGXGAK27.js');
+
+
+var _chunkZ6HBM73Wjs = require('./chunk-Z6HBM73W.js');
+
+// src/components/ActivityFeed.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var renderAction = (item, action, index) => {
+  const key = _nullishCoalesce(action.key, () => ( `${item.id}-action-${index}`));
+  return _vue.h.call(void 0, 
+    _chunk2DC3BMEDjs.Link,
+    {
+      key,
+      size: "sm",
+      variant: "primary",
+      href: action.href,
+      target: action.target,
+      disabled: action.disabled,
+      onClick: () => _optionalChain([action, 'access', _ => _.onClick, 'optionalCall', _2 => _2(item, action)])
+    },
+    {
+      default: () => action.label
+    }
+  );
+};
+var ActivityFeed = _vue.defineComponent.call(void 0, {
+  name: "TigerActivityFeed",
+  inheritAttrs: false,
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    groups: {
+      type: Array,
+      default: void 0
+    },
+    groupBy: {
+      type: Function,
+      default: void 0
+    },
+    groupOrder: {
+      type: Array,
+      default: void 0
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    loadingText: {
+      type: String,
+      default: "\u52A0\u8F7D\u4E2D..."
+    },
+    emptyText: {
+      type: String,
+      default: "\u6682\u65E0\u52A8\u6001"
+    },
+    showAvatar: {
+      type: Boolean,
+      default: true
+    },
+    showTime: {
+      type: Boolean,
+      default: true
+    },
+    showGroupTitle: {
+      type: Boolean,
+      default: true
+    },
+    className: {
+      type: String,
+      default: void 0
+    },
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  setup(props, { slots, attrs }) {
+    const resolvedGroups = _vue.computed.call(void 0, 
+      () => _tigercatcore.buildActivityGroups.call(void 0, props.items, props.groups, props.groupBy, props.groupOrder)
+    );
+    const wrapperClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        "tiger-activity-feed",
+        "flex",
+        "flex-col",
+        "gap-6",
+        "w-full",
+        props.className,
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+      )
+    );
+    const wrapperStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
+    const renderDefaultItem = (item, index, group) => {
+      if (slots.item) {
+        const slotContent = slots.item({ item, index, group });
+        if (slotContent) return slotContent;
+      }
+      const titleText = _nullishCoalesce(item.title, () => ( (typeof item.content === "string" || typeof item.content === "number" ? String(item.content) : "")));
+      const descriptionText = item.description;
+      const timeText = props.showTime ? _tigercatcore.formatActivityTime.call(void 0, item.time) : "";
+      const actionNodes = _optionalChain([item, 'access', _3 => _3.actions, 'optionalAccess', _4 => _4.map, 'call', _5 => _5(
+        (action, actionIndex) => renderAction(item, action, actionIndex)
+      )]);
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          class: _tigercatcore.activityItemClasses
+        },
+        [
+          _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemLayoutClasses }, [
+            props.showAvatar && item.user ? _vue.h.call(void 0, _chunkZ6HBM73Wjs.Avatar, {
+              size: "sm",
+              src: item.user.avatar,
+              text: item.user.name,
+              className: "shrink-0"
+            }) : null,
+            _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemBodyClasses }, [
+              _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemHeaderClasses }, [
+                _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemTitleGroupClasses }, [
+                  titleText ? _vue.h.call(void 0, 
+                    _chunkTGHB5XSTjs.Text,
+                    { tag: "div", size: "sm", weight: "medium", class: "truncate" },
+                    { default: () => titleText }
+                  ) : null,
+                  item.status ? _vue.h.call(void 0, 
+                    _chunk2KDSHEZTjs.Tag,
+                    {
+                      variant: _nullishCoalesce(item.status.variant, () => ( "default")),
+                      size: "sm",
+                      className: "shrink-0"
+                    },
+                    { default: () => _optionalChain([item, 'access', _6 => _6.status, 'optionalAccess', _7 => _7.label]) }
+                  ) : null
+                ]),
+                timeText ? _vue.h.call(void 0, 
+                  _chunkTGHB5XSTjs.Text,
+                  {
+                    tag: "div",
+                    size: "xs",
+                    color: "muted",
+                    class: "shrink-0 whitespace-nowrap"
+                  },
+                  { default: () => timeText }
+                ) : null
+              ]),
+              descriptionText ? _vue.h.call(void 0, 
+                _chunkTGHB5XSTjs.Text,
+                {
+                  tag: "div",
+                  size: "sm",
+                  color: "muted",
+                  class: _tigercatcore.activityItemDescriptionClasses
+                },
+                { default: () => descriptionText }
+              ) : null,
+              _optionalChain([actionNodes, 'optionalAccess', _8 => _8.length]) ? _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemActionsClasses }, actionNodes) : null
+            ])
+          ])
+        ]
+      );
+    };
+    const feedRole = _vue.computed.call(void 0, () => _nullishCoalesce(attrs.role, () => ( "feed")));
+    const feedAriaLabel = _vue.computed.call(void 0, 
+      () => _nullishCoalesce(attrs["aria-label"], () => ( (attrs["aria-labelledby"] ? void 0 : "\u52A8\u6001")))
+    );
+    const feedAriaBusy = _vue.computed.call(void 0, () => _nullishCoalesce(attrs["aria-busy"], () => ( (props.loading ? "true" : void 0))));
+    return () => {
+      if (props.loading) {
+        const loadingNode = slots.loading ? slots.loading() : _vue.h.call(void 0, _chunk2LNNB55Ejs.Loading, { text: props.loadingText });
+        return _vue.h.call(void 0, 
+          "div",
+          {
+            ...attrs,
+            class: wrapperClasses.value,
+            style: wrapperStyle.value,
+            role: feedRole.value,
+            "aria-label": feedAriaLabel.value,
+            "aria-busy": feedAriaBusy.value,
+            "data-tiger-activity-feed": true
+          },
+          [
+            _vue.h.call(void 0, 
+              _chunkXGXGAK27js.Card,
+              { variant: "bordered", size: "sm", className: "tiger-activity-feed-loading" },
+              {
+                default: () => _vue.h.call(void 0, "div", { class: "flex items-center justify-center py-4" }, loadingNode)
+              }
+            )
+          ]
+        );
+      }
+      if (resolvedGroups.value.length === 0) {
+        const emptyNode = slots.empty ? slots.empty() : _vue.h.call(void 0, _chunkTGHB5XSTjs.Text, { tag: "div", size: "sm", color: "muted" }, { default: () => props.emptyText });
+        return _vue.h.call(void 0, 
+          "div",
+          {
+            ...attrs,
+            class: wrapperClasses.value,
+            style: wrapperStyle.value,
+            role: feedRole.value,
+            "aria-label": feedAriaLabel.value,
+            "data-tiger-activity-feed": true
+          },
+          [
+            _vue.h.call(void 0, 
+              _chunkXGXGAK27js.Card,
+              { variant: "bordered", size: "sm", className: "tiger-activity-feed-empty" },
+              {
+                default: () => _vue.h.call(void 0, "div", { class: "flex items-center justify-center py-6" }, emptyNode)
+              }
+            )
+          ]
+        );
+      }
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          ...attrs,
+          class: wrapperClasses.value,
+          style: wrapperStyle.value,
+          role: feedRole.value,
+          "aria-label": feedAriaLabel.value,
+          "data-tiger-activity-feed": true
+        },
+        resolvedGroups.value.map((group, groupIndex) => {
+          const headerNode = slots.groupTitle ? slots.groupTitle({ group }) : void 0;
+          const groupTitle = group.title;
+          const timelineItems = _tigercatcore.toActivityTimelineItems.call(void 0, group.items);
+          return _vue.h.call(void 0, "div", { key: _nullishCoalesce(group.key, () => ( groupIndex)), class: "space-y-3" }, [
+            props.showGroupTitle && groupTitle ? _nullishCoalesce(headerNode, () => ( _vue.h.call(void 0, 
+              _chunkTGHB5XSTjs.Text,
+              { tag: "div", size: "sm", weight: "medium", color: "muted" },
+              { default: () => groupTitle }
+            ))) : null,
+            _vue.h.call(void 0, 
+              _chunk27T3QDSFjs.Timeline,
+              { items: timelineItems },
+              {
+                item: ({ item, index }) => {
+                  const activity = item.activity;
+                  if (!activity) return null;
+                  return renderDefaultItem(activity, index, group);
+                }
+              }
+            )
+          ]);
+        })
+      );
+    };
+  }
+});
+var ActivityFeed_default = ActivityFeed;
+
+
+
+
+exports.ActivityFeed = ActivityFeed; exports.ActivityFeed_default = ActivityFeed_default;