@alphacifer/slidev-addon-theme 0.0.10 → 0.0.12

package/components/facets/triad/gear-triad/GearTriadContents.vue

@@ -1,111 +0,0 @@
-<script setup lang="ts">
-import { computed, inject, onBeforeUpdate, provide, useSlots } from 'vue';
-
-import {
-  GEAR_TRIAD_CONTENTS_KEY,
-  GEAR_TRIAD_ROOT_KEY,
-  getDefaultGearTriadItem,
-  type IResolvedGearTriadItem,
-} from '../../../../utils/gearTriad';
-
-defineOptions({
-  name: 'GearTriadContents',
-});
-
-export interface IGearTriadContentsProps {
-  readonly title?: string;
-  readonly description?: string;
-  readonly option?: number;
-}
-
-const props = withDefaults(defineProps<IGearTriadContentsProps>(), {
-  title: undefined,
-  description: undefined,
-  option: undefined,
-});
-
-const slots = useSlots();
-const rootContext = inject(GEAR_TRIAD_ROOT_KEY, undefined);
-rootContext?.registerContents();
-
-let contentCounter = 0;
-const optionCounters: Record<number, number> = {};
-onBeforeUpdate(() => {
-  contentCounter = 0;
-  for (const k in optionCounters) {
-    optionCounters[k] = 0;
-  }
-});
-
-const registerContent = (option?: number) => {
-  if (option !== undefined) {
-    optionCounters[option] = (optionCounters[option] ?? 0) + 1;
-    return { index: optionCounters[option] - 1 };
-  }
-  const idx = contentCounter++;
-  return { index: idx };
-};
-
-const resolvedOptionIndex = computed(() => {
-  if (props.option !== undefined) {
-    return Math.max(0, props.option - 1);
-  }
-  return rootContext?.activeOptionIndex.value ?? 0;
-});
-
-const activeItem = computed<IResolvedGearTriadItem>(() => {
-  if (rootContext?.items.value) {
-    const item = rootContext.items.value[resolvedOptionIndex.value];
-    if (item) {
-      return item;
-    }
-  }
-  return getDefaultGearTriadItem(resolvedOptionIndex.value);
-});
-
-provide(GEAR_TRIAD_CONTENTS_KEY, {
-  activeItem,
-  activeOptionIndex: resolvedOptionIndex,
-  registerContent,
-});
-
-const isVisible = computed(() => {
-  if (!rootContext?.isShifted.value) {
-    return false;
-  }
-  if (props.option !== undefined) {
-    return props.option - 1 === rootContext.activeOptionIndex.value;
-  }
-  return true;
-});
-</script>
-
-<template>
-  <div
-    class="alpha-gear-triad-contents absolute right-2.5 top-1/2 -translate-y-1/2 w-[490px] flex flex-col select-none box-border pointer-events-auto transition-all duration-500 ease-out"
-    :class="[
-      isVisible
-        ? 'opacity-100 translate-x-0 delay-200'
-        : 'opacity-0 pointer-events-none translate-x-8',
-    ]"
-  >
-    <!-- Header: Option Title -->
-    <slot name="title">
-      <h3 class="alpha-gear-triad-contents__title text-2xl font-bold font-sans tracking-tight text-slate-900 mb-2">
-        {{ props.title ?? activeItem.title }}
-      </h3>
-    </slot>
-    <!-- Header: Option Description -->
-    <slot name="description">
-      <p class="alpha-gear-triad-contents__desc text-sm font-sans text-slate-500 leading-relaxed mb-6">
-        {{ props.description ?? activeItem.description }}
-      </p>
-    </slot>
-    <!-- Body: List of GearTriadContent items -->
-    <div class="alpha-gear-triad-contents__items flex flex-col gap-3.5">
-      <slot v-if="$slots[String(resolvedOptionIndex + 1)]" :name="String(resolvedOptionIndex + 1)" />
-      <slot v-else-if="$slots[`option-${resolvedOptionIndex + 1}`]" :name="`option-${resolvedOptionIndex + 1}`" />
-      <slot v-else />
-    </div>
-  </div>
-</template>

package/components/facets/triad/gear-triad/GearTriadDescription.vue

