feat(skin): generate framework skins from registry

.gitignore

@@ -51,8 +51,12 @@ packages/html/vjsc/entries.generated.ts
 packages/icons/vjsc/schema.generated.ts
 packages/react/vjsc/entries.generated.ts
 packages/skins/vjsc/registry/
-packages/html/src/__generated__/skins/
-packages/react/src/__generated__/skins/
+# Framework Skin sources are generated from the canonical VJSC component graph.
+packages/react/src/internal/skins/
+packages/react/src/presets/*/skin.tsx
+packages/react/src/presets/*/skin.css
+packages/react/src/presets/*/minimal-skin.tsx
+packages/react/src/presets/*/minimal-skin.css
 
 # -------------------------
 # Merge & Patch Backups

package.json

@@ -43,7 +43,7 @@
     "test:size": "node --test .github/scripts/tests/*.test.js",
     "format": "vp fmt --write",
     "format:astro": "vp fmt 'site/src/**/*.astro' --write",
-    "typecheck": "tsgo --build",
+    "typecheck": "vp run typecheck:workspace",
     "changelog": "git-cliff --config cliff.toml --output CHANGELOG.md",
     "check:workspace": "node build/scripts/check-workspace.mjs"
   },

packages/react/src/internal/skin-primitives.ts

@@ -0,0 +1,36 @@
+/** Private acyclic facade used by generated package Skins. */
+export type { ClassValue } from '@videojs/utils/style';
+export { Text } from '../i18n';
+export { Container } from '../player/container';
+export { AirPlayButton } from '../ui/airplay-button';
+export { AudioTrackRadioGroup } from '../ui/audio-track-radio-group';
+export { BufferingIndicator } from '../ui/buffering-indicator';
+export { CaptionsButton } from '../ui/captions-button';
+export { CaptionsRadioGroup } from '../ui/captions-radio-group';
+export { CastButton } from '../ui/cast-button';
+export { Controls } from '../ui/controls';
+export { ErrorDialog } from '../ui/error-dialog';
+export { FullscreenButton } from '../ui/fullscreen-button';
+export { Gesture } from '../ui/gesture';
+export { Hotkey } from '../ui/hotkey';
+export { LiveButton } from '../ui/live-button';
+export { Menu } from '../ui/menu';
+export { MuteButton } from '../ui/mute-button';
+export { PiPButton } from '../ui/pip-button';
+export { PlayButton } from '../ui/play-button';
+export { PlaybackRateButton } from '../ui/playback-rate-button';
+export { PlaybackRateRadioGroup } from '../ui/playback-rate-radio-group';
+export { Popover } from '../ui/popover';
+export { Poster } from '../ui/poster';
+export { QualityRadioGroup } from '../ui/quality-radio-group';
+export { SeekButton } from '../ui/seek-button';
+export { SeekIndicator } from '../ui/seek-indicator';
+export { Slider } from '../ui/slider';
+export { StatusAnnouncer } from '../ui/status-announcer';
+export { StatusIndicator } from '../ui/status-indicator';
+export { Time } from '../ui/time';
+export { TimeSlider } from '../ui/time-slider';
+export { Tooltip } from '../ui/tooltip';
+export { VolumeIndicator } from '../ui/volume-indicator';
+export { VolumePopover } from '../ui/volume-popover';
+export { VolumeSlider } from '../ui/volume-slider';

packages/react/src/presets/audio/index.ts

@@ -4,7 +4,5 @@
 export { audioFeatures } from '@videojs/core/dom';
 export { Audio, type AudioProps } from '@/media/audio';
 export * from './minimal-skin';
-export * from './minimal-skin.tailwind';
 export { AudioPlayer, type AudioPlayerProps, usePlayer } from './player';
 export * from './skin';
-export * from './skin.tailwind';