@barzhsieh/nuxt-content-mermaid 2.1.2 → 2.2.0

package/dist/runtime/components/MermaidExpandOverlay.d.vue.ts

@@ -0,0 +1,25 @@
+import type { CSSProperties, ComponentPublicInstance } from 'vue';
+import type { MermaidZoomReturn } from '../composables/useMermaidZoom.js';
+type __VLS_Props = {
+    active: boolean;
+    isVisable: boolean;
+    overlayStyle?: CSSProperties;
+    contentStyle?: CSSProperties;
+    targetStyle?: CSSProperties;
+    targetRef: (el: Element | ComponentPublicInstance | null) => void;
+    allowOverlayClose: boolean;
+    allowCloseButton: boolean;
+    targetHasMargin: boolean;
+    iconSize?: number;
+    zoom?: MermaidZoomReturn;
+    showHint?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: (event?: Event | undefined) => any;
+    transitionend: (event: TransitionEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((event?: Event | undefined) => any) | undefined;
+    onTransitionend?: ((event: TransitionEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/MermaidExpandOverlay.vue

@@ -0,0 +1,140 @@
+<script setup>
+import MermaidZoomToolbar from "./MermaidZoomToolbar.vue";
+const props = defineProps({
+  active: { type: Boolean, required: true },
+  isVisable: { type: Boolean, required: true },
+  overlayStyle: { type: Object, required: false },
+  contentStyle: { type: Object, required: false },
+  targetStyle: { type: Object, required: false },
+  targetRef: { type: Function, required: true },
+  allowOverlayClose: { type: Boolean, required: true },
+  allowCloseButton: { type: Boolean, required: true },
+  targetHasMargin: { type: Boolean, required: true },
+  iconSize: { type: Number, required: false },
+  zoom: { type: null, required: false },
+  showHint: { type: Boolean, required: false }
+});
+const isMac = import.meta.client ? /Mac|iPhone|iPad|iPod/.test(navigator.userAgent) : false;
+const emit = defineEmits(["close", "transitionend"]);
+const handleButtonClick = (event) => {
+  if (!props.allowCloseButton) return;
+  emit("close", event);
+};
+const handleModalClick = (event) => {
+  if (props.zoom?.isSpacePressed.value) return;
+  if (props.zoom?.wasLastInteractionDrag.value) {
+    event.stopPropagation();
+    return;
+  }
+  const target = event.target;
+  if (target.classList.contains("ncm-expand-overlay") || target.classList.contains("ncm-expand-modal")) {
+    if (props.allowOverlayClose) {
+      emit("close", event);
+    }
+  }
+};
+</script>
+
+<template>
+  <Teleport to="body">
+    <div
+      v-if="active"
+      class="ncm-expand-modal"
+      :style="{
+  cursor: zoom?.cursor.value || 'auto'
+}"
+      @click="handleModalClick"
+      @mousedown="zoom?.handleDragStart($event)"
+      @mousemove="zoom?.handleDragMove($event)"
+      @touchstart="zoom?.handleDragStart($event)"
+      @touchmove="zoom?.handleDragMove($event)"
+      @touchend="zoom?.handleDragEnd()"
+    >
+      <div
+        class="ncm-expand-overlay"
+        :style="overlayStyle"
+        :class="{
+  'ncm-expand-overlay-visible': isVisable,
+  'ncm-expand-overlay-closable': allowOverlayClose && !zoom?.isSpacePressed.value,
+  'ncm-expand-dragging': zoom?.isDragging.value
+}"
+      />
+      <div
+        class="ncm-expand-content"
+        :style="contentStyle"
+      >
+        <div
+          :ref="targetRef"
+          class="ncm-expand-target"
+          :class="{
+  'ncm-expand-target-with-margin': targetHasMargin
+}"
+          :style="targetStyle"
+          @transitionend="emit('transitionend', $event)"
+        />
+
+        <!-- Zoom Toolbar -->
+        <MermaidZoomToolbar
+          v-if="zoom"
+          :scale="zoom.scale.value"
+          :icon-size="iconSize"
+          :icon-scale="0.75"
+          @zoom-out="zoom.zoomOut()"
+          @zoom-in="zoom.zoomIn()"
+          @reset="zoom.reset()"
+        />
+
+        <!-- Zoom Hint Toast -->
+        <Transition name="ncm-hint-fade">
+          <div
+            v-if="showHint"
+            class="ncm-zoom-hint"
+          >
+            {{ isMac ? "\u2318" : "Ctrl" }} + Scroll to zoom
+          </div>
+        </Transition>
+
+        <button
+          v-if="allowCloseButton"
+          type="button"
+          class="ncm-expand-btn"
+          aria-label="Minimize diagram"
+          @click="handleButtonClick"
+          @mousedown.stop
+          @touchstart.stop
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            :width="iconSize || 22"
+            :height="iconSize || 22"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <polyline points="4 14 10 14 10 20" />
+            <polyline points="20 10 14 10 14 4" />
+            <line
+              x1="14"
+              y1="10"
+              x2="21"
+              y2="3"
+            />
+            <line
+              x1="3"
+              y1="21"
+              x2="10"
+              y2="14"
+            />
+          </svg>
+        </button>
+      </div>
+    </div>
+  </Teleport>
+</template>
+
+<style scoped>
+.ncm-expand-modal{inset:0;position:fixed;touch-action:none;z-index:1000}.ncm-expand-overlay{background-color:transparent;inset:0;position:absolute;transition:background-color .3s,opacity .3s,backdrop-filter .3s;z-index:0}.ncm-expand-overlay.ncm-expand-overlay-visible{backdrop-filter:var(--ncm-overlay-backdrop,none);background-color:color-mix(in oklab,var(--ncm-overlay-bg,var(--ncm-code-bg,#fff)) 95%,var(--ncm-text) 5%);opacity:var(--ncm-overlay-opacity,1)}.ncm-expand-overlay-closable{cursor:var(--ncm-cursor-collapse)}.ncm-expand-dragging{cursor:grabbing!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ncm-expand-content{height:100%;pointer-events:none;position:relative;width:100%;z-index:1}.ncm-expand-target{cursor:inherit;pointer-events:auto;position:absolute;transform-origin:top left;transition:transform .3s;z-index:2}.ncm-expand-target.ncm-expand-target-with-margin{background-color:var(--ncm-expand-target-bg,color-mix(in oklab,var(--ncm-overlay-bg,var(--ncm-code-bg,#fff)) 90%,var(--ncm-code-bg,#fff) 10%));border-radius:8px}.ncm-expand-target :deep(svg){display:block;height:100%;width:100%}.ncm-expand-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:color-mix(in oklab,var(--ncm-code-bg) 35%,transparent);border:none;border:1px solid color-mix(in oklab,var(--ncm-text) 8%,transparent);border-radius:4px;color:color-mix(in oklab,var(--ncm-text) 60%,transparent);cursor:pointer;display:flex;justify-content:center;padding:6px;pointer-events:auto;position:absolute;right:10px;top:10px;touch-action:manipulation;transition:color .2s,background-color .2s;z-index:3}.ncm-expand-btn:hover{background-color:var(--ncm-code-bg-hover);color:var(--ncm-text)}.ncm-zoom-hint{background-color:var(--ncm-hint-bg,rgba(0,0,0,.75));border-radius:var(--ncm-hint-radius,8px);color:var(--ncm-hint-text,#fff);font-size:14px;font-weight:500;left:50%;padding:12px 24px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;z-index:10}.ncm-hint-fade-enter-active,.ncm-hint-fade-leave-active{transition:opacity .2s ease}.ncm-hint-fade-enter-from,.ncm-hint-fade-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){.ncm-expand-overlay,.ncm-expand-target,.ncm-hint-fade-enter-active,.ncm-hint-fade-leave-active{transition-duration:.01ms!important}}
+</style>

package/dist/runtime/components/MermaidExpandOverlay.vue.d.ts

@@ -0,0 +1,25 @@
+import type { CSSProperties, ComponentPublicInstance } from 'vue';
+import type { MermaidZoomReturn } from '../composables/useMermaidZoom.js';
+type __VLS_Props = {
+    active: boolean;
+    isVisable: boolean;
+    overlayStyle?: CSSProperties;
+    contentStyle?: CSSProperties;
+    targetStyle?: CSSProperties;
+    targetRef: (el: Element | ComponentPublicInstance | null) => void;
+    allowOverlayClose: boolean;
+    allowCloseButton: boolean;
+    targetHasMargin: boolean;
+    iconSize?: number;
+    zoom?: MermaidZoomReturn;
+    showHint?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: (event?: Event | undefined) => any;
+    transitionend: (event: TransitionEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((event?: Event | undefined) => any) | undefined;
+    onTransitionend?: ((event: TransitionEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/MermaidZoomToolbar.d.vue.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    scale: number;
+    iconSize?: number;
+    iconScale?: number;
+    variant?: 'fullscreen' | 'overlay';
+    resetLabel?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reset: () => void;
+    "zoom-in": () => void;
+    "zoom-out": () => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onReset?: (() => any) | undefined;
+    "onZoom-in"?: (() => any) | undefined;
+    "onZoom-out"?: (() => any) | undefined;
+}>, {
+    iconSize: number;
+    iconScale: number;
+    variant: "fullscreen" | "overlay";
+    resetLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/MermaidZoomToolbar.vue

@@ -0,0 +1,66 @@
+<script setup>
+import { computed } from "vue";
+import IconMinus from "./icons/IconMinus.vue";
+import IconPlus from "./icons/IconPlus.vue";
+const props = defineProps({
+  scale: { type: Number, required: true },
+  iconSize: { type: Number, required: false, default: 18 },
+  iconScale: { type: Number, required: false, default: 1 },
+  variant: { type: String, required: false, default: "overlay" },
+  resetLabel: { type: String, required: false, default: "Reset" }
+});
+const emit = defineEmits(["zoom-in", "zoom-out", "reset"]);
+const zoomIconSize = computed(() => {
+  const base = typeof props.iconSize === "number" ? props.iconSize : 18;
+  return Math.max(12, Math.round(base * props.iconScale));
+});
+const zoomPercent = computed(() => Math.round(props.scale * 100));
+const isFullscreen = computed(() => props.variant === "fullscreen");
+const handleAction = (event, action) => {
+  emit(action);
+  event.currentTarget?.blur();
+};
+</script>
+
+<template>
+  <div
+    class="ncm-zoom-toolbar"
+    :class="{
+  'ncm-zoom-toolbar--fullscreen': isFullscreen,
+  'ncm-zoom-toolbar--overlay': !isFullscreen
+}"
+    @mousedown.stop
+    @touchstart.stop
+  >
+    <button
+      type="button"
+      class="ncm-zoom-btn"
+      aria-label="Zoom Out"
+      @click.stop="handleAction($event, 'zoom-out')"
+    >
+      <IconMinus :size="zoomIconSize" />
+    </button>
+    <span class="ncm-zoom-info">{{ zoomPercent }}%</span>
+    <button
+      type="button"
+      class="ncm-zoom-btn"
+      aria-label="Zoom In"
+      @click.stop="handleAction($event, 'zoom-in')"
+    >
+      <IconPlus :size="zoomIconSize" />
+    </button>
+    <span class="ncm-zoom-toolbar-separator">|</span>
+    <button
+      type="button"
+      class="ncm-zoom-btn ncm-zoom-reset"
+      aria-label="Reset Zoom"
+      @click.stop="handleAction($event, 'reset')"
+    >
+      {{ resetLabel }}
+    </button>
+  </div>
+</template>
+
+<style scoped>
+.ncm-zoom-toolbar{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:color-mix(in oklab,var(--ncm-code-bg) 35%,transparent);border:1px solid color-mix(in oklab,var(--ncm-text) 8%,transparent);border-radius:var(--ncm-zoom-radius,8px);display:flex;font-size:var(--ncm-zoom-font-size,14px);gap:var(--ncm-zoom-gap,4px);padding:var(--ncm-zoom-padding,4px 8px);pointer-events:auto}.ncm-zoom-toolbar--overlay{position:absolute;right:50px;top:10px;z-index:3;--ncm-zoom-font-size:14px;--ncm-zoom-padding:4px 8px}.ncm-zoom-toolbar--fullscreen{position:fixed;right:12px;top:calc(var(--ncm-toolbar-height, 37px) + 12px);z-index:10;--ncm-zoom-font-size:20px;--ncm-zoom-padding:4px 12px;will-change:transform,opacity}.ncm-zoom-btn{align-items:center;background-color:transparent;border:none;border-radius:var(--ncm-zoom-btn-radius,6px);color:color-mix(in oklab,var(--ncm-text) 55%,transparent);cursor:pointer;display:flex;font-weight:500;justify-content:center;min-height:24px;min-width:24px;padding:var(--ncm-zoom-btn-padding,3px 6px);transition:color .2s,background-color .2s}.ncm-zoom-btn:hover{background-color:var(--ncm-code-bg-hover);color:var(--ncm-text)}.ncm-zoom-info{color:color-mix(in oklab,var(--ncm-text) 60%,transparent);font-size:.85em;font-variant-numeric:tabular-nums;min-width:40px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ncm-zoom-reset{font-size:.85em;line-height:1}.ncm-zoom-btn:active{background-color:color-mix(in oklab,var(--ncm-text) 20%,transparent);transform:translateY(1px)}.ncm-zoom-toolbar-separator{color:color-mix(in oklab,var(--ncm-text) 50%,transparent);margin:0 .24rem;transform:scaleY(.81);-webkit-user-select:none;-moz-user-select:none;user-select:none}
+</style>

package/dist/runtime/components/MermaidZoomToolbar.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    scale: number;
+    iconSize?: number;
+    iconScale?: number;
+    variant?: 'fullscreen' | 'overlay';
+    resetLabel?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reset: () => void;
+    "zoom-in": () => void;
+    "zoom-out": () => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onReset?: (() => any) | undefined;
+    "onZoom-in"?: (() => any) | undefined;
+    "onZoom-out"?: (() => any) | undefined;
+}>, {
+    iconSize: number;
+    iconScale: number;
+    variant: "fullscreen" | "overlay";
+    resetLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/icons/IconClipboard.d.vue.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/icons/IconClipboard.vue

@@ -0,0 +1,32 @@
+<script setup>
+defineProps({
+  size: { type: [Number, String], required: false, default: 20 }
+});
+</script>
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :width="size"
+    :height="size"
+    viewBox="0 0 24 24"
+  >
+    <g
+      fill="none"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+    >
+      <rect
+        width="8"
+        height="4"
+        x="8"
+        y="2"
+        rx="1"
+        ry="1"
+      />
+      <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" />
+    </g>
+  </svg>
+</template>

package/dist/runtime/components/icons/IconClipboard.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/icons/IconClipboardHover.d.vue.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/icons/IconClipboardHover.vue

@@ -0,0 +1,33 @@
+<script setup>
+defineProps({
+  size: { type: [Number, String], required: false, default: 20 }
+});
+</script>
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :width="size"
+    :height="size"
+    viewBox="0 0 24 24"
+  >
+    <g
+      fill="none"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+    >
+      <rect
+        width="8"
+        height="4"
+        x="8"
+        y="2"
+        rx="1"
+        ry="1"
+      />
+      <path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M16 4h2a2 2 0 0 1 2 2v4m1 4H11" />
+      <path d="m15 10l-4 4l4 4" />
+    </g>
+  </svg>
+</template>

package/dist/runtime/components/icons/IconClipboardHover.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/icons/IconClipboardSuccess.d.vue.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/icons/IconClipboardSuccess.vue

@@ -0,0 +1,33 @@
+<script setup>
+defineProps({
+  size: { type: [Number, String], required: false, default: 20 }
+});
+</script>
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :width="size"
+    :height="size"
+    viewBox="0 0 24 24"
+  >
+    <g
+      fill="none"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+    >
+      <rect
+        width="8"
+        height="4"
+        x="8"
+        y="2"
+        rx="1"
+        ry="1"
+      />
+      <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" />
+      <path d="m9 14l2 2l4-4" />
+    </g>
+  </svg>
+</template>

package/dist/runtime/components/icons/IconClipboardSuccess.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/icons/IconCollapse.d.vue.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/icons/IconCollapse.vue

@@ -0,0 +1,34 @@
+<script setup>
+defineProps({
+  size: { type: [Number, String], required: false, default: 20 }
+});
+</script>
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :width="size"
+    :height="size"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  >
+    <polyline points="4 14 10 14 10 20" />
+    <polyline points="20 10 14 10 14 4" />
+    <line
+      x1="14"
+      y1="10"
+      x2="21"
+      y2="3"
+    />
+    <line
+      x1="3"
+      y1="21"
+      x2="10"
+      y2="14"
+    />
+  </svg>
+</template>

package/dist/runtime/components/icons/IconCollapse.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/icons/IconExpand.d.vue.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/icons/IconExpand.vue

@@ -0,0 +1,34 @@
+<script setup>
+defineProps({
+  size: { type: [Number, String], required: false, default: 20 }
+});
+</script>
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :width="size"
+    :height="size"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  >
+    <polyline points="15 3 21 3 21 9" />
+    <polyline points="9 21 3 21 3 15" />
+    <line
+      x1="21"
+      y1="3"
+      x2="14"
+      y2="10"
+    />
+    <line
+      x1="3"
+      y1="21"
+      x2="10"
+      y2="14"
+    />
+  </svg>
+</template>

package/dist/runtime/components/icons/IconExpand.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/icons/IconMinus.d.vue.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/icons/IconMinus.vue

@@ -0,0 +1,46 @@
+<script setup>
+defineProps({
+  size: { type: [Number, String], required: false, default: 20 }
+});
+</script>
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :width="size"
+    :height="size"
+    viewBox="0 0 24 24"
+    class="ncm-icon-animate"
+  ><g
+    fill="none"
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="2"
+  ><path
+    class="ncm-icon-ring"
+    stroke-dasharray="64"
+    stroke-dashoffset="64"
+    d="M3 12c0 -4.97 4.03 -9 9 -9c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9Z"
+  ><animate
+    fill="freeze"
+    attributeName="stroke-dashoffset"
+    dur="0.6s"
+    values="64;0"
+  /></path><path
+    class="ncm-icon-line"
+    stroke-dasharray="12"
+    stroke-dashoffset="12"
+    d="M7 12h10"
+  ><animate
+    fill="freeze"
+    attributeName="stroke-dashoffset"
+    begin="0.6s"
+    dur="0.2s"
+    values="12;0"
+  /></path></g></svg>
+</template>
+
+<style scoped>
+@media (prefers-reduced-motion:reduce){.ncm-icon-animate .ncm-icon-line,.ncm-icon-animate .ncm-icon-ring{stroke-dashoffset:0}.ncm-icon-animate animate{display:none}}
+</style>

package/dist/runtime/components/icons/IconMinus.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/icons/IconPlus.d.vue.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;