@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import { computed, inject } from 'vue';
-
-import { GEAR_TRIAD_CALLOUT_KEY } from '../../../../utils/gearTriad';
-
-defineOptions({
-  name: 'GearTriadDescription',
-});
-
-export interface IGearTriadDescriptionProps {
-  readonly color?: string;
-}
-
-const props = withDefaults(defineProps<IGearTriadDescriptionProps>(), {
-  color: undefined,
-});
-
-const calloutContext = inject(GEAR_TRIAD_CALLOUT_KEY, undefined);
-
-const descriptionColor = computed(() => {
-  return props.color ?? calloutContext?.item.value.textColor ?? '#64748b';
-});
-</script>
-
-<template>
-  <div
-    class="alpha-gear-triad-description text-[0.92rem] leading-[1.45] font-normal select-none"
-    :style="{
-      color: descriptionColor,
-      fontFamily:
-        'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif',
-    }"
-  >
-    <slot>
-      {{ calloutContext?.item.value.description }}
-    </slot>
-  </div>
-</template>

package/components/facets/triad/hex-triad/HexTriadCenterBadge.vue

@@ -1,51 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue';
-
-defineOptions({
-  name: 'HexTriadCenterBadge',
-});
-
-export interface IHexTriadCenterBadgeProps {
-  readonly x: number;
-  readonly y: number;
-  readonly text: string | number;
-  readonly color: string;
-  readonly filter?: string;
-  readonly radius: number;
-}
-
-const props = withDefaults(defineProps<IHexTriadCenterBadgeProps>(), {
-  filter: 'url(#hex-badge-shadow)',
-});
-
-const transform = computed(() => {
-  return `translate(${props.x}, ${props.y})`;
-});
-</script>
-
-<template>
-  <g class="alpha-hex-triad-center-badge" :transform="transform" :filter="filter">
-    <circle class="alpha-hex-triad-center-badge__outer" cx="0" cy="0" :r="radius + 4" fill="#ffffff" />
-    <circle class="alpha-hex-triad-center-badge__circle" cx="0" cy="0" :r="radius" :fill="color" />
-    <circle
-      class="alpha-hex-triad-center-badge__ring"
-      cx="0"
-      cy="0"
-      :r="radius - 4"
-      fill="none"
-      stroke="#ffffff"
-      stroke-width="1.2"
-      :style="{ opacity: 0.65 }"
-    />
-    <text
-      class="alpha-hex-triad-center-badge__text font-black text-lg select-none"
-      x="0"
-      y="6.5"
-      text-anchor="middle"
-      fill="#ffffff"
-      font-family="system-ui, -apple-system, sans-serif"
-    >
-      {{ text }}
-    </text>
-  </g>
-</template>

package/components/facets/triad/hex-triad/HexTriadContent.vue

@@ -1,20 +0,0 @@
-<script setup lang="ts">
-defineOptions({
-  name: 'HexTriadContent',
-});
-</script>
-
-<template>
-  <p
-    class="alpha-hex-triad-content mt-0 mb-0 text-[1rem] leading-relaxed max-w-[240px]"
-    :style="{
-      margin: 0,
-      fontSize: '1rem',
-      fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, sans-serif',
-    }"
-  >
-    <slot>
-      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod sed diam nonummy nibh
-    </slot>
-  </p>
-</template>

package/components/facets/triad/hex-triad/HexTriadHeading.vue

@@ -1,28 +0,0 @@
-<script setup lang="ts">
-import { computed, inject } from 'vue';
-
-import { HEX_TRIAD_CALLOUT_KEY } from '../../../../utils/hexTriad';
-
-defineOptions({
-  name: 'HexTriadHeading',
-});
-
-const calloutContext = inject(HEX_TRIAD_CALLOUT_KEY, undefined);
-const headingColor = computed(() => {
-  return calloutContext?.item.value.color ?? '#e11d48';
-});
-</script>
-
-<template>
-  <h3
-    class="alpha-hex-triad-heading font-bold text-[1.25rem] tracking-tight mb-[0.5rem]"
-    :style="{
-      color: headingColor,
-      fontSize: '1.25rem',
-      fontFamily:
-        'system-ui, -apple-system, BlinkMacSystemFont, sans-serif',
-    }"
-  >
-    <slot>Text Here</slot>
-  </h3>
-</template>

