@alphacifer/slidev-addon-theme 0.0.10 → 0.0.11

package/utils/{hexTriad/createHexTriadGeometry.ts → facets/triad/hexagon-triad/createHexagonTriadGeometry.ts}

@@ -1,37 +1,20 @@
-export interface IHexTriadPoint {
+export interface IHexagonTriadPoint {
   readonly x: number;
   readonly y: number;
 }
 
-export interface IHexTriadCoordinates {
+export interface IHexagonTriadCoordinates {
   readonly centerX: number;
   readonly centerY: number;
   readonly hexRadius: number;
   readonly triadRadius: number;
   readonly badgeRadius: number;
-  readonly hex1: IHexTriadPoint;
-  readonly hex2: IHexTriadPoint;
-  readonly hex3: IHexTriadPoint;
-  readonly badge1: IHexTriadPoint;
-  readonly badge2: IHexTriadPoint;
-  readonly badge3: IHexTriadPoint;
-}
-
-/**
- * Creates pointy-topped hexagon SVG points with sharp vertices
- */
-export function createHexagonPoints(cx: number, cy: number, r: number): string {
-  const angles = [-90, -30, 30, 90, 150, 210];
-
-  return angles
-    .map((deg) => {
-      const rad = (deg * Math.PI) / 180;
-      const x = (cx + r * Math.cos(rad)).toFixed(1);
-      const y = (cy + r * Math.sin(rad)).toFixed(1);
-
-      return `${x},${y}`;
-    })
-    .join(' ');
+  readonly hex1: IHexagonTriadPoint;
+  readonly hex2: IHexagonTriadPoint;
+  readonly hex3: IHexagonTriadPoint;
+  readonly badge1: IHexagonTriadPoint;
+  readonly badge2: IHexagonTriadPoint;
+  readonly badge3: IHexagonTriadPoint;
 }
 
 /**
@@ -46,6 +29,7 @@ export function createRoundedHexagonPath(
   const angles = [-90, -30, 30, 90, 150, 210];
   const vertices = angles.map((deg) => {
     const rad = (deg * Math.PI) / 180;
+
     return {
       x: cx + r * Math.cos(rad),
       y: cy + r * Math.sin(rad),
@@ -108,14 +92,14 @@ export function createRoundedHexagonPath(
   return commands.join(' ');
 }
 
-export function calculateHexTriadCoordinates(
+export function calculateHexagonTriadCoordinates(
   centerX = 270,
   centerY = 224,
   triadRadius = 66,
   hexRadius = 114,
   badgeRadius = 28,
   horizontalSpread = 28,
-): IHexTriadCoordinates {
+): IHexagonTriadCoordinates {
   const angleRad30 = (30 * Math.PI) / 180;
 
   const hex2X = Number(

package/utils/facets/triad/hexagon-triad/index.ts

@@ -0,0 +1,3 @@
+export * from './context';
+export * from './createHexagonTriadGeometry';
+export * from './resolveHexagonTriadItems';

package/utils/facets/triad/hexagon-triad/resolveHexagonTriadItems.ts

@@ -0,0 +1,60 @@
+export interface IHexagonTriadItem {
+  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 [
+  IHexagonTriadItem,
+  IHexagonTriadItem,
+  IHexagonTriadItem,
+] = [
+  {
+    id: '01',
+    title: '',
+    description: '',
+    color: 'var(--alpha-hexagon-triad-item-1-color)',
+    depthColor: 'var(--alpha-hexagon-triad-item-1-depth)',
+    lightColor: 'var(--alpha-hexagon-triad-item-1-light)',
+  },
+  {
+    id: '02',
+    title: '',
+    description: '',
+    color: 'var(--alpha-hexagon-triad-item-2-color)',
+    depthColor: 'var(--alpha-hexagon-triad-item-2-depth)',
+    lightColor: 'var(--alpha-hexagon-triad-item-2-light)',
+  },
+  {
+    id: '03',
+    title: '',
+    description: '',
+    color: 'var(--alpha-hexagon-triad-item-3-color)',
+    depthColor: 'var(--alpha-hexagon-triad-item-3-depth)',
+    lightColor: 'var(--alpha-hexagon-triad-item-3-light)',
+  },
+];
+
+export function resolveHexagonTriadItems(
+  userItems?: readonly IHexagonTriadItem[],
+): readonly [IHexagonTriadItem, IHexagonTriadItem, IHexagonTriadItem] {
+  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/{shiftingHeading → layouts/shifting-heading}/collectShiftingIntroNodes.ts

@@ -29,6 +29,7 @@ const hasImplicitClickDirective = (node: VNode): boolean => {
   return Boolean(
     node.dirs?.some(({ dir, value }) => {
       const name = getDirectiveName(dir);
+
       return (
         name !== undefined &&
         CLICK_DIRECTIVE_NAMES.has(name) &&

package/utils/layouts/table-of-contents/calculateTocCenterAlignmentOffset.ts

@@ -0,0 +1,17 @@
+export interface ICalculateTocCenterAlignmentOffsetPxParams {
+  readonly markerCenterY: number;
+  readonly articleCenterY: number;
+  readonly scaleY: number;
+}
+
+export function calculateTocCenterAlignmentOffsetPx({
+  markerCenterY,
+  articleCenterY,
+  scaleY,
+}: ICalculateTocCenterAlignmentOffsetPxParams): number {
+  if (scaleY <= 0) {
+    return 0;
+  }
+
+  return (markerCenterY - articleCenterY) / scaleY;
+}

package/utils/{tableOfContents → layouts/table-of-contents}/calculateTocMarkerPositions.ts

@@ -64,18 +64,6 @@ export function calculateTocItemCount({
   return Math.min(normalizedAvailableCount, normalizedMaximumCount);
 }
 
-export function calculateTocMarkerCenterPercent(count: number): number {
-  const positions = calculateTocMarkerPositions(count);
-  const firstPosition = positions[0];
-  const lastPosition = positions.at(-1);
-
-  if (!firstPosition || !lastPosition) {
-    return 50;
-  }
-
-  return (firstPosition.topPercent + lastPosition.topPercent) / 2;
-}
-
 export function calculateTocMiddleMarkerOffsetPx(count: number): number {
   const positions = calculateTocMarkerPositions(count);
   const middlePosition = positions[Math.floor((positions.length - 1) / 2)];

package/utils/{tableOfContents → layouts/table-of-contents}/createTocConnectorPath.ts

@@ -20,11 +20,17 @@ export function calculateTocConnectorEndX({
   return articleLeftX + CONNECTOR_ARTICLE_OVERLAP_PX;
 }
 
-export function createTocConnectorPath(
-  start: ITocConnectorPoint,
-  end: ITocConnectorPoint,
-  isMiddle: boolean,
-): string {
+export interface ICreateTocConnectorPathParams {
+  readonly isMiddle: boolean;
+  readonly end: ITocConnectorPoint;
+  readonly start: ITocConnectorPoint;
+}
+
+export function createTocConnectorPath({
+  end,
+  start,
+  isMiddle,
+}: ICreateTocConnectorPathParams): string {
   const startX = formatCoordinate(start.x);
   const startY = formatCoordinate(start.y);
   const endX = formatCoordinate(end.x);

package/utils/{mergeUno → merge-uno}/classifyVisual.ts

@@ -97,7 +97,7 @@ function classifyBackground(utility: string): string[] {
     return ['background-position'];
   }
 
-  if (/^bg-(?:gradient|image|url)-/.test(utility)) {
+  if (/^bg-(?:gradient|linear|image|url)-/.test(utility)) {
     return ['background-image'];
   }
 

package/utils/{mergeUno → merge-uno}/collectClassNames.ts

@@ -17,12 +17,14 @@ function splitClassNames(value: string): string[] {
     if (escaped) {
       current += character;
       escaped = false;
+
       continue;
     }
 
     if (character === '\\') {
       current += character;
       escaped = true;
+
       continue;
     }
 
@@ -39,6 +41,7 @@ function splitClassNames(value: string): string[] {
     if (character === '"' || character === "'") {
       current += character;
       quote = character;
+
       continue;
     }
 
@@ -99,9 +102,10 @@ function expandVariantGroup(token: string): string[] {
     ) {
       const prefix = token.slice(0, index + 1);
       const contents = token.slice(index + 2, -1);
-      return splitClassNames(contents).flatMap((child) =>
-        expandVariantGroup(`${prefix}${child}`),
-      );
+
+      return splitClassNames(contents).flatMap((child) => {
+        return expandVariantGroup(`${prefix}${child}`);
+      });
     }
   }
 
@@ -117,6 +121,7 @@ function collectClassName(value: TUnoClassValue, result: string[]): void {
     for (const token of splitClassNames(String(value))) {
       result.push(...expandVariantGroup(token));
     }
+
     return;
   }
 
@@ -124,6 +129,7 @@ function collectClassName(value: TUnoClassValue, result: string[]): void {
     for (const item of value) {
       collectClassName(item, result);
     }
+
     return;
   }
 

package/utils/process/arc-arrow-process/resolveArcArrowProcessItems.ts

@@ -0,0 +1,180 @@
+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;
+}
+
+const DEFAULT_ARC_ARROW_PROCESS_ITEMS_4: readonly [
+  IResolvedArcArrowProcessItem,
+  IResolvedArcArrowProcessItem,
+  IResolvedArcArrowProcessItem,
+  IResolvedArcArrowProcessItem,
+] = [
+  {
+    id: '01',
+    color: 'var(--alpha-arc-arrow-process-item-1-color)',
+    gradientEnd: 'var(--alpha-arc-arrow-process-item-1-gradient-end)',
+    title: '',
+    description: '',
+    titleColor: 'var(--alpha-arc-arrow-process-heading)',
+    textColor: 'var(--alpha-arc-arrow-process-content)',
+  },
+  {
+    id: '02',
+    color: 'var(--alpha-arc-arrow-process-item-2-color)',
+    gradientEnd: 'var(--alpha-arc-arrow-process-item-2-gradient-end)',
+    title: '',
+    description: '',
+    titleColor: 'var(--alpha-arc-arrow-process-heading)',
+    textColor: 'var(--alpha-arc-arrow-process-content)',
+  },
+  {
+    id: '03',
+    color: 'var(--alpha-arc-arrow-process-item-3-color)',
+    gradientEnd: 'var(--alpha-arc-arrow-process-item-3-gradient-end)',
+    title: '',
+    description: '',
+    titleColor: 'var(--alpha-arc-arrow-process-heading)',
+    textColor: 'var(--alpha-arc-arrow-process-content)',
+  },
+  {
+    id: '04',
+    color: 'var(--alpha-arc-arrow-process-item-4-color)',
+    gradientEnd: 'var(--alpha-arc-arrow-process-item-4-gradient-end)',
+    title: '',
+    description: '',
+    titleColor: 'var(--alpha-arc-arrow-process-heading)',
+    textColor: 'var(--alpha-arc-arrow-process-content)',
+  },
+];
+
+const DEFAULT_ARC_ARROW_PROCESS_ITEMS_3: readonly [
+  IResolvedArcArrowProcessItem,
+  IResolvedArcArrowProcessItem,
+  IResolvedArcArrowProcessItem,
+] = [
+  {
+    id: '01',
+    color: 'var(--alpha-arc-arrow-process-item-1-color)',
+    gradientEnd: 'var(--alpha-arc-arrow-process-item-1-gradient-end)',
+    title: '',
+    description: '',
+    titleColor: 'var(--alpha-arc-arrow-process-heading)',
+    textColor: 'var(--alpha-arc-arrow-process-content)',
+  },
+  {
+    id: '02',
+    color: 'var(--alpha-arc-arrow-process-item-2-color)',
+    gradientEnd: 'var(--alpha-arc-arrow-process-item-2-gradient-end)',
+    title: '',
+    description: '',
+    titleColor: 'var(--alpha-arc-arrow-process-heading)',
+    textColor: 'var(--alpha-arc-arrow-process-content)',
+  },
+  {
+    id: '03',
+    color: 'var(--alpha-arc-arrow-process-item-4-color)',
+    gradientEnd: 'var(--alpha-arc-arrow-process-item-4-gradient-end)',
+    title: '',
+    description: '',
+    titleColor: 'var(--alpha-arc-arrow-process-heading)',
+    textColor: 'var(--alpha-arc-arrow-process-content)',
+  },
+];
+
+const DEFAULT_ARC_ARROW_PROCESS_ITEMS_2: readonly [
+  IResolvedArcArrowProcessItem,
+  IResolvedArcArrowProcessItem,
+] = [
+  {
+    id: '01',
+    color: 'var(--alpha-arc-arrow-process-item-2-color)',
+    gradientEnd: 'var(--alpha-arc-arrow-process-item-2-gradient-end)',
+    title: '',
+    description: '',
+    titleColor: 'var(--alpha-arc-arrow-process-heading)',
+    textColor: 'var(--alpha-arc-arrow-process-content)',
+  },
+  {
+    id: '02',
+    color: 'var(--alpha-arc-arrow-process-item-3-color)',
+    gradientEnd: 'var(--alpha-arc-arrow-process-item-3-gradient-end)',
+    title: '',
+    description: '',
+    titleColor: 'var(--alpha-arc-arrow-process-heading)',
+    textColor: 'var(--alpha-arc-arrow-process-content)',
+  },
+];
+
+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 ?? 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/pyramid/circular-pyramid/context.ts

@@ -1,10 +1,8 @@
 import type { ComputedRef, InjectionKey, Ref } from 'vue';
 
-import type { IPyramidPalette, IPyramidRegistration } from '../shared';
+import type { IPyramidPalette } from '../shared';
 import type { ICircularLayerGeometry, ICircularPyramidGeometry } from './types';
 
-export interface ICircularPyramidRegistration extends IPyramidRegistration {}
-
 export interface ICircularPyramidRootContext {
   readonly count: ComputedRef<number>;
   readonly activeIndex: Ref<number> | ComputedRef<number>;
@@ -15,7 +13,6 @@ export interface ICircularPyramidRootContext {
   readonly interactive: ComputedRef<boolean>;
   readonly titleWidthPx: ComputedRef<number>;
   readonly contentWidthPx: ComputedRef<number>;
-  readonly contentRightOffsetPx: ComputedRef<number>;
   readonly registerStack: (
     id?: symbol,
     color?: ComputedRef<string | undefined>,

package/utils/pyramid/circular-pyramid/createCircularPyramidGeometry.ts

@@ -2,8 +2,6 @@ import {
   clampPyramidCount,
   computePyramidStacking,
   DEFAULT_PYRAMID_COLOR,
-  darkenColor,
-  lightenColor,
   MAX_PYRAMID_COUNT,
   MIN_PYRAMID_COUNT,
   resolvePyramidPalette,
@@ -17,19 +15,17 @@ import type {
 
 export const DEFAULT_CIRCULAR_PYRAMID_COLOR = DEFAULT_PYRAMID_COLOR;
 export const DEFAULT_CIRCULAR_PYRAMID_STACK_COLORS: readonly string[] = [
-  '#3b82f6', // 0: Blue
-  '#6366f1', // 1: Indigo
-  '#10b981', // 2: Emerald
-  '#f59e0b', // 3: Amber
-  '#ec4899', // 4: Pink
-  '#06b6d4', // 5: Cyan
+  'var(--alpha-circular-pyramid-stack-1-color)',
+  'var(--alpha-circular-pyramid-stack-2-color)',
+  'var(--alpha-circular-pyramid-stack-3-color)',
+  'var(--alpha-circular-pyramid-stack-4-color)',
+  'var(--alpha-circular-pyramid-stack-5-color)',
+  'var(--alpha-circular-pyramid-stack-6-color)',
 ] as const;
 
 export const MIN_CIRCULAR_COUNT = MIN_PYRAMID_COUNT;
 export const MAX_CIRCULAR_COUNT = MAX_PYRAMID_COUNT;
 
-export { darkenColor, lightenColor };
-
 export function clampCircularCount(count?: number): number {
   return clampPyramidCount(count);
 }

package/utils/pyramid/shared/colors.ts

@@ -1,92 +1,42 @@
-import { DEFAULT_PYRAMID_COLOR } from './constants';
-import type { IColorModifierParams, IPyramidPalette } 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)}`;
-}
+import { darkenColor, lightenColor } from '../../colors';
+import { DEFAULT_PYRAMID_COLOR, DEFAULT_PYRAMID_HIGHLIGHT } from './constants';
+import type { IPyramidPalette } from './types';
 
 export function resolvePyramidPalette(
   baseColor: string = DEFAULT_PYRAMID_COLOR,
 ): IPyramidPalette {
   return {
-    activeTopStart: lightenColor({ hex: baseColor, ratio: 0.82 }),
+    activeTopStart: lightenColor({
+      hex: baseColor,
+      ratio: 0.82,
+    }),
     activeTopEnd: baseColor,
-    activeSideStart: darkenColor({ hex: baseColor, ratio: 0.28 }),
-    activeSideEnd: lightenColor({ hex: baseColor, ratio: 0.35 }),
-    activeStroke: lightenColor({ hex: baseColor, ratio: 0.7 }),
-    defaultTopStart: '#ffffff',
-    defaultTopEnd: lightenColor({ hex: baseColor, ratio: 0.88 }),
-    defaultSideStart: lightenColor({ hex: baseColor, ratio: 0.72 }),
-    defaultSideEnd: lightenColor({ hex: baseColor, ratio: 0.88 }),
-    defaultStroke: '#ffffff',
+    activeSideStart: darkenColor({
+      hex: baseColor,
+      ratio: 0.28,
+    }),
+    activeSideEnd: lightenColor({
+      hex: baseColor,
+      ratio: 0.35,
+    }),
+    activeStroke: lightenColor({
+      hex: baseColor,
+      ratio: 0.7,
+    }),
+    defaultTopStart: DEFAULT_PYRAMID_HIGHLIGHT,
+    defaultTopEnd: lightenColor({
+      hex: baseColor,
+      ratio: 0.88,
+    }),
+    defaultSideStart: lightenColor({
+      hex: baseColor,
+      ratio: 0.72,
+    }),
+    defaultSideEnd: lightenColor({
+      hex: baseColor,
+      ratio: 0.88,
+    }),
+    defaultStroke: DEFAULT_PYRAMID_HIGHLIGHT,
     glow: baseColor,
   };
 }

package/utils/pyramid/shared/constants.ts

@@ -1,9 +1,9 @@
-export const DEFAULT_PYRAMID_COLOR = '#3b82f6';
+export const DEFAULT_PYRAMID_COLOR = 'var(--alpha-pyramid-accent)';
+export const DEFAULT_PYRAMID_HIGHLIGHT = 'var(--alpha-pyramid-highlight)';
 export const MIN_PYRAMID_COUNT = 1;
 export const MAX_PYRAMID_COUNT = 6;
 
 export const PYRAMID_TITLE_WIDTH_PX = 150;
 export const PYRAMID_CONTENT_WIDTH_PX = 240;
-export const PYRAMID_CONTENT_RIGHT_OFFSET_PX = 0;
 export const PYRAMID_DOT_POSITION_X = 210;
 export const PYRAMID_DOT_GAP_PX = 10;

package/utils/pyramid/shared/types.ts

@@ -1,8 +1,3 @@
-export interface IColorModifierParams {
-  readonly hex: string;
-  readonly ratio?: number;
-}
-
 export interface IPyramidPalette {
   readonly activeTopStart: string;
   readonly activeTopEnd: string;

package/utils/pyramid/square-pyramid/context.ts

@@ -1,10 +1,8 @@
 import type { ComputedRef, InjectionKey, Ref } from 'vue';
 
-import type { IPyramidPalette, IPyramidRegistration } from '../shared';
+import type { IPyramidPalette } from '../shared';
 import type { ISquareLayerGeometry, ISquarePyramidGeometry } from './types';
 
-export interface ISquarePyramidRegistration extends IPyramidRegistration {}
-
 export interface ISquarePyramidRootContext {
   readonly count: ComputedRef<number>;
   readonly activeIndex: Ref<number> | ComputedRef<number>;
@@ -15,7 +13,6 @@ export interface ISquarePyramidRootContext {
   readonly interactive: ComputedRef<boolean>;
   readonly titleWidthPx: ComputedRef<number>;
   readonly contentWidthPx: ComputedRef<number>;
-  readonly contentRightOffsetPx: ComputedRef<number>;
   readonly registerStack: (
     id?: symbol,
     color?: ComputedRef<string | undefined>,