@make-pictures/kits 0.0.0-stage → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +49 -2
  3. package/dist/chunk-3SUIELJV.mjs +601 -0
  4. package/dist/chunk-4Z3G6FPZ.mjs +485 -0
  5. package/dist/chunk-AHA23PHC.mjs +678 -0
  6. package/dist/chunk-CW623YVB.mjs +1124 -0
  7. package/dist/chunk-NNA7XXQB.mjs +1059 -0
  8. package/dist/chunk-S4CHTWOS.mjs +1237 -0
  9. package/dist/chunk-WAA7P5FT.mjs +912 -0
  10. package/dist/data-storytelling/AnimatedBarRace.d.ts +37 -0
  11. package/dist/data-storytelling/MetricComparisonCard.d.ts +29 -0
  12. package/dist/data-storytelling/TimelineTrack.d.ts +29 -0
  13. package/dist/data-storytelling/index.cjs +1224 -0
  14. package/dist/data-storytelling/index.d.ts +3 -0
  15. package/dist/data-storytelling/index.mjs +10 -0
  16. package/dist/index.cjs +6010 -0
  17. package/dist/index.d.ts +7 -0
  18. package/dist/index.mjs +108 -0
  19. package/dist/isometric-3d/IsometricStudioEnvironment.d.ts +8 -0
  20. package/dist/isometric-3d/Stylized3DCharacter.d.ts +29 -0
  21. package/dist/isometric-3d/index.cjs +611 -0
  22. package/dist/isometric-3d/index.d.ts +2 -0
  23. package/dist/isometric-3d/index.mjs +8 -0
  24. package/dist/kinetic-typography/AnimatedMetricCounter.d.ts +36 -0
  25. package/dist/kinetic-typography/ImpactKeywordCard.d.ts +31 -0
  26. package/dist/kinetic-typography/WordByWordStage.d.ts +47 -0
  27. package/dist/kinetic-typography/index.cjs +665 -0
  28. package/dist/kinetic-typography/index.d.ts +3 -0
  29. package/dist/kinetic-typography/index.mjs +14 -0
  30. package/dist/motion-diagrams-2d/CameraRig.d.ts +34 -0
  31. package/dist/motion-diagrams-2d/CodePayloadToast.d.ts +14 -0
  32. package/dist/motion-diagrams-2d/DataFlowEdge.d.ts +24 -0
  33. package/dist/motion-diagrams-2d/NodeBox.d.ts +65 -0
  34. package/dist/motion-diagrams-2d/SystemNode.d.ts +21 -0
  35. package/dist/motion-diagrams-2d/index.cjs +1137 -0
  36. package/dist/motion-diagrams-2d/index.d.ts +5 -0
  37. package/dist/motion-diagrams-2d/index.mjs +28 -0
  38. package/dist/paper-diorama-3d/ImageCutout3D.d.ts +47 -0
  39. package/dist/paper-diorama-3d/PaperCutout3D.d.ts +62 -0
  40. package/dist/paper-diorama-3d/PaperPopUpBook3D.d.ts +51 -0
  41. package/dist/paper-diorama-3d/PaperStageLighting3D.d.ts +12 -0
  42. package/dist/paper-diorama-3d/index.cjs +1087 -0
  43. package/dist/paper-diorama-3d/index.d.ts +4 -0
  44. package/dist/paper-diorama-3d/index.mjs +34 -0
  45. package/dist/product-frames/BrowserFrame.d.ts +28 -0
  46. package/dist/product-frames/PhoneFrame.d.ts +23 -0
  47. package/dist/product-frames/ScreenSpotlightOverlay.d.ts +34 -0
  48. package/dist/product-frames/frameMedia.d.ts +24 -0
  49. package/dist/product-frames/index.cjs +507 -0
  50. package/dist/product-frames/index.d.ts +8 -0
  51. package/dist/product-frames/index.mjs +12 -0
  52. package/dist/vfx/CinematicLensOverlay.d.ts +29 -0
  53. package/dist/vfx/ParticleField.d.ts +18 -0
  54. package/dist/vfx/SceneTransition.d.ts +24 -0
  55. package/dist/vfx/StagePostProcessing3D.d.ts +44 -0
  56. package/dist/vfx/index.cjs +933 -0
  57. package/dist/vfx/index.d.ts +4 -0
  58. package/dist/vfx/index.mjs +14 -0
  59. package/package.json +95 -4