package/layouts/core/table-of-contents.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import { useMergedUnoAttrs } from '../../utils/useMergedUnoAttrs';
-
-defineOptions({
-  inheritAttrs: false,
-});
-
-defineProps({
-  maxDepth: {
-    type: [Number, String],
-    default: 1,
-  },
-});
-
-const { className, forwardedAttrs } = useMergedUnoAttrs(
-  'alpha-table-of-contents slidev-layout default toc-layout',
-);
-</script>
-
-<template>
-  <div
-    v-bind="forwardedAttrs()"
-    :class="className()"
-  >
-    <slot>
-      <h1>Table of Contents</h1>
-    </slot>
-    <Toc :maxDepth="maxDepth" />
-  </div>
-</template>

package/utils/arcArrowProcess/resolveArcArrowProcessItems.ts

@@ -1,189 +0,0 @@
-export interface IArcArrowProcessItem {
-  readonly id?: string | number;
-  readonly color?: string;
-  readonly gradientEnd?: string;
-  readonly title?: string;
-  readonly description?: string;
-  readonly icon?: string | object | false;
-  readonly titleColor?: string;
-  readonly textColor?: string;
-}
-
-export interface IResolvedArcArrowProcessItem {
-  readonly id: string | number;
-  readonly color: string;
-  readonly gradientEnd: string;
-  readonly title: string;
-  readonly description: string;
-  readonly icon?: string | object | false;
-  readonly titleColor: string;
-  readonly textColor: string;
-}
-
-export const DEFAULT_ARC_ARROW_PROCESS_ITEMS_4: readonly [
-  IResolvedArcArrowProcessItem,
-  IResolvedArcArrowProcessItem,
-  IResolvedArcArrowProcessItem,
-  IResolvedArcArrowProcessItem,
-] = [
-  {
-    id: '01',
-    color: '#a0a5aa',
-    gradientEnd: '#8e959f',
-    title: 'Heading Here',
-    description:
-      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.',
-    titleColor: '#888d94',
-    textColor: '#8e959f',
-  },
-  {
-    id: '02',
-    color: '#2c485d',
-    gradientEnd: '#334e68',
-    title: 'Heading Here',
-    description:
-      'Sed do eiusmod tempor incididunt ut labore et lorem ipsum dolor sit amet, consectetur adipiscing elit.',
-    titleColor: '#2c485d',
-    textColor: '#8e959f',
-  },
-  {
-    id: '03',
-    color: '#6fa3b5',
-    gradientEnd: '#7fb0c0',
-    title: 'Heading Here',
-    description:
-      'Tempor incididunt ut laborelorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod et.',
-    titleColor: '#6fa3b5',
-    textColor: '#8e959f',
-  },
-  {
-    id: '04',
-    color: '#d6284d',
-    gradientEnd: '#e63964',
-    title: 'Heading Here',
-    description:
-      'Eiusmod tempor incididunt ut labore lorem ipsum dolor sit amet, consectetur adipiscing elit, sed.',
-    titleColor: '#d6284d',
-    textColor: '#8e959f',
-  },
-];
-
-export const DEFAULT_ARC_ARROW_PROCESS_ITEMS_3: readonly [
-  IResolvedArcArrowProcessItem,
-  IResolvedArcArrowProcessItem,
-  IResolvedArcArrowProcessItem,
-] = [
-  {
-    id: '01',
-    color: '#a0a5aa',
-    gradientEnd: '#8e959f',
-    title: 'Heading Here',
-    description:
-      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.',
-    titleColor: '#888d94',
-    textColor: '#8e959f',
-  },
-  {
-    id: '02',
-    color: '#2c485d',
-    gradientEnd: '#334e68',
-    title: 'Heading Here',
-    description:
-      'Sed do eiusmod tempor incididunt ut labore et lorem ipsum dolor sit amet, consectetur adipiscing elit.',
-    titleColor: '#2c485d',
-    textColor: '#8e959f',
-  },
-  {
-    id: '03',
-    color: '#d6284d',
-    gradientEnd: '#e63964',
-    title: 'Heading Here',
-    description:
-      'Eiusmod tempor incididunt ut labore lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.',
-    titleColor: '#d6284d',
-    textColor: '#8e959f',
-  },
-];
-
-export const DEFAULT_ARC_ARROW_PROCESS_ITEMS_2: readonly [
-  IResolvedArcArrowProcessItem,
-  IResolvedArcArrowProcessItem,
-] = [
-  {
-    id: '01',
-    color: '#2c485d',
-    gradientEnd: '#334e68',
-    title: 'Heading Here',
-    description:
-      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.',
-    titleColor: '#2c485d',
-    textColor: '#8e959f',
-  },
-  {
-    id: '02',
-    color: '#6fa3b5',
-    gradientEnd: '#7fb0c0',
-    title: 'Heading Here',
-    description:
-      'Sed do eiusmod tempor incididunt ut labore et lorem ipsum dolor sit amet, consectetur adipiscing elit.',
-    titleColor: '#6fa3b5',
-    textColor: '#8e959f',
-  },
-];
-
-export function getDefaultArcArrowProcessItem(
-  index: number,
-  count: number = 4,
-): IResolvedArcArrowProcessItem {
-  const list =
-    count === 2
-      ? DEFAULT_ARC_ARROW_PROCESS_ITEMS_2
-      : count === 3
-        ? DEFAULT_ARC_ARROW_PROCESS_ITEMS_3
-        : DEFAULT_ARC_ARROW_PROCESS_ITEMS_4;
-  const safe = Math.abs(index) % list.length;
-  const item = list[safe];
-
-  if (item) {
-    return item;
-  }
-
-  return DEFAULT_ARC_ARROW_PROCESS_ITEMS_4[0];
-}
-
-export function resolveSingleArcArrowProcessItem(
-  item: IArcArrowProcessItem | undefined,
-  fallbackIndex = 0,
-  count: number = 4,
-): IResolvedArcArrowProcessItem {
-  const fallback = getDefaultArcArrowProcessItem(fallbackIndex, count);
-
-  if (!item) {
-    return fallback;
-  }
-
-  return {
-    id: item.id ?? fallback.id,
-    color: item.color ?? fallback.color,
-    gradientEnd: item.gradientEnd ?? fallback.gradientEnd,
-    title: item.title ?? fallback.title,
-    description: item.description ?? fallback.description,
-    icon: item.icon !== undefined ? item.icon : fallback.icon,
-    titleColor: item.titleColor ?? item.color ?? fallback.titleColor,
-    textColor: item.textColor ?? fallback.textColor,
-  };
-}
-
-export function resolveArcArrowProcessItems(
-  items: readonly IArcArrowProcessItem[] | undefined,
-  count: number = 4,
-): readonly IResolvedArcArrowProcessItem[] {
-  const targetCount = count >= 2 ? count : 4;
-  const result: IResolvedArcArrowProcessItem[] = [];
-
-  for (let i = 0; i < targetCount; i++) {
-    result.push(resolveSingleArcArrowProcessItem(items?.[i], i, targetCount));
-  }
-
-  return result;
-}

