@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/{chunk-DPWYCNNS.mjs → chunk-DATFV22V.mjs}

@@ -1,10 +1,10 @@
-import { useChartInteraction } from './chunk-264DR3I2.mjs';
+import { useChartInteraction } from './chunk-DU2NXX75.mjs';
 import { ChartCanvas } from './chunk-5WHLXWWT.mjs';
 import { ChartLegend } from './chunk-F5HOHSFH.mjs';
 import { ChartSeries } from './chunk-2ZUEXCVJ.mjs';
 import { ChartTooltip } from './chunk-FXGIIFGN.mjs';
 import { defineComponent, computed, h } from 'vue';
-import { getChartInnerRect, getPieArcs, DEFAULT_CHART_COLORS, classNames, createPieArcPath, getChartElementOpacity, polarToCartesian, chartAxisTickTextClasses } from '@expcat/tigercat-core';
+import { getChartInnerRect, getPieArcs, resolveChartPalette, buildChartLegendItems, resolveChartTooltipContent, classNames, createPieArcPath, getChartElementOpacity, computePieHoverOffset, PIE_EMPHASIS_SHADOW, PIE_BASE_SHADOW, computePieLabelLine, polarToCartesian, chartAxisTickTextClasses } from '@expcat/tigercat-core';
 
 var PieChart = defineComponent({
   name: "TigerPieChart",
@@ -113,6 +113,27 @@ var PieChart = defineComponent({
     },
     className: {
       type: String
+    },
+    // Visual enhancements
+    borderWidth: {
+      type: Number,
+      default: 2
+    },
+    borderColor: {
+      type: String,
+      default: "#ffffff"
+    },
+    hoverOffset: {
+      type: Number,
+      default: 8
+    },
+    labelPosition: {
+      type: String,
+      default: "inside"
+    },
+    shadow: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:hoveredIndex", "update:selectedIndex", "slice-click", "slice-hover"],
@@ -132,9 +153,9 @@ var PieChart = defineComponent({
       wrapperClasses
     } = useChartInteraction({
       hoverable: computed(() => props.hoverable),
-      hoveredIndexProp: props.hoveredIndex,
+      hoveredIndexProp: () => props.hoveredIndex,
       selectable: computed(() => props.selectable),
-      selectedIndexProp: props.selectedIndex,
+      selectedIndexProp: () => props.selectedIndex,
       activeOpacity: computed(() => props.activeOpacity),
       inactiveOpacity: computed(() => props.inactiveOpacity),
       legendPosition: computed(() => props.legendPosition),
@@ -145,7 +166,8 @@ var PieChart = defineComponent({
     const innerRect = computed(() => getChartInnerRect(props.width, props.height, props.padding));
     const resolvedOuterRadius = computed(() => {
       if (typeof props.outerRadius === "number") return Math.max(0, props.outerRadius);
-      return Math.max(0, Math.min(innerRect.value.width, innerRect.value.height) / 2);
+      const maxR = Math.min(innerRect.value.width, innerRect.value.height) / 2;
+      return Math.max(0, props.labelPosition === "outside" ? maxR * 0.72 : maxR);
     });
     const resolvedInnerRadius = computed(
       () => Math.min(Math.max(0, props.innerRadius ?? 0), resolvedOuterRadius.value)
@@ -157,37 +179,37 @@ var PieChart = defineComponent({
         padAngle: props.padAngle
       })
     );
-    const palette = computed(
-      () => props.colors && props.colors.length > 0 ? props.colors : [...DEFAULT_CHART_COLORS]
-    );
+    const palette = computed(() => resolveChartPalette(props.colors));
     const legendItems = computed(
-      () => props.data.map((datum, index) => ({
-        index,
-        label: datum.label ?? `${datum.value}`,
-        color: datum.color ?? palette.value[index % palette.value.length],
-        active: activeIndex.value === null || activeIndex.value === index
-      }))
-    );
-    const formatTooltip = computed(
-      () => props.tooltipFormatter ?? ((datum, index) => {
-        const total = props.data.reduce((sum, d) => sum + d.value, 0);
-        const percent = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
-        const label = datum.label ?? `#${index + 1}`;
-        return `${label}: ${datum.value} (${percent}%)`;
+      () => buildChartLegendItems({
+        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]
       })
     );
-    const tooltipContent = computed(() => {
-      if (resolvedHoveredIndex.value === null) return "";
-      const datum = props.data[resolvedHoveredIndex.value];
-      return datum ? formatTooltip.value(datum, resolvedHoveredIndex.value) : "";
-    });
+    const total = computed(() => props.data.reduce((sum, d) => sum + d.value, 0));
+    const tooltipContent = computed(
+      () => resolveChartTooltipContent(
+        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}`;
+          return `${label}: ${datum.value} (${percent}%)`;
+        }
+      )
+    );
     return () => {
       const rect = innerRect.value;
       const cx = rect.width / 2;
       const cy = rect.height / 2;
-      const outerRadius = resolvedOuterRadius.value;
-      const innerRadius = resolvedInnerRadius.value;
-      const labelRadius = innerRadius + (outerRadius - innerRadius) / 2;
+      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 = h(
         ChartCanvas,
@@ -200,36 +222,42 @@ var PieChart = defineComponent({
           className: classNames(props.className)
         },
         {
-          default: () => [
-            h(
+          default: () => {
+            const slices = h(
               ChartSeries,
-              {
-                data: props.data,
-                type: "pie"
-              },
+              { data: props.data, type: "pie" },
               {
                 default: () => arcs.value.map((arc) => {
                   const color = arc.data.color ?? palette.value[arc.index % palette.value.length];
                   const path = createPieArcPath({
                     cx,
                     cy,
-                    innerRadius,
-                    outerRadius,
+                    innerRadius: innerR,
+                    outerRadius: outerR,
                     startAngle: arc.startAngle,
                     endAngle: arc.endAngle
                   });
+                  const isEmphasized = activeIndex.value === arc.index;
                   const opacity = getChartElementOpacity(arc.index, activeIndex.value, {
                     activeOpacity: props.activeOpacity,
                     inactiveOpacity: props.inactiveOpacity
                   });
+                  const { dx, dy } = interactive && isEmphasized && hoverOff > 0 ? computePieHoverOffset(arc.startAngle, arc.endAngle, hoverOff) : { dx: 0, dy: 0 };
                   return h("path", {
                     key: `slice-${arc.index}`,
                     d: path,
                     fill: color,
                     opacity,
-                    class: classNames(
-                      (props.hoverable || props.selectable) && "cursor-pointer transition-opacity duration-150"
-                    ),
+                    stroke: props.borderColor,
+                    "stroke-width": props.borderWidth,
+                    "stroke-linejoin": "round",
+                    class: classNames(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 ? PIE_EMPHASIS_SHADOW : PIE_BASE_SHADOW : void 0
+                    },
                     tabindex: props.selectable ? 0 : void 0,
                     role: props.selectable ? "button" : "img",
                     "aria-label": arc.data.label ?? `${arc.value}`,
@@ -243,8 +271,41 @@ var PieChart = defineComponent({
                   });
                 })
               }
-            ),
-            props.showLabels ? arcs.value.map((arc) => {
+            );
+            if (!props.showLabels) return [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 = computePieLabelLine(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}%`;
+                return [
+                  h("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",
+                    stroke: color,
+                    "stroke-width": 1,
+                    opacity: 0.5
+                  }),
+                  h(
+                    "text",
+                    {
+                      key: `label-${arc.index}`,
+                      x: line.label.x,
+                      y: line.label.y,
+                      "text-anchor": line.textAnchor,
+                      "dominant-baseline": "middle",
+                      class: "fill-[color:var(--tiger-text-secondary,#6b7280)] text-xs"
+                    },
+                    labelText
+                  )
+                ];
+              }).flat();
+              return [slices, ...labelNodes];
+            }
+            const labelRadius = innerR + (outerR - innerR) / 2;
+            const insideLabels = arcs.value.map((arc) => {
               const angle = (arc.startAngle + arc.endAngle) / 2;
               const { x, y } = polarToCartesian(cx, cy, labelRadius, angle);
               const label = formatLabel(arc.value, arc.data, arc.index);
@@ -260,8 +321,9 @@ var PieChart = defineComponent({
                 },
                 label
               );
-            }) : null
-          ].filter(Boolean)
+            });
+            return [slices, ...insideLabels];
+          }
         }
       );
       const tooltip = props.showTooltip && props.hoverable ? h(ChartTooltip, {
@@ -280,7 +342,7 @@ var PieChart = defineComponent({
           position: props.legendPosition,
           markerSize: props.legendMarkerSize,
           gap: props.legendGap,
-          interactive: props.hoverable || props.selectable,
+          interactive,
           onItemClick: handleLegendClick,
           onItemHover: handleLegendHover,
           onItemLeave: handleLegendLeave

package/dist/{chunk-2ONL76L4.js → chunk-DELTFEEJ.js}

@@ -81,33 +81,27 @@ var Button = vue.defineComponent({
     });
     const mergedStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
     return () => {
-      const children = [];
       const isDisabled = props.disabled || props.loading;
-      const ariaBusy = attrs["aria-busy"] ?? (props.loading ? "true" : void 0);
-      const ariaDisabled = attrs["aria-disabled"] ?? (isDisabled ? "true" : void 0);
-      if (props.loading) {
-        const loadingIcon = slots["loading-icon"] ? slots["loading-icon"]() : LoadingSpinner;
-        children.push(vue.h("span", { class: "mr-2" }, loadingIcon));
-      }
-      if (slots.default) {
-        children.push(slots.default());
-      }
       return vue.h(
         "button",
         {
           ...attrs,
           class: buttonClasses.value,
           style: mergedStyle.value,
-          "aria-busy": ariaBusy,
-          "aria-disabled": ariaDisabled,
+          "aria-busy": attrs["aria-busy"] ?? (props.loading ? "true" : void 0),
+          "aria-disabled": attrs["aria-disabled"] ?? (isDisabled ? "true" : void 0),
           disabled: isDisabled,
           type: props.type,
-          onClick: (event) => {
-            if (isDisabled) return;
-            emit("click", event);
-          }
+          onClick: isDisabled ? void 0 : (event) => emit("click", event)
         },
-        children
+        [
+          props.loading && vue.h(
+            "span",
+            { class: "mr-2" },
+            slots["loading-icon"] ? slots["loading-icon"]() : LoadingSpinner
+          ),
+          slots.default?.()
+        ]
       );
     };
   }

package/dist/{chunk-ZK26QLSW.js → chunk-DN5GU5PC.js}

@@ -8,78 +8,42 @@ var Loading = vue.defineComponent({
   name: "TigerLoading",
   inheritAttrs: false,
   props: {
-    /**
-     * Loading spinner variant - determines animation style
-     * @default 'spinner'
-     */
     variant: {
       type: String,
       default: "spinner"
     },
-    /**
-     * Size of the loading indicator
-     * @default 'md'
-     */
     size: {
       type: String,
       default: "md"
     },
-    /**
-     * Color variant
-     * @default 'primary'
-     */
     color: {
       type: String,
       default: "primary"
     },
-    /**
-     * Custom text to display below the spinner
-     */
     text: {
       type: String,
       default: void 0
     },
-    /**
-     * Whether to show loading as fullscreen overlay
-     * @default false
-     */
     fullscreen: {
       type: Boolean,
       default: false
     },
-    /**
-     * Delay before showing the loading indicator (ms)
-     * @default 0
-     */
     delay: {
       type: Number,
       default: 0
     },
-    /**
-     * Custom background color (for fullscreen mode)
-     * @default 'rgba(255, 255, 255, 0.9)'
-     */
     background: {
       type: String,
       default: "rgba(255, 255, 255, 0.9)"
     },
-    /**
-     * Custom spinner color (overrides color variant)
-     */
     customColor: {
       type: String,
       default: void 0
     },
-    /**
-     * Additional CSS classes
-     */
     className: {
       type: String,
-      default: ""
+      default: void 0
     },
-    /**
-     * Custom styles
-     */
     style: {
       type: Object,
       default: void 0

package/dist/{chunk-264DR3I2.mjs → chunk-DU2NXX75.mjs}

@@ -10,12 +10,14 @@ function useChartInteraction(options) {
   const localHoveredIndex = ref(null);
   const localSelectedIndex = ref(null);
   const tooltipPosition = ref({ x: 0, y: 0 });
-  const resolvedHoveredIndex = computed(
-    () => options.hoveredIndexProp !== void 0 ? options.hoveredIndexProp : localHoveredIndex.value
-  );
-  const resolvedSelectedIndex = computed(
-    () => options.selectedIndexProp !== void 0 ? options.selectedIndexProp : localSelectedIndex.value
-  );
+  const resolvedHoveredIndex = computed(() => {
+    const prop = options.hoveredIndexProp?.();
+    return prop !== void 0 ? prop : localHoveredIndex.value;
+  });
+  const resolvedSelectedIndex = computed(() => {
+    const prop = options.selectedIndexProp?.();
+    return prop !== void 0 ? prop : localSelectedIndex.value;
+  });
   const activeIndex = computed(() => {
     if (resolvedSelectedIndex.value !== null) return resolvedSelectedIndex.value;
     if (unref(options.hoverable) && resolvedHoveredIndex.value !== null) {
@@ -31,7 +33,7 @@ function useChartInteraction(options) {
   };
   const handleMouseEnter = (index, event) => {
     if (!unref(options.hoverable)) return;
-    if (options.hoveredIndexProp === void 0) {
+    if (options.hoveredIndexProp?.() === void 0) {
       localHoveredIndex.value = index;
     }
     tooltipPosition.value = { x: event.clientX, y: event.clientY };
@@ -45,7 +47,7 @@ function useChartInteraction(options) {
   };
   const handleMouseLeave = () => {
     if (!unref(options.hoverable)) return;
-    if (options.hoveredIndexProp === void 0) {
+    if (options.hoveredIndexProp?.() === void 0) {
       localHoveredIndex.value = null;
     }
     emit("update:hoveredIndex", null);
@@ -56,7 +58,7 @@ function useChartInteraction(options) {
   const handleClick = (index) => {
     if (!unref(options.selectable)) return;
     const nextIndex = resolvedSelectedIndex.value === index ? null : index;
-    if (options.selectedIndexProp === void 0) {
+    if (options.selectedIndexProp?.() === void 0) {
       localSelectedIndex.value = nextIndex;
     }
     emit("update:selectedIndex", nextIndex);
@@ -75,7 +77,7 @@ function useChartInteraction(options) {
   };
   const handleLegendHover = (index) => {
     if (!unref(options.hoverable)) return;
-    if (options.hoveredIndexProp === void 0) {
+    if (options.hoveredIndexProp?.() === void 0) {
       localHoveredIndex.value = index;
     }
     emit("update:hoveredIndex", index);

package/dist/{chunk-I7GSAVM7.js → chunk-DUQ7Q2GO.js}

@@ -79,29 +79,8 @@ var Text = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const textClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.textSizeClasses[props.size],
-        tigercatCore.textWeightClasses[props.weight],
-        props.align && tigercatCore.textAlignClasses[props.align],
-        tigercatCore.textColorClasses[props.color],
-        props.truncate && tigercatCore.textDecorationClasses.truncate,
-        props.italic && tigercatCore.textDecorationClasses.italic,
-        props.underline && tigercatCore.textDecorationClasses.underline,
-        props.lineThrough && tigercatCore.textDecorationClasses.lineThrough
-      );
-    });
-    return () => {
-      return vue.h(
-        props.tag,
-        {
-          ...attrs,
-          class: [textClasses.value, attrs.class],
-          style: attrs.style
-        },
-        slots.default?.()
-      );
-    };
+    const textClasses = vue.computed(() => tigercatCore.getTextClasses(props));
+    return () => vue.h(props.tag, { ...attrs, class: [textClasses.value, attrs.class] }, slots.default?.());
   }
 });
 var Text_default = Text;

package/dist/{chunk-OVFGETP7.mjs → chunk-DVFDA2P2.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive, watch, provide, h } from 'vue';
+import { defineComponent, ref, computed, reactive, provide, h } from 'vue';
 import { normalizeActiveKeys, classNames, getCollapseContainerClasses, coerceClassValue, togglePanelKey } from '@expcat/tigercat-core';
 
 // src/components/Collapse.ts
@@ -95,29 +95,23 @@ var Collapse = defineComponent({
       );
     });
     const collapseContextValue = reactive({
-      activeKeys: currentActiveKeys.value,
-      accordion: props.accordion,
-      expandIconPosition: props.expandIconPosition,
-      bordered: props.bordered,
-      ghost: props.ghost,
+      get activeKeys() {
+        return currentActiveKeys.value;
+      },
+      get accordion() {
+        return props.accordion;
+      },
+      get expandIconPosition() {
+        return props.expandIconPosition;
+      },
+      get bordered() {
+        return props.bordered;
+      },
+      get ghost() {
+        return props.ghost;
+      },
       handlePanelClick
     });
-    watch(
-      () => [
-        currentActiveKeys.value,
-        props.accordion,
-        props.expandIconPosition,
-        props.bordered,
-        props.ghost
-      ],
-      ([activeKeys, accordion, expandIconPosition, bordered, ghost]) => {
-        collapseContextValue.activeKeys = activeKeys;
-        collapseContextValue.accordion = accordion;
-        collapseContextValue.expandIconPosition = expandIconPosition;
-        collapseContextValue.bordered = bordered;
-        collapseContextValue.ghost = ghost;
-      }
-    );
     provide(CollapseContextKey, collapseContextValue);
     return () => {
       const children = slots.default?.() || [];

package/dist/{chunk-4DCSGWCJ.js → chunk-EAMHOEAJ.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkL44HKVK5_js = require('./chunk-L44HKVK5.js');
-var chunkBR7FIC54_js = require('./chunk-BR7FIC54.js');
-var chunkFA2BQGLO_js = require('./chunk-FA2BQGLO.js');
-var chunk2ONL76L4_js = require('./chunk-2ONL76L4.js');
-var chunkZK26QLSW_js = require('./chunk-ZK26QLSW.js');
-var chunkI7GSAVM7_js = require('./chunk-I7GSAVM7.js');
-var chunkSKUTVXHP_js = require('./chunk-SKUTVXHP.js');
+var chunk7TGLZQV5_js = require('./chunk-7TGLZQV5.js');
+var chunkCEAMHLIL_js = require('./chunk-CEAMHLIL.js');
+var chunkF5AI7CPC_js = require('./chunk-F5AI7CPC.js');
+var chunkDELTFEEJ_js = require('./chunk-DELTFEEJ.js');
+var chunkDN5GU5PC_js = require('./chunk-DN5GU5PC.js');
+var chunkDUQ7Q2GO_js = require('./chunk-DUQ7Q2GO.js');
+var chunkWEFQCJAG_js = require('./chunk-WEFQCJAG.js');
 var vue = require('vue');
 var tigercatCore = require('@expcat/tigercat-core');
 
@@ -289,7 +289,7 @@ var NotificationCenter = vue.defineComponent({
           vue.h("div", { class: "flex-1 min-w-0" }, [
             vue.h("div", { class: "flex items-baseline justify-between gap-2" }, [
               vue.h(
-                chunkI7GSAVM7_js.Text,
+                chunkDUQ7Q2GO_js.Text,
                 {
                   tag: "span",
                   size: "sm",
@@ -314,7 +314,7 @@ var NotificationCenter = vue.defineComponent({
             ) : null
           ]),
           vue.h(
-            chunk2ONL76L4_js.Button,
+            chunkDELTFEEJ_js.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -329,7 +329,7 @@ var NotificationCenter = vue.defineComponent({
       );
     };
     const renderList = (items) => vue.h(
-      chunkFA2BQGLO_js.List,
+      chunkF5AI7CPC_js.List,
       {
         dataSource: items,
         split: true,
@@ -343,7 +343,7 @@ var NotificationCenter = vue.defineComponent({
       }
     );
     const renderTabs = () => vue.h(
-      chunkBR7FIC54_js.Tabs,
+      chunkCEAMHLIL_js.Tabs,
       {
         type: "line",
         size: "small",
@@ -360,7 +360,7 @@ var NotificationCenter = vue.defineComponent({
           const labelBase = group.title || String(group.key ?? index);
           const label = unreadCount > 0 ? `${labelBase} (${unreadCount})` : labelBase;
           return vue.h(
-            chunkL44HKVK5_js.TabPane,
+            chunk7TGLZQV5_js.TabPane,
             {
               key: getGroupKey(group, index),
               tabKey: getGroupKey(group, index),
@@ -381,7 +381,7 @@ var NotificationCenter = vue.defineComponent({
       const header = vue.h("div", { class: "flex flex-col gap-3" }, [
         vue.h("div", { class: "flex items-center justify-between" }, [
           vue.h("div", { class: "flex items-center gap-2.5" }, [
-            vue.h(chunkI7GSAVM7_js.Text, { tag: "div", size: "base", weight: "bold" }, { default: () => props.title }),
+            vue.h(chunkDUQ7Q2GO_js.Text, { tag: "div", size: "base", weight: "bold" }, { default: () => props.title }),
             totalUnread.value > 0 ? vue.h(
               "span",
               {
@@ -391,7 +391,7 @@ var NotificationCenter = vue.defineComponent({
             ) : null
           ]),
           vue.h(
-            chunk2ONL76L4_js.Button,
+            chunkDELTFEEJ_js.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -404,7 +404,7 @@ var NotificationCenter = vue.defineComponent({
         renderReadFilterButtons()
       ]);
       const content = props.loading ? vue.h("div", { class: "flex items-center justify-center py-12" }, [
-        vue.h(chunkZK26QLSW_js.Loading, { text: props.loadingText })
+        vue.h(chunkDN5GU5PC_js.Loading, { text: props.loadingText })
       ]) : resolvedGroups.value.length > 0 ? vue.h("div", { class: "-mx-4 -mb-4" }, [renderTabs()]) : vue.h("div", { class: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto" }, [
         renderList(filterItems(effectiveItems.value))
       ]);
@@ -418,7 +418,7 @@ var NotificationCenter = vue.defineComponent({
         },
         [
           vue.h(
-            chunkSKUTVXHP_js.Card,
+            chunkWEFQCJAG_js.Card,
             { variant: "bordered", className: "w-full" },
             {
               header: () => header,

package/dist/{chunk-SUZB7IAA.js → chunk-EBQ4WSQS.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkI3Z247PO_js = require('./chunk-I3Z247PO.js');
+var chunkR77ZKZ5F_js = require('./chunk-R77ZKZ5F.js');
 var vue = require('vue');
 var tigercatCore = require('@expcat/tigercat-core');
 
@@ -35,7 +35,7 @@ var AnchorLink = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const anchorContext = vue.inject(chunkI3Z247PO_js.AnchorContextKey, null);
+    const anchorContext = vue.inject(chunkR77ZKZ5F_js.AnchorContextKey, null);
     vue.onMounted(() => {
       anchorContext?.registerLink(props.href);
     });

package/dist/chunk-EJCHNSVG.mjs

@@ -0,0 +1,41 @@
+import { defineComponent, computed, h } from 'vue';
+import { getDividerClasses, getDividerStyle } from '@expcat/tigercat-core';
+
+// src/components/Divider.ts
+var Divider = defineComponent({
+  name: "TigerDivider",
+  props: {
+    orientation: {
+      type: String,
+      default: "horizontal"
+    },
+    lineStyle: {
+      type: String,
+      default: "solid"
+    },
+    spacing: {
+      type: String,
+      default: "md"
+    },
+    color: String,
+    thickness: String
+  },
+  setup(props, { attrs }) {
+    const classes = computed(
+      () => getDividerClasses(props.orientation, props.lineStyle, props.spacing)
+    );
+    const style = computed(
+      () => getDividerStyle(props.orientation, props.color, props.thickness)
+    );
+    return () => h("div", {
+      ...attrs,
+      class: [classes.value, attrs.class],
+      style: [style.value, attrs.style],
+      role: "separator",
+      "aria-orientation": props.orientation
+    });
+  }
+});
+var Divider_default = Divider;
+
+export { Divider, Divider_default };