@alphacifer/slidev-addon-theme 0.0.10 → 0.0.11

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';

package/utils/defenseInDepth/shared/colors.ts

@@ -1,121 +0,0 @@
-import {
-  DEFAULT_DID_COLOR,
-  DEFAULT_DID_DOT_COLOR,
-  DEFAULT_DID_DOT_GLOW_COLOR,
-  DEFAULT_DID_LAYER_COLORS,
-} from './constants';
-import type { IColorModifierParams, IDefenseInDepthPalette } from './types';
-
-export function lightenColor({
-  hex,
-  ratio = 0.5,
-}: IColorModifierParams): string {
-  const raw = hex.trim().replace(/^#/, '');
-  const sanitized =
-    raw.length === 3
-      ? raw
-          .split('')
-          .map((char) => char + char)
-          .join('')
-      : raw;
-
-  if (sanitized.length !== 6) {
-    return hex;
-  }
-
-  const r = Number.parseInt(sanitized.slice(0, 2), 16);
-  const g = Number.parseInt(sanitized.slice(2, 4), 16);
-  const b = Number.parseInt(sanitized.slice(4, 6), 16);
-
-  if (Number.isNaN(r) || Number.isNaN(g) || Number.isNaN(b)) {
-    return hex;
-  }
-
-  const clamp = (val: number): number =>
-    Math.min(255, Math.max(0, Math.round(val)));
-  const lr = clamp(r + (255 - r) * ratio);
-  const lg = clamp(g + (255 - g) * ratio);
-  const lb = clamp(b + (255 - b) * ratio);
-
-  const toHex = (n: number): string => n.toString(16).padStart(2, '0');
-
-  return `#${toHex(lr)}${toHex(lg)}${toHex(lb)}`;
-}
-
-export function darkenColor({
-  hex,
-  ratio = 0.5,
-}: IColorModifierParams): string {
-  const raw = hex.trim().replace(/^#/, '');
-  const sanitized =
-    raw.length === 3
-      ? raw
-          .split('')
-          .map((char) => char + char)
-          .join('')
-      : raw;
-
-  if (sanitized.length !== 6) {
-    return hex;
-  }
-
-  const r = Number.parseInt(sanitized.slice(0, 2), 16);
-  const g = Number.parseInt(sanitized.slice(2, 4), 16);
-  const b = Number.parseInt(sanitized.slice(4, 6), 16);
-
-  if (Number.isNaN(r) || Number.isNaN(g) || Number.isNaN(b)) {
-    return hex;
-  }
-
-  const clamp = (val: number): number =>
-    Math.min(255, Math.max(0, Math.round(val)));
-  const dr = clamp(r * (1 - ratio));
-  const dg = clamp(g * (1 - ratio));
-  const db = clamp(b * (1 - ratio));
-
-  const toHex = (n: number): string => n.toString(16).padStart(2, '0');
-
-  return `#${toHex(dr)}${toHex(dg)}${toHex(db)}`;
-}
-
-export function resolveArcDiDPalette(
-  baseColor: string = DEFAULT_DID_COLOR,
-  count = 3,
-): IDefenseInDepthPalette {
-  if (baseColor === DEFAULT_DID_COLOR && count === 3) {
-    return {
-      layerColors: DEFAULT_DID_LAYER_COLORS,
-      dotColor: DEFAULT_DID_DOT_COLOR,
-      dotGlowColor: DEFAULT_DID_DOT_GLOW_COLOR,
-      strokeColor: '#ffffff',
-      decorativeStrokeColor: lightenColor({ hex: baseColor, ratio: 0.65 }),
-    };
-  }
-
-  const layerColors: string[] = [];
-  const safeCount = Math.max(1, count);
-
-  for (let i = 0; i < safeCount; i++) {
-    // 0 = outermost (lightest, ratio ~0.35), count - 1 = innermost (deepest, ratio ~0.25 darken)
-    if (safeCount === 1) {
-      layerColors.push(baseColor);
-    } else {
-      const t = i / (safeCount - 1);
-      if (t < 0.5) {
-        const lightenRatio = 0.35 * (1 - t * 2);
-        layerColors.push(lightenColor({ hex: baseColor, ratio: lightenRatio }));
-      } else {
-        const darkenRatio = 0.25 * ((t - 0.5) * 2);
-        layerColors.push(darkenColor({ hex: baseColor, ratio: darkenRatio }));
-      }
-    }
-  }
-
-  return {
-    layerColors,
-    dotColor: darkenColor({ hex: baseColor, ratio: 0.2 }),
-    dotGlowColor: lightenColor({ hex: baseColor, ratio: 0.7 }),
-    strokeColor: '#ffffff',
-    decorativeStrokeColor: lightenColor({ hex: baseColor, ratio: 0.65 }),
-  };
-}

package/utils/defenseInDepth/shared/constants.ts

@@ -1,14 +0,0 @@
-export const DEFAULT_DID_COLOR = '#0ea5e9';
-
-export const DEFAULT_DID_OUTER_COLOR = '#38bdf8';
-export const DEFAULT_DID_MIDDLE_COLOR = '#0ea5e9';
-export const DEFAULT_DID_INNER_COLOR = '#0284c7';
-
-export const DEFAULT_DID_LAYER_COLORS: readonly string[] = [
-  DEFAULT_DID_OUTER_COLOR,
-  DEFAULT_DID_MIDDLE_COLOR,
-  DEFAULT_DID_INNER_COLOR,
-];
-
-export const DEFAULT_DID_DOT_COLOR = '#0284c7';
-export const DEFAULT_DID_DOT_GLOW_COLOR = 'rgba(56, 189, 248, 0.35)';

package/utils/defenseInDepth/shared/index.ts

@@ -1,3 +0,0 @@
-export * from './colors';
-export * from './constants';
-export * from './types';

package/utils/hexTriad/context.ts

@@ -1,25 +0,0 @@
-import type { ComputedRef, InjectionKey } from 'vue';
-
-import type { IHexTriadItem } from './resolveHexTriadItems';
-
-export interface IHexTriadRootContext {
-  readonly animation?: ComputedRef<boolean>;
-  readonly items: ComputedRef<readonly IHexTriadItem[]>;
-  readonly registerCallout: () => {
-    readonly index: number;
-    readonly item: ComputedRef<IHexTriadItem>;
-    readonly setBadgeText: (text: string | number) => void;
-  };
-}
-
-export interface IHexTriadCalloutContext {
-  readonly index: number;
-  readonly item: ComputedRef<IHexTriadItem>;
-  readonly setBadgeText: (text: string | number) => void;
-}
-
-export const HEX_TRIAD_ROOT_KEY: InjectionKey<IHexTriadRootContext> =
-  Symbol('HEX_TRIAD_ROOT_KEY');
-
-export const HEX_TRIAD_CALLOUT_KEY: InjectionKey<IHexTriadCalloutContext> =
-  Symbol('HEX_TRIAD_CALLOUT_KEY');

package/utils/hexTriad/index.ts

@@ -1,3 +0,0 @@
-export * from './context';
-export * from './createHexTriadGeometry';
-export * from './resolveHexTriadItems';

package/utils/hexTriad/resolveHexTriadItems.ts

@@ -1,63 +0,0 @@
-export interface IHexTriadItem {
-  readonly id?: string | number;
-  readonly title: string;
-  readonly description?: string;
-  readonly color?: string;
-  readonly depthColor?: string;
-  readonly lightColor?: string;
-}
-
-export const DEFAULT_HEX_TRIAD_ITEMS: readonly [
-  IHexTriadItem,
-  IHexTriadItem,
-  IHexTriadItem,
-] = [
-  {
-    id: '01',
-    title: 'Text Here',
-    description:
-      'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod sed diam nonummy nibh',
-    color: '#ee3248',
-    depthColor: '#9e1526',
-    lightColor: '#ff8595',
-  },
-  {
-    id: '02',
-    title: 'Text Here',
-    description:
-      'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod sed diam nonummy nibh',
-    color: '#f26522',
-    depthColor: '#a83908',
-    lightColor: '#ffb088',
-  },
-  {
-    id: '03',
-    title: 'Text Here',
-    description:
-      'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod sed diam nonummy nibh',
-    color: '#2b4594',
-    depthColor: '#172554',
-    lightColor: '#8da4e2',
-  },
-];
-
-export function resolveHexTriadItems(
-  userItems?: readonly IHexTriadItem[],
-): readonly [IHexTriadItem, IHexTriadItem, IHexTriadItem] {
-  const items = userItems ?? [];
-
-  return [
-    {
-      ...DEFAULT_HEX_TRIAD_ITEMS[0],
-      ...(items[0] ?? {}),
-    },
-    {
-      ...DEFAULT_HEX_TRIAD_ITEMS[1],
-      ...(items[1] ?? {}),
-    },
-    {
-      ...DEFAULT_HEX_TRIAD_ITEMS[2],
-      ...(items[2] ?? {}),
-    },
-  ] as const;
-}

package/utils/horizCard/context.ts

@@ -1,13 +0,0 @@
-import type { ComputedRef, InjectionKey } from 'vue';
-
-export interface IHorizCardContext {
-  readonly color: ComputedRef<string>;
-  readonly cardBg: ComputedRef<string>;
-  readonly lightColor: ComputedRef<string>;
-  readonly titleColor: ComputedRef<string>;
-  readonly step: ComputedRef<string | number>;
-  readonly textColor: ComputedRef<string | undefined>;
-}
-
-export const HORIZ_CARD_KEY: InjectionKey<IHorizCardContext> =
-  Symbol('HORIZ_CARD');

package/utils/horizCard/index.ts

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

package/utils/pyramid/index.ts

@@ -1,3 +0,0 @@
-export * from './circular-pyramid';
-export * from './shared';
-export * from './square-pyramid';