package/utils/arcComparison/resolveArcComparisonItems.ts

@@ -1,102 +0,0 @@
-import {
-  resolveArcOrbitItems,
-  DEFAULT_LOREM_TEXT as SHARED_LOREM_TEXT,
-} from '../arcOrbit';
-
-export interface IArcComparisonItem {
-  readonly id?: string | number;
-  readonly title?: string;
-  readonly description?: string;
-  readonly color?: string;
-  readonly textColor?: string;
-}
-
-export interface IResolvedArcComparisonItem {
-  readonly id: string | number;
-  readonly title: string;
-  readonly description: string;
-  readonly color: string;
-  readonly textColor?: string;
-}
-
-export const DEFAULT_LEFT_COLOR = '#e87a36';
-
-export const DEFAULT_RIGHT_COLOR = '#208b9e';
-
-export const DEFAULT_LOREM_TEXT = SHARED_LOREM_TEXT;
-
-export const DEFAULT_LEFT_ITEMS: readonly [
-  IResolvedArcComparisonItem,
-  IResolvedArcComparisonItem,
-  IResolvedArcComparisonItem,
-  IResolvedArcComparisonItem,
-] = [
-  {
-    id: '01',
-    title: 'Add Text Here',
-    description: DEFAULT_LOREM_TEXT,
-    color: DEFAULT_LEFT_COLOR,
-  },
-  {
-    id: '02',
-    title: 'Add Text Here',
-    description: DEFAULT_LOREM_TEXT,
-    color: DEFAULT_LEFT_COLOR,
-  },
-  {
-    id: '03',
-    title: 'Add Text Here',
-    description: DEFAULT_LOREM_TEXT,
-    color: DEFAULT_LEFT_COLOR,
-  },
-  {
-    id: '04',
-    title: 'Add Text Here',
-    description: DEFAULT_LOREM_TEXT,
-    color: DEFAULT_LEFT_COLOR,
-  },
-];
-
-export const DEFAULT_RIGHT_ITEMS: readonly [
-  IResolvedArcComparisonItem,
-  IResolvedArcComparisonItem,
-  IResolvedArcComparisonItem,
-  IResolvedArcComparisonItem,
-] = [
-  {
-    id: '01',
-    title: 'Add Text Here',
-    description: DEFAULT_LOREM_TEXT,
-    color: DEFAULT_RIGHT_COLOR,
-  },
-  {
-    id: '02',
-    title: 'Add Text Here',
-    description: DEFAULT_LOREM_TEXT,
-    color: DEFAULT_RIGHT_COLOR,
-  },
-  {
-    id: '03',
-    title: 'Add Text Here',
-    description: DEFAULT_LOREM_TEXT,
-    color: DEFAULT_RIGHT_COLOR,
-  },
-  {
-    id: '04',
-    title: 'Add Text Here',
-    description: DEFAULT_LOREM_TEXT,
-    color: DEFAULT_RIGHT_COLOR,
-  },
-];
-
-export function resolveArcComparisonSideItems(
-  items?: readonly IArcComparisonItem[],
-  defaultColor = DEFAULT_LEFT_COLOR,
-  count = 3,
-): readonly IResolvedArcComparisonItem[] {
-  return resolveArcOrbitItems({
-    items,
-    defaultColor,
-    count,
-  });
-}