@@ -0,0 +1,29 @@
1
+ import React from 'react';
2
+ export interface CinematicLensOverlayProps {
3
+ /** Radial vignette edge darkening in [0, 1] (default `0.36`) */
4
+ vignetteIntensity?: number;
5
+ /** Deterministic 35mm film grain opacity in [0, 0.18] (default `0.045`) */
6
+ grainOpacity?: number;
7
+ /**
8
+ * Lateral red/cyan chromatic aberration in [0, 1].
9
+ * When omitted, automatically reads `velocity` from `DirectorCameraTelemetryContext`
10
+ * so edge fringe appears organically during whip-pans and drops to `0` when still.
11
+ */
12
+ chromaticAberration?: number;
13
+ /** Multiplier applied when reading camera `velocity` automatically (default `0.85`) */
14
+ velocityAberrationScale?: number;
15
+ /** Slow organic warm anamorphic corner glow in [0, 1] (default `0.16`) */
16
+ warmLightLeak?: number;
17
+ /** Tint color for the warm corner light leak (default `'#F59E0B'`) */
18
+ lightLeakColor?: string;
19
+ /** Deterministic PRNG seed (default `77`) */
20
+ seed?: number;
21
+ /** Layer z-index (default `60`) */
22
+ zIndex?: number;
23
+ }
24
+ /**
25
+ * Deterministic 60 FPS Cinema Optical Lens Overlay (`pointerEvents: 'none'`).
26
+ * Combines radial optical vignette, velocity-reactive red/cyan chromatic fringe,
27
+ * organic corner light-leak breathe, and seeded `<feTurbulence>` film grain.
28
+ */
29
+ export declare const CinematicLensOverlay: React.FC<CinematicLensOverlayProps>;
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ export type ParticlePreset = 'dust-motes' | 'snow' | 'rain' | 'sparks' | 'confetti' | 'speed-lines';
3
+ export interface ParticleFieldProps {
4
+ preset?: ParticlePreset;
5
+ count?: number;
6
+ color?: string;
7
+ seed?: number;
8
+ intensity?: number;
9
+ /** Respects Frame 0 clean-board invariant (`opacity = 0` at `frame === 0`, default `true`) */
10
+ cleanFrameZero?: boolean;
11
+ zIndex?: number;
12
+ }
13
+ /**
14
+ * 100% Analytical Deterministic 60 FPS 2D Particle Layer.
15
+ * Every particle's `(x, y, rotation, opacity, scale)` is evaluated as a pure
16
+ * closed-form function `f(frame, index, seed)` — safe under multi-core out-of-order renders.
17
+ */
18
+ export declare const ParticleField: React.FC<ParticleFieldProps>;
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ export type SceneTransitionType = 'iris-wipe' | 'whip-pan' | 'paper-curtain' | 'flash-cut' | 'ink-wash';
3
+ export interface SceneTransitionProps {
4
+ /** Frame where the transition reaches 100% coverage (place your underlying scene cut here) */
5
+ atFrame: number;
6
+ /** Total transition duration centered around `atFrame` (default `28` frames @ 60 FPS) */
7
+ durationInFrames?: number;
8
+ /** Visual transition choreography style (default `'iris-wipe'`) */
9
+ type?: SceneTransitionType;
10
+ /** Primary brand / trim color (default `STUDIO_THEME.colors.brand[600]`) */
11
+ accentColor?: string;
12
+ /** Deep backdrop curtain/wipe color (default `'#0F172A'`) */
13
+ backdropColor?: string;
14
+ /** Wipe travel direction for `'whip-pan'` (default `'left'`) */
15
+ direction?: 'left' | 'right' | 'up' | 'down';
16
+ /** Deterministic SVG displacement seed for `'ink-wash'` (default `51`) */
17
+ seed?: number;
18
+ zIndex?: number;
19
+ }
20
+ /**
21
+ * Declarative 60 FPS Scene Transition Overlay centered around `atFrame`.
22
+ * Renders `null` outside its `[atFrame - duration/2, atFrame + duration/2]` window.
23
+ */
24
+ export declare const SceneTransition: React.FC<SceneTransitionProps>;
@@ -0,0 +1,44 @@
1
+ import React from 'react';
2
+ export interface ContactShadowDisc3DProps {
3
+ position?: [number, number, number];
4
+ radius?: number;
5
+ opacity?: number;
6
+ color?: string;
7
+ scaleX?: number;
8
+ scaleZ?: number;
9
+ }
10
+ /**
11
+ * Grounded radial soft contact shadow disc for 3D props and characters.
12
+ * Uses `polygonOffset` and `depthWrite={false}` to guarantee zero Z-fighting.
13
+ */
14
+ export declare const ContactShadowDisc3D: React.FC<ContactShadowDisc3DProps>;
15
+ export interface StagePostProcessing3DProps {
16
+ /** Exponential atmospheric fog color (default `'#F8F9FF'`) */
17
+ fogColor?: string;
18
+ /** Exponential fog density (`0` disables scene fog, default `0.02`) */
19
+ fogDensity?: number;
20
+ /** Enable volumetric spotlight cones (`true` = 2 beams, `false` = 0, or explicit count) */
21
+ spotlightBeams?: boolean | number;
22
+ /** Spotlight volumetric tint color (default `'#FFF7ED'`) */
23
+ beamColor?: string;
24
+ /** Peak volumetric beam opacity (default `0.075`) */
25
+ beamOpacity?: number;
26
+ /** Primary emitter world position (default `[-4.2, 8.2, 2.8]`) */
27
+ beamOrigin?: [number, number, number];
28
+ /** Primary spotlight target on floor (default `[0, 0, 0]`) */
29
+ beamTarget?: [number, number, number];
30
+ /** Render soft atmospheric depth-haze planes behind the stage (default `true`) */
31
+ depthHaze?: boolean;
32
+ /** Depth-haze tint color (default `'#E0E7FF'`) */
33
+ hazeColor?: string;
34
+ /** Depth-haze opacity (default `0.16`) */
35
+ hazeOpacity?: number;
36
+ /** Deterministic PRNG seed for volumetric motes & beam phases (default `303`) */
37
+ seed?: number;
38
+ }
39
+ /**
40
+ * Drop-in 3D Atmospheric & Volumetric Stage Post-Processing child for `<ThreeCanvas>`.
41
+ * Attaches `THREE.FogExp2`, renders deterministic additive volumetric spotlight dust-beams,
42
+ * floating 3D dust motes, and subtle background depth-haze planes using zero external post-fx packages.
43
+ */
44
+ export declare const StagePostProcessing3D: React.FC<StagePostProcessing3DProps>;