@expcat/tigercat-vue 2.1.3 → 2.2.0

package/README.md

@@ -35,25 +35,12 @@ import { ConfigProvider, Button } from '@expcat/tigercat-vue'
 
 ## Components
 
-172 public component entries across 9 categories. The authoritative list with
-import subpaths lives in
-[component-index.md](https://github.com/expcat/Tigercat/blob/main/skills/tigercat/references/component-index.md)
-(generated); the table below is only a sampler.
-
-| Category       | Count | Examples                                                      |
-| -------------- | ----- | ------------------------------------------------------------- |
-| **Basic**      | 30    | Button, Alert, Avatar, Badge, Icon, Tag, Text, Result, QRCode |
-| **Form**       | 31    | Input, Select, DatePicker, Form, Upload, InputOTP, TagsInput  |
-| **Layout**     | 19    | Card, Row/Col, Layout, List, Descriptions, Skeleton, Space    |
-| **Navigation** | 33    | Menu, Tabs, Breadcrumb, Pagination, Steps, Dropdown, Tree     |
-| **Feedback**   | 13    | Modal, Drawer, Message, Popover, Tooltip, Progress, Tour      |
-| **Data**       | 7     | Table, Calendar, Collapse, Timeline, DataExport               |
-| **Charts**     | 20    | BarChart, LineChart, PieChart, RadarChart, GaugeChart, Gantt  |
-| **Advanced**   | 12    | VirtualTable, VirtualList, RichTextEditor, CodeEditor         |
-| **Composite**  | 7     | DataTableWithToolbar, ChatWindow, FormWizard, TaskBoard       |
-
-`Message` and `notification` are also available as imperative command APIs from
-the package root; `notification` is a command API, not a component.
+Sampler: Button, Avatar, Badge, Input, Select, DatePicker, Form, Card, Layout, Menu, Tabs, Modal, Drawer, Table, BarChart, LineChart, VirtualTable, RichTextEditor, DataTableWithToolbar, ChatWindow. The generated catalog with import subpaths is
+[component-index.md](https://github.com/expcat/Tigercat/blob/main/skills/tigercat/references/component-index.md).
+
+`Message`, `notification`, and `LoadingBar` are root command APIs;
+[command-apis.md](https://github.com/expcat/Tigercat/blob/main/skills/tigercat/references/command-apis.md).
+`notification` is not a component.
 
 ## Composables
 
@@ -61,6 +48,13 @@ the package root; `notification` is a command API, not a component.
 in
 [api-summary.md](https://github.com/expcat/Tigercat/blob/main/skills/tigercat/references/shared/api-summary.md).
 
+## Next
+
+- Install, compatibility, and MCP client config:
+  [root README](https://github.com/expcat/Tigercat/blob/main/README.md)
+- Agent docs:
+  [SKILL.md](https://github.com/expcat/Tigercat/blob/main/skills/tigercat/SKILL.md)
+
 ## License
 
 [MIT](https://opensource.org/licenses/MIT)

package/dist/{chunk-XHNQITBG.mjs → chunk-2EOVE7AX.mjs}

@@ -10,7 +10,7 @@ import {
   useVueEscapeKey,
   useVueFocusTrap,
   useVueOverlayPortalTarget
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-FGQ7VMHF.mjs → chunk-3GNK4XIP.mjs}

@@ -1,6 +1,6 @@
 import {
   Calendar
-} from "./chunk-XCIQNTJN.mjs";
+} from "./chunk-77L52YWC.mjs";
 import {
   INPUT_GROUP_INJECTION_KEY
 } from "./chunk-J4HGCSOE.mjs";
@@ -11,7 +11,7 @@ import {
   renderVueOverlayTeleport,
   useVueAnchoredOverlay,
   useVueFocusTrap
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-7SUS7OIH.mjs → chunk-4337NE24.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-W2FOU4XH.mjs";
 import {
   ChartTooltip
-} from "./chunk-2XITUFL6.mjs";
+} from "./chunk-JRDQVGMH.mjs";
 import {
   ChartCanvas
 } from "./chunk-6K5BLE4Q.mjs";

package/dist/{chunk-ZIGSSG3J.mjs → chunk-4JH6QUWR.mjs}

@@ -1,15 +1,15 @@
 import {
   IMAGE_GROUP_INJECTION_KEY
-} from "./chunk-AGZARRL3.mjs";
+} from "./chunk-P7TCGBAE.mjs";
 import {
   ImagePreview
-} from "./chunk-JBSMLUJJ.mjs";
+} from "./chunk-NVL4UWPJ.mjs";
 import {
   usePopup
-} from "./chunk-ZWKDK6AF.mjs";
+} from "./chunk-OZZKYZD6.mjs";
 import {
   renderVueOverlayTeleport
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-BLTPZIJN.mjs → chunk-4RJPEIBE.mjs}

@@ -7,7 +7,7 @@ import {
   useVueEscapeKey,
   useVueFocusTrap,
   useVueOverlayPortalTarget
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-UUY7X4DY.mjs → chunk-5G47QDGH.mjs}

@@ -1,6 +1,6 @@
 import {
   PieChart
-} from "./chunk-IWGC7M62.mjs";
+} from "./chunk-ED4EXBY6.mjs";
 
 // src/components/DonutChart.ts
 import { defineComponent, h } from "vue";

package/dist/{chunk-XWL3IP7Z.mjs → chunk-5IVN54XY.mjs}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-2HP6DX7Q.mjs";
 import {
   Loading
-} from "./chunk-OO27UB75.mjs";
+} from "./chunk-NWPALCKN.mjs";
 import {
   Tag
 } from "./chunk-7PLYHGMY.mjs";
 import {
   Text
-} from "./chunk-I77GUQV4.mjs";
+} from "./chunk-OEHI4BZZ.mjs";
 import {
   Card
 } from "./chunk-W4A6L2TC.mjs";