package/utils/chevronCard/createChevronCardGeometry.ts

@@ -1,48 +0,0 @@
-export interface ICreateChevronPathParams {
-  readonly width: number;
-  readonly height: number;
-  readonly notchDepth?: number;
-}
-
-/**
- * Generates an SVG path for the chevron badge.
- * Features an indented notched tail on the left and a protruding arrow tip on the right.
- */
-export function createChevronPath({
-  width,
-  height,
-  notchDepth = 26,
-}: ICreateChevronPathParams): string {
-  const safeNotch = Math.max(0, Math.min(notchDepth, width / 2));
-  const halfH = height / 2;
-
-  return `M 0 0 L ${width - safeNotch} 0 L ${width} ${halfH} L ${width - safeNotch} ${height} L 0 ${height} L ${safeNotch} ${halfH} Z`;
-}
-
-export interface ICreateChevronCardBodyPathParams {
-  readonly width: number;
-  readonly height: number;
-  readonly notchDepth?: number;
-  readonly borderRadius?: number;
-}
-
-/**
- * Generates an SVG path for the card body container.
- * Left edge matches the chevron notch so slide background shows through;
- * right edge features smooth rounded corners.
- */
-export function createChevronCardBodyPath({
-  width,
-  height,
-  notchDepth = 26,
-  borderRadius = 18,
-}: ICreateChevronCardBodyPathParams): string {
-  const safeNotch = Math.max(0, Math.min(notchDepth, width / 2));
-  const safeR = Math.max(
-    0,
-    Math.min(borderRadius, (width - safeNotch) / 2, height / 2),
-  );
-  const halfH = height / 2;
-
-  return `M 0 0 L ${width - safeR} 0 A ${safeR} ${safeR} 0 0 1 ${width} ${safeR} L ${width} ${height - safeR} A ${safeR} ${safeR} 0 0 1 ${width - safeR} ${height} L 0 ${height} L ${safeNotch} ${halfH} Z`;
-}

package/utils/chevronCard/index.ts

@@ -1,2 +0,0 @@
-export * from './context';
-export * from './createChevronCardGeometry';

package/utils/defenseInDepth/arcDid/index.ts

@@ -1,3 +0,0 @@
-export * from './context';
-export * from './createArcDiDGeometry';
-export * from './types';

package/utils/defenseInDepth/index.ts

@@ -1,2 +0,0 @@
-export * from './arcDid';
-export * from './shared';