package/dist/{chunk-2SC2HIVS.mjs → chunk-5XIHKQL7.mjs}

@@ -1,6 +1,6 @@
 import {
   Select
-} from "./chunk-KO7NA3F6.mjs";
+} from "./chunk-FM2P4ENM.mjs";
 import {
   Radio
 } from "./chunk-AFNJO6KJ.mjs";
@@ -18,7 +18,7 @@ import {
 } from "./chunk-V5BSH3EF.mjs";
 import {
   Loading
-} from "./chunk-OO27UB75.mjs";
+} from "./chunk-NWPALCKN.mjs";
 import {
   Button
 } from "./chunk-4KIZXFFG.mjs";

package/dist/{chunk-MPYKNKZU.mjs → chunk-66JX7T3H.mjs}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-X7UK3A6Z.mjs";
 import {
   Loading
-} from "./chunk-OO27UB75.mjs";
+} from "./chunk-NWPALCKN.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-BFIYTA3E.mjs → chunk-72XR5ZIW.mjs}

@@ -3,8 +3,8 @@ import { defineComponent, h, computed } from "vue";
 import {
   classNames,
   coerceClassValue,
+  getLayoutFooterClasses,
   injectLayoutGridStyles,
-  layoutFooterClasses,
   mergeStyleValues
 } from "@expcat/tigercat-core";
 var Footer = defineComponent({
@@ -23,6 +23,10 @@ var Footer = defineComponent({
       type: String,
       default: void 0
     },
+    size: {
+      type: String,
+      default: "default"
+    },
     style: {
       type: Object,
       default: void 0
@@ -32,7 +36,7 @@ var Footer = defineComponent({
     injectLayoutGridStyles();
     const footerClasses = computed(
       () => classNames(
-        layoutFooterClasses,
+        getLayoutFooterClasses(props.size),
         props.className,
         coerceClassValue(attrs.class)
       )

package/dist/{chunk-XCIQNTJN.mjs → chunk-77L52YWC.mjs}

@@ -15,6 +15,10 @@ import {
 } from "vue";
 import { classNames, coerceClassValue } from "@expcat/tigercat-core";
 import {
+  appendCalendarEventCountLabel,
+  buildCalendarDateCellExtra,
+  calendarDateCellDotClasses,
+  calendarDateCellExtraClasses,
   calendarGridClasses,
   calendarHeaderClasses,
   calendarNavButtonClasses,
@@ -25,6 +29,7 @@ import {
   followCalendarValue,
   formatCalendarDayLabel,
   formatCalendarDayNumber,
+  getCalendarEventDotStyle,
   formatMonthYear,
   getCalendarContainerClasses,
   getCalendarDayClasses,
@@ -78,10 +83,11 @@ var Calendar = defineComponent({
       default: void 0
     },
     locale: { type: Object, default: void 0 },
-    className: { type: String, default: void 0 }
+    className: { type: String, default: void 0 },
+    events: { type: Array, default: void 0 }
   },
   emits: ["update:modelValue", "update:mode", "change", "panel-change"],
-  setup(props, { emit, attrs, expose }) {
+  setup(props, { emit, attrs, expose, slots }) {
     const config = useTigerConfig();
     const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const localeCode = computed(() => mergedLocale.value?.locale);
@@ -351,6 +357,27 @@ var Calendar = defineComponent({
               );
               const isTodayDate = today.value ? isSameDay(date, today.value) : false;
               const isDisabled = isCalendarDateDisabled(date, props.disabledDate);
+              const extra = buildCalendarDateCellExtra({
+                date,
+                events: props.events,
+                inCurrentMonth: isCurrentMonth,
+                today: isTodayDate,
+                selected: isSelected,
+                disabled: isDisabled
+              });
+              const customCell = slots.dateCell?.({ date, events: extra.events, extra });
+              const hasExtra = Boolean(customCell) || extra.events.length > 0;
+              const defaultDots = !customCell && extra.events.length > 0 ? h(
+                "span",
+                { class: calendarDateCellExtraClasses, "aria-hidden": "true" },
+                extra.events.map(
+                  (event, index) => h("span", {
+                    key: event.key ?? `${extra.iso}-${index}`,
+                    class: calendarDateCellDotClasses,
+                    style: getCalendarEventDotStyle(event.color)
+                  })
+                )
+              ) : null;
               return h(
                 "button",
                 {
@@ -358,7 +385,11 @@ var Calendar = defineComponent({
                   type: "button",
                   role: "gridcell",
                   "data-date": iso,
-                  "aria-label": formatCalendarDayLabel(date, localeCode.value),
+                  "aria-label": appendCalendarEventCountLabel(
+                    formatCalendarDayLabel(date, localeCode.value),
+                    extra.events.length,
+                    labels.value.eventCountText
+                  ),
                   "aria-selected": isSelected || isRangeStart || isRangeEnd,
                   "aria-current": isTodayDate ? "date" : void 0,
                   disabled: isDisabled,
@@ -371,12 +402,13 @@ var Calendar = defineComponent({
                     isActive: activeIso.value === iso,
                     isInRange,
                     isRangeStart,
-                    isRangeEnd
+                    isRangeEnd,
+                    hasExtra
                   }),
                   onClick: () => selectDay(date),
                   onFocus: () => activeIso.value = iso
                 },
-                formatCalendarDayNumber(date, localeCode.value)
+                [formatCalendarDayNumber(date, localeCode.value), customCell ?? defaultDots]
               );
             })
           )

package/dist/chunk-7L5MXXHC.mjs

@@ -0,0 +1,85 @@
+import {
+  useDrag
+} from "./chunk-DXL3YHRP.mjs";
+
+// src/components/Drag.ts
+import { computed, defineComponent, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  reorderSequence
+} from "@expcat/tigercat-core";
+var Drag = defineComponent({
+  name: "TigerDrag",
+  inheritAttrs: false,
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    config: {
+      type: Object,
+      default: void 0
+    },
+    containerId: {
+      type: String,
+      default: void 0
+    },
+    className: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["update:items", "items-change", "drag-start", "drag-over", "drop", "drag-end"],
+  setup(props, { emit, slots, attrs }) {
+    const drag = useDrag(() => ({
+      config: props.config,
+      containerId: props.containerId,
+      onDragStart: (event) => emit("drag-start", event),
+      onDragOver: (event) => emit("drag-over", event),
+      onDragEnd: (event) => emit("drag-end", event),
+      onDrop: (event) => {
+        emit("drop", event);
+        if (event.fromIndex === event.toIndex) return;
+        const next = reorderSequence(props.items, event.fromIndex, event.toIndex).map(
+          (item, index) => ({ ...item, index })
+        );
+        emit("update:items", next);
+        emit("items-change", next);
+      }
+    }));
+    const rootClass = computed(
+      () => classNames(
+        "m-0 list-none p-0",
+        props.className,
+        coerceClassValue(attrs.class)
+      )
+    );
+    return () => {
+      const zone = drag.getDropZoneAttrs();
+      return h(
+        "ul",
+        {
+          ...attrs,
+          ...zone,
+          class: rootClass.value,
+          "data-tiger-drag": "",
+          role: "list"
+        },
+        props.items.map((item) => {
+          const itemAttrs = drag.getDragItemAttrs(item);
+          const isDragging = drag.draggedItem.value?.id === item.id;
+          const custom = slots.item?.({ item, attrs: itemAttrs, isDragging });
+          if (custom) return custom;
+          return h("li", { ...itemAttrs, key: item.id, role: "listitem" }, String(item.id));
+        })
+      );
+    };
+  }
+});
+var Drag_default = Drag;
+
+export {
+  Drag,
+  Drag_default
+};

package/dist/{chunk-5YYI73DZ.mjs → chunk-7WK6OSB5.mjs}

@@ -31,6 +31,9 @@ import {
   getImageEditorLabels,
   getInitialCropRect,
   imageCropperContainerClasses,
+  imageCropperSizeHostClasses,
+  planCropperDisplaySize,
+  resolveCropperAvailableSize,
   imageCropperDragAreaClasses,
   imageCropperFrameClasses,
   imageCropperGuideClasses,
@@ -127,6 +130,8 @@ var ImageCropper = defineComponent({
         if (value !== void 0) internalCropRect.value = value;
       }
     );
+    const hostStyle = () => mergeStyleValues(attrs.style, props.style);
+    const availableSize = (el) => resolveCropperAvailableSize(el?.clientWidth ?? 0, el?.clientHeight ?? 0, hostStyle());
     const applyDisplaySize = (width, height, resetCrop) => {
       displayWidth.value = width;
       displayHeight.value = height;
@@ -141,13 +146,8 @@ var ImageCropper = defineComponent({
       imageRef.value = null;
       loader.load(props.src, {
         onLoad: (img, nw, nh) => {
-          const container = containerRef.value;
-          const size = getCropperDisplaySize(
-            nw,
-            nh,
-            container?.clientWidth ?? 0,
-            container?.clientHeight ?? 0
-          );
+          const box = availableSize(containerRef.value);
+          const size = getCropperDisplaySize(nw, nh, box.width, box.height);
           if (!size) {
             status.value = "error";
             emit("error", new Error("Image not loaded"));
@@ -174,14 +174,16 @@ var ImageCropper = defineComponent({
       if (!container || typeof ResizeObserver === "undefined") return;
       resizeObserver = new ResizeObserver(() => {
         if (status.value !== "ready") return;
-        const next = getCropperDisplaySize(
+        const box = availableSize(container);
+        const next = planCropperDisplaySize(
           naturalWidth,
           naturalHeight,
-          container.clientWidth,
-          container.clientHeight
+          box.width,
+          box.height,
+          displayWidth.value,
+          displayHeight.value
         );
         if (!next) return;
-        if (next.width === displayWidth.value && next.height === displayHeight.value) return;
         const mapped = remapCropRect(
           currentCropRect(),
           displayWidth.value,
@@ -334,7 +336,7 @@ var ImageCropper = defineComponent({
     expose({ getCropResult });
     const containerClasses = computed(
       () => classNames(
-        imageCropperContainerClasses,
+        imageCropperSizeHostClasses,
         props.className,
         coerceClassValue(attrs.class)
       )
@@ -397,7 +399,7 @@ var ImageCropper = defineComponent({
           {
             ...forwardedAttrs,
             ref: containerRef,
-            class: classNames(containerClasses.value, "flex items-center justify-center"),
+            class: classNames(containerClasses.value, "items-center"),
             style: {
               ...mergedStyle,
               minHeight: mergedStyle.minHeight ?? "200px"
@@ -547,17 +549,23 @@ var ImageCropper = defineComponent({
           ...forwardedAttrs,
           ref: containerRef,
           class: containerClasses.value,
-          style: {
-            ...mergedStyle,
-            width: mergedStyle.width ?? `${dw}px`,
-            height: mergedStyle.height ?? `${dh}px`
-          },
+          style: mergedStyle,
           "data-image-cropper": "",
-          "data-image-cropper-status": "ready",
-          role: "group",
-          "aria-label": labels.value.cropperDialogAriaLabel
+          "data-image-cropper-status": "ready"
         },
-        [frame, selection, dragArea, ...guideLines, ...handles]
+        [
+          h(
+            "div",
+            {
+              class: imageCropperContainerClasses,
+              style: { width: `${dw}px`, height: `${dh}px` },
+              "data-image-cropper-stage": "",
+              role: "group",
+              "aria-label": labels.value.cropperDialogAriaLabel
+            },
+            [frame, selection, dragArea, ...guideLines, ...handles]
+          )
+        ]
       );
     };
   }

package/dist/{chunk-2GYERJBM.mjs → chunk-AIONRIMJ.mjs}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-B4RZHDOU.mjs";
 import {
   List
-} from "./chunk-MPYKNKZU.mjs";
+} from "./chunk-66JX7T3H.mjs";
 import {
   Loading
-} from "./chunk-OO27UB75.mjs";
+} from "./chunk-NWPALCKN.mjs";
 import {
   Text
-} from "./chunk-I77GUQV4.mjs";
+} from "./chunk-OEHI4BZZ.mjs";
 import {
   Card
 } from "./chunk-W4A6L2TC.mjs";

package/dist/{chunk-XY2NDPX7.mjs → chunk-ASQ5XLPR.mjs}

@@ -8,7 +8,7 @@ import {
   renderVueOverlayTeleport,
   useVueAnchoredOverlay,
   useVueFocusTrap
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-ETJ4QD6U.mjs → chunk-AYCK22RG.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-7PLYHGMY.mjs";
 import {
   Text
-} from "./chunk-I77GUQV4.mjs";
+} from "./chunk-OEHI4BZZ.mjs";
 import {
   Avatar
 } from "./chunk-OGXSLKXD.mjs";

package/dist/{chunk-3VZRHFXF.mjs → chunk-AZWRMAUF.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-W2FOU4XH.mjs";
 import {
   ChartTooltip
-} from "./chunk-2XITUFL6.mjs";
+} from "./chunk-JRDQVGMH.mjs";
 import {
   ChartCanvas
 } from "./chunk-6K5BLE4Q.mjs";

package/dist/{chunk-QIEFLYF3.mjs → chunk-BLHE5KSM.mjs}

@@ -7,6 +7,7 @@ import { defineComponent, h, ref, computed, watch } from "vue";
 import {
   rateBaseClasses,
   getRateStarClasses,
+  rateCharacterGlyphClasses,
   rateHalfStarInnerClasses,
   rateActiveColor,
   rateInactiveColor,
@@ -113,7 +114,11 @@ var Rate = defineComponent({
       const attrsRecord = attrs;
       const slotChar = slots.character?.();
       const isChar = Boolean(slotChar || props.character);
-      const glyph = (extraClass) => slotChar ? h("span", { class: extraClass }, slotChar) : isChar ? h("span", { class: extraClass }, props.character) : h(
+      const glyph = (extraClass) => slotChar ? h("span", { class: classNames(rateCharacterGlyphClasses, extraClass) }, slotChar) : isChar ? h(
+        "span",
+        { class: classNames(rateCharacterGlyphClasses, extraClass) },
+        props.character
+      ) : h(
         "svg",
         {
           viewBox: starViewBox,

package/dist/{chunk-UFQRKWKG.mjs → chunk-BW2SDXPE.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZTALXP6T.mjs";
 import {
   ChartTooltip
-} from "./chunk-2XITUFL6.mjs";
+} from "./chunk-JRDQVGMH.mjs";
 import {
   ChartAxis
 } from "./chunk-4KOKMAMY.mjs";

package/dist/{chunk-CGNBG7NB.mjs → chunk-CSMFWD6T.mjs}

@@ -5,7 +5,7 @@ import {
 import {
   renderVueOverlayTeleport,
   useVueAnchoredOverlay
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 
 // src/components/ContextMenu.ts
 import {

package/dist/{chunk-MTOGCPOV.mjs → chunk-DY2B4W52.mjs}

@@ -323,7 +323,8 @@ var Slider = defineComponent({
           ref: rootElement,
           class: getSliderRootClasses(
             effectiveDisabled.value,
-            classNames(props.className, coerceClassValue(attrs.class))
+            classNames(props.className, coerceClassValue(attrs.class)),
+            props.tooltip
           ),
           style: mergeStyleValues(attrs.style, props.style),
           "data-status": status.value === "default" ? void 0 : status.value

package/dist/{chunk-RLII7QEJ.mjs → chunk-E2DXPILZ.mjs}

@@ -7,7 +7,7 @@ import {
 import {
   renderVueOverlayTeleport,
   useVueAnchoredOverlay
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-IWGC7M62.mjs → chunk-ED4EXBY6.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-W2FOU4XH.mjs";
 import {
   ChartTooltip
-} from "./chunk-2XITUFL6.mjs";
+} from "./chunk-JRDQVGMH.mjs";
 import {
   ChartCanvas
 } from "./chunk-6K5BLE4Q.mjs";

package/dist/{chunk-4VJB4XFH.mjs → chunk-EL2B7DEV.mjs}

@@ -6,7 +6,7 @@ import {
   useVueBodyScrollLock,
   useVueEscapeKey,
   useVueFocusTrap
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-35JLHFUT.mjs → chunk-ETW3MBHS.mjs}

@@ -15,6 +15,7 @@ import {
   getCodeLabels,
   mergeStyleValues,
   mergeTigerLocale,
+  renderCodeHighlightHtml,
   resolveLocaleText
 } from "@expcat/tigercat-core";
 var Code = defineComponent({
@@ -29,6 +30,14 @@ var Code = defineComponent({
       type: Boolean,
       default: true
     },
+    language: {
+      type: String,
+      default: void 0
+    },
+    highlighter: {
+      type: Object,
+      default: void 0
+    },
     copyLabel: {
       type: String,
       default: void 0
@@ -110,7 +119,19 @@ var Code = defineComponent({
         style: mergeStyleValues(attrs.style, props.style)
       },
       [
-        h("pre", { class: codeBlockPreClasses }, [h("code", { class: "block" }, props.code)]),
+        h("pre", { class: codeBlockPreClasses }, [
+          (() => {
+            const highlighted = renderCodeHighlightHtml(
+              props.code,
+              props.language,
+              props.highlighter
+            );
+            return highlighted == null ? h("code", { class: "block" }, props.code) : h("code", {
+              class: "block",
+              innerHTML: highlighted
+            });
+          })()
+        ]),
         props.copyable ? h(
           "button",
           {

package/dist/{chunk-KO7NA3F6.mjs → chunk-FM2P4ENM.mjs}

@@ -7,7 +7,7 @@ import {
 import {
   renderVueOverlayTeleport,
   useVueAnchoredOverlay